@charset "UTF-8";
.yugo {
  font-family: 'Yu Gothic', YuGothic, メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 500; }

.oswald {
  font-family: 'Oswald', 'Yu Gothic', YuGothic, メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif; }

.roboto {
  font-family: 'Roboto', sans-serif; }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */

.t-bold {
  font-weight: 700;
  /* bold */ }

.t-lead-1 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  /* regular */
  letter-spacing: 0.04em;
  display: block; }

.t-body-1 {
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 2.333; }

.t-a-r {
  text-align: right; }

#wrapper {
  padding-top: 0; }

.advantage-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.advantage-anchor__item {
  background: #fff;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: transform;
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.25, 0.85, 0.7) 0s;
  transition: all 0.3s cubic-bezier(0.15, 0.25, 0.85, 0.7) 0s; }

.advantage-anchor__point {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  /* bold */
  color: #b9881e; }

.advantage-anchor__name {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  /* regular */
  color: #242424;
  letter-spacing: 0.04em;
  text-align: center; }

.advantage-anchor__icon {
  background-image: url(../../images/common/icon_bottom-2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s cubic-bezier(0.15, 0.25, 0.85, 0.7) 0s;
  transition: all 0.3s cubic-bezier(0.15, 0.25, 0.85, 0.7) 0s;
  will-change: transform; }

/* ----------------------------------------------------------



---------------------------------------------------------- */
.advantage-intro__inner {
  position: relative; }

.advantage-intro__lead {
  line-height: 1.625; }

/* ----------------------------------------------------------

POINT 1

---------------------------------------------------------- */
.advantage-point1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf0ff), color-stop(57.13%, #b6bfd9), to(#8f98b2));
  background: linear-gradient(#ebf0ff 0%, #b6bfd9 57.13%, #8f98b2 100%);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.advantage-point1__inner {
  background: #fff;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.advantage-point1__fig {
  position: absolute;
  z-index: 1; }

/* ----------------------------------------------------------

POINT2

---------------------------------------------------------- */
.advantage-point2 {
  background: #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
  position: relative; }

.advantage-point2__btn {
  margin: 0 auto; }

/* ----------------------------------------------------------

POINT 3

---------------------------------------------------------- */
.advantage-point3 {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.12); }
@media screen and (min-width: 769px) {
  .setOrder {
    color: #000; }
    .t-lead-1 {
      font-size: 4rem; }
  .m-subpage__kv-1__inner {
    padding-top: 0; }
    .advantage-anchor {
      top: -210px; }
    .advantage-anchor__item {
      width: 307px;
      height: 190px;
      margin: 0 12px; }
      .advantage-anchor__item:hover {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
        .advantage-anchor__item:hover .advantage-anchor__icon {
          -webkit-transform: translateY(50%);
                  transform: translateY(50%); }
    .advantage-anchor__point {
      margin-bottom: 10px;
      font-size: 1.4rem;
      letter-spacing: 0.15em; }
    .advantage-anchor__name {
      font-size: 2.4rem;
      margin-bottom: 17px; }
    .advantage-anchor__icon {
      width: 20px;
      height: 20px; }
    .advantage-intro__lead {
      margin-bottom: 27px; }
  .advantage-intro__body {
    width: 400px; }
  .advantage-intro__fig {
    width: 628px;
    height: 454px;
    position: absolute;
    left: 455px;
    top: 160px; }
    .advantage-point1 {
      margin-top: 275px;
      padding-bottom: 544px; }
    .advantage-point1__inner {
      width: calc(50% + 483px);
      left: calc(50% - 483px);
      padding: 70px 83px; }
    .advantage-point1__fig {
      width: 628px;
      height: 454px;
      top: -207px;
      right: calc(50% + 55px); }
  .advantage-point1__head {
    margin-bottom: 30px; }
  .advantage-point1__lead {
    margin-bottom: 30px; }
  .advantage-point1__body {
    width: 800px;
    margin-bottom: 20px; }
  .advantage-point1__infograph {
    width: 800px; }
    .advantage-point2 {
      width: calc(50% + 483px);
      padding: 70px 83px 70px 0;
      top: -474px;
      margin-bottom: -404px; }
  .advantage-point2__inner {
    width: 800px;
    margin-left: auto; }
  .advantage-point2__head {
    margin-bottom: 30px; }
  .advantage-point2__lead {
    margin-bottom: 30px; }
  .advantage-point2__body {
    margin-bottom: 30px; }
    .advantage-point3 {
      width: calc(50% + 483px);
      padding: 70px 0 70px 83px;
      position: relative;
      left: calc(50% - 483px);
      margin-bottom: 120px; }
  .advantage-point3__inner {
    width: 800px; }
  .advantage-point3__head {
    margin-bottom: 30px; }
  .advantage-point3__lead {
    margin-bottom: 30px; } }
@media screen and (min-width: 961px) {
  .setOrder {
    color: #000; } }
@media screen and (max-width: 768px) {
  .setOrder {
    color: #000; }
    .t-lead-1 {
      font-size: 2.2rem; }
  .m-head-1__ttl {
    font-size: 2.8rem; }
  .m-subpage__kv-1 {
    margin-bottom: calc(125 / 375 * 100vw + 40px); }
  .m-subpage__kv-1__fig {
    bottom: calc(-125 / 375 * 100vw); }
    .advantage-anchor {
      top: calc(-75 / 375 * 100vw); }
    .advantage-anchor__item {
      width: 30%;
      margin: 0 1.5%;
      padding: 10px; }
    .advantage-anchor__point {
      margin-bottom: 7px;
      font-size: 1.2rem;
      letter-spacing: 0.1em; }
    .advantage-anchor__name {
      margin-bottom: 8px;
      font-size: 1.5rem;
      height: 2.8em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .advantage-anchor__icon {
      width: 15px;
      height: 15px; }
    .advantage-intro__lead {
      margin-bottom: 30px; }
  .advantage-intro__fig {
    width: calc(100vw - 35px);
    margin-bottom: 30px; }
    .advantage-point1 {
      padding: 30px 10px 300px;
      margin-top: 200px; }
    .advantage-point1__inner {
      padding: 25px; }
    .advantage-point1__inner .m-head-1__ja {
      font-size: 2.3rem; }
    .advantage-point1__inner .m-lead-1 {
      font-size: 1.8rem; }
    .advantage-point1__inner .m-lead-1 .emphasize {
      font-size: 2.8rem;
      margin-top: 10px;
      display: inline-block; }
    .advantage-point1__fig {
      width: calc(100% - 35px);
      top: -152px;
      left: 0; }
  .advantage-point1__head {
    margin-bottom: 20px; }
  .advantage-point1__lead {
    margin-bottom: 20px; }
  .advantage-point1__body {
    margin-bottom: 30px; }
    .advantage-point2 {
      width: calc(100% - 20px);
      padding: 30px 25px 30px 35px;
      top: -230px;
      margin-bottom: -160px; }
  .advantage-point2__inner .m-lead-1 {
    font-size: 1.8rem; }
  .advantage-point2__inner .m-lead-1 .emphasize {
    font-size: 2.8rem;
    margin-top: 10px;
    display: inline-block; }
  .advantage-point2__head {
    margin-bottom: 20px; }
  .advantage-point2__lead {
    margin-bottom: 20px; }
  .advantage-point2__body {
    margin-bottom: 20px; }
    .advantage-point3 {
      width: calc(100% - 20px);
      padding: 30px 35px 30px 25px;
      margin-left: auto;
      margin-bottom: 70px; }
  .advantage-point3__inner .m-lead-1 {
    font-size: 1.7rem; }
  .advantage-point3__inner .m-lead-1 .emphasize {
    font-size: 2.8rem;
    margin-top: 10px;
    display: inline-block; }
  .advantage-point3__head {
    margin-bottom: 20px; }
  .advantage-point3__lead {
    margin-bottom: 20px; } }
@media screen and (max-width: 350px) {
    .t-lead-1 {
      font-size: 2rem; }
  .m-head-1__lead {
    font-size: 1.3rem; }
  .m-head-1__ttl {
    font-size: 2.5rem; }
    .advantage-anchor__name {
      font-size: 1.4rem; }
    .advantage-point1__inner .m-lead-1 .emphasize {
      font-size: 2.6rem; }
  .advantage-point2__inner .m-lead-1 .emphasize {
    font-size: 2.6rem; }
  .advantage-point3__inner .m-lead-1 .emphasize {
    font-size: 2.6rem; } }