@charset "UTF-8";
:root {
  --color-black: #282828;
  --color-white: #fff;
  --bk-color-01: #f5f0ff;
}

/*===========================================
  vw 計算のための処理 Function
===========================================*/
.l-container {
  position: relative;
  z-index: 100;
  /* overflow: hidden; */
  background-color: var(--bk-color-01);
}

#feature {
  position: relative;
}
#feature .bk-layer {
  width: 100vw;
}
#feature .bk-layer .bk-layer_decoration_01,
#feature .bk-layer .bk-layer_decoration_02,
#feature .bk-layer .bk-layer_decoration_03,
#feature .bk-layer .bk-layer_decoration_04 {
  position: absolute;
  content: "";
  z-index: -100;
}
#feature .bk-layer .bk-layer_decoration_01,
#feature .bk-layer .bk-layer_decoration_02,
#feature .bk-layer .bk-layer_decoration_03 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(1916px, 136.85714vw);
}
#feature .bk-layer .bk-layer_decoration_01 {
  top: min(1126px, 80.42857vw);
}
#feature .bk-layer .bk-layer_decoration_02 {
  top: min(2532px, 180.85714vw);
}
#feature .bk-layer .bk-layer_decoration_03 {
  top: min(3986px, 284.71429vw);
}
#feature .bk-layer .bk-layer_decoration_04 {
  top: min(5596px, 399.71429vw);
  left: max(-260px, -18.57143vw);
  width: min(574px, 41vw);
}
#feature .sp-bk-layer {
  width: 100vw;
}
#feature .sp-bk-layer .sp-bk-layer_decoration_01,
#feature .sp-bk-layer .sp-bk-layer_decoration_02,
#feature .sp-bk-layer .sp-bk-layer_decoration_03,
#feature .sp-bk-layer .sp-bk-layer_decoration_04,
#feature .sp-bk-layer .sp-bk-layer_decoration_05,
#feature .sp-bk-layer .sp-bk-layer_decoration_06,
#feature .sp-bk-layer .sp-bk-layer_decoration_07 {
  position: absolute;
  content: "";
  z-index: -100;
  width: min(750px, 100vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_01 {
  left: max(-6px, -0.8vw);
  width: min(842px, 112.26667vw);
  top: min(1426px, 190.13333vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_02 {
  top: min(2844px, 379.2vw);
  right: max(-20px, -2.66667vw);
  width: min(848px, 113.06667vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_03 {
  top: min(4620px, 616vw);
  left: 0;
  width: min(756px, 100.8vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_04 {
  top: min(5684px, 757.86667vw);
  left: max(-114px, -15.2vw);
  width: min(868px, 115.73333vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_05 {
  top: min(7806px, 1040.8vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_06 {
  top: min(8928px, 1190.4vw);
  left: max(-52px, -6.93333vw);
  width: min(808px, 107.73333vw);
}
#feature .sp-bk-layer .sp-bk-layer_decoration_07 {
  top: min(10398px, 1386.4vw);
}
#feature .wrap_fv,
#feature [class^=wrap_sec],
#feature .wrap_foot {
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
}
#feature .wrap_fv .fv {
  padding-top: min(100px, 7.14286vw);
  padding-bottom: min(114px, 8.14286vw);
}
#feature .wrap_fv .fv .fv_head {
  margin-inline: auto;
  width: min(563px, 40.21429vw);
  padding-bottom: min(46px, 3.28571vw);
}
#feature .wrap_fv .fv .fv_head-sub {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-size: min(17px, 1.21429vw);
  font-style: normal;
  letter-spacing: min(0.85px, 0.06071vw);
  text-align: center;
  color: var(--color-black);
  padding-bottom: min(66px, 4.71429vw);
}
#feature .wrap_fv .fv .fv_coming-soon {
  width: min(462px, 33vw);
  margin-inline: auto;
  padding-bottom: min(18px, 1.28571vw);
}
#feature .wrap_fv .fv .fv_detail {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: min(14px, 1vw);
  font-stretch: normal;
  letter-spacing: min(0.7px, 0.05vw);
  text-align: center;
  color: var(--color-black);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(80px, 5.71429vw);
  padding-bottom: min(100px, 7.14286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_01 {
  width: min(480px, 34.28571vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 .img_02 {
  margin-top: min(280px, 20vw);
  width: min(340px, 24.28571vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: min(220px, 15.71429vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 {
  position: relative;
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_03 {
  width: min(420px, 30vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_03_head {
  position: absolute;
  content: "";
  top: max(-32px, -2.28571vw);
  left: max(-74px, -5.28571vw);
  width: min(192px, 13.71429vw);
  pointer-events: none;
}
#feature .wrap_sec02 .sec02 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(80px, 5.71429vw);
  padding-bottom: min(110px, 7.85714vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
  width: min(380px, 27.14286vw);
  height: min(480px, 34.28571vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
  margin-top: min(90px, 6.42857vw);
  width: min(460px, 32.85714vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: min(140px, 10vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-block: min(38px, 2.71429vw) min(78px, 5.57143vw);
  width: min(620px, 44.28571vw);
  background-color: var(--color-white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(38px, 2.71429vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list .box-01_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: min(120px, 8.57143vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list .box-01_item span {
  display: block;
  font-family: "freight-big-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(17px, 1.21429vw);
  font-stretch: normal;
  line-height: normal;
  letter-spacing: min(0.85px, 0.06071vw);
  text-align: center;
  color: var(--color-black);
  padding-bottom: min(14px, 1vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: min(81px, 5.78571vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
  position: relative;
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_06 {
  width: min(390px, 27.85714vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_06_head {
  position: absolute;
  bottom: min(20px, 1.42857vw);
  right: max(-116px, -8.28571vw);
  width: min(250px, 17.85714vw);
  pointer-events: none;
}
#feature .wrap_sec03 .sec03 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(80px, 5.71429vw);
  padding-bottom: min(112px, 8vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_07 {
  width: min(320px, 22.85714vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-02 .box-02 .img_08 {
  margin-top: min(100px, 7.14286vw);
  width: min(440px, 31.42857vw);
}
#feature .wrap_sec04 {
  padding-bottom: min(100px, 7.14286vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(80px, 5.71429vw);
  padding-right: min(40px, 2.85714vw);
  padding-bottom: min(110px, 7.85714vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
  margin-bottom: min(114px, 8.14286vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .img_09 {
  width: min(420px, 30vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-02 {
  height: min(510px, 36.42857vw);
  width: min(340px, 24.28571vw);
  margin-top: min(234px, 16.71429vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-block: min(38px, 2.71429vw) min(78px, 5.57143vw);
  width: min(620px, 44.28571vw);
  background-color: var(--color-white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(54px, 3.85714vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list .box-01_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  width: min(92px, 6.57143vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list .box-01_item span {
  display: block;
  font-family: "freight-big-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(17px, 1.21429vw);
  font-stretch: normal;
  line-height: normal;
  letter-spacing: min(0.85px, 0.06071vw);
  text-align: center;
  color: var(--color-black);
  padding-bottom: min(14px, 1vw);
}
#feature .wrap_foot {
  padding-bottom: min(100px, 7.14286vw);
}
#feature .wrap_foot .foot .foot_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#feature .wrap_foot .foot .foot_btn a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(1120px, 80vw);
  height: min(54px, 3.85714vw);
  font-family: "freight-big-pro", serif;
  font-weight: 300;
  font-style: normal;
  font-size: min(26px, 1.85714vw);
  font-stretch: normal;
  letter-spacing: min(1.3px, 0.09286vw);
  text-align: center;
  color: #000;
  border: min(1px, 0.07143vw) solid var(--color-black);
}
@media screen and (max-width: 750px) {
  #feature .wrap_fv .fv {
    padding-top: min(120px, 16vw);
    padding-bottom: min(135px, 18vw);
  }
  #feature .wrap_fv .fv .fv_head {
    width: min(668px, 89.06667vw);
    padding-bottom: min(60px, 8vw);
  }
  #feature .wrap_fv .fv .fv_head-sub {
    font-size: min(26px, 3.46667vw);
    letter-spacing: min(1.2px, 0.16vw);
    padding-bottom: min(84px, 11.2vw);
  }
  #feature .wrap_fv .fv .fv_coming-soon {
    width: min(592px, 78.93333vw);
    padding-bottom: min(24px, 3.2vw);
  }
  #feature .wrap_fv .fv .fv_detail {
    font-size: min(22px, 2.93333vw);
    letter-spacing: min(1.1px, 0.14667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(80px, 10.66667vw);
    padding-bottom: min(100px, 13.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_01 {
    width: min(680px, 90.66667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 {
    margin-left: auto;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 .img_02 {
    margin-top: initial;
    width: min(520px, 69.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 {
    padding-bottom: min(350px, 46.66667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_03 {
    width: min(600px, 80vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_03_head {
    top: max(-272px, -36.26667vw);
    left: max(-36px, -4.8vw);
    width: min(308px, 41.06667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(80px, 10.66667vw);
    padding-bottom: min(180px, 24vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
    width: min(570px, 76vw);
    height: min(856px, 114.13333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 {
    margin-left: auto;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
    margin-top: initial;
    width: min(660px, 88vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 {
    padding-bottom: min(160px, 21.33333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
    padding-block: min(60px, 8vw) min(128px, 17.06667vw);
    width: min(750px, 100vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list {
    gap: min(50px, 6.66667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list .box-01_item {
    width: min(162px, 21.6vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .box-01_list .box-01_item span {
    text-wrap: nowrap;
    font-size: min(28px, 3.73333vw);
    letter-spacing: min(1.4px, 0.18667vw);
    padding-bottom: min(28px, 3.73333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 {
    padding-bottom: min(100px, 13.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_06 {
    width: min(640px, 85.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_06_head {
    bottom: max(-32px, -4.26667vw);
    right: max(-16px, -2.13333vw);
    width: min(420px, 56vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(80px, 10.66667vw);
    padding-bottom: min(224px, 29.86667vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_07 {
    width: min(520px, 69.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 .box-02 {
    margin-left: auto;
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 .box-02 .img_08 {
    margin-top: initial;
    width: min(640px, 85.33333vw);
  }
  #feature .wrap_sec04 {
    padding-bottom: min(98px, 13.06667vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(80px, 10.66667vw);
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    padding-right: initial;
    padding-bottom: min(180px, 24vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
    margin-bottom: initial;
    margin-right: auto;
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .img_09 {
    width: min(640px, 85.33333vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-02 {
    height: min(810px, 108vw);
    width: min(540px, 72vw);
    margin-top: initial;
  }
  #feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 {
    padding-block: min(60px, 8vw) min(132px, 17.6vw);
    width: min(750px, 100vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list {
    gap: min(65px, 8.66667vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list .box-01_item {
    width: min(126px, 16.8vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-02 .box-01 .box-01_list .box-01_item span {
    text-wrap: nowrap;
    font-size: min(28px, 3.73333vw);
    letter-spacing: min(1.4px, 0.18667vw);
    padding-bottom: min(28px, 3.73333vw);
  }
  #feature .wrap_foot {
    padding-bottom: min(100px, 13.33333vw);
  }
  #feature .wrap_foot .foot .foot_btn a {
    width: min(710px, 94.66667vw);
    height: min(64px, 8.53333vw);
    font-size: min(28px, 3.73333vw);
    letter-spacing: min(1.4px, 0.18667vw);
    border: min(2px, 0.26667vw) solid var(--color-black);
  }
}
/*# sourceMappingURL=style.css.map */