:root {
  --color-black: #000;
  --color-white: #fff;
}

.l-container {
  margin-inline: auto;
  width: 100%;
  /* overflow: hidden; */
}

#feature .wrap_fv {
  padding-top: min(120px, 8.57143vw);
  padding-bottom: min(167px, 11.92857vw);
}
#feature .wrap_fv .fv .fv_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;
  gap: min(120px, 8.57143vw);
  padding-bottom: min(106px, 7.57143vw);
  width: min(1020px, 72.85714vw);
  margin-inline: auto;
  position: relative;
}
#feature .wrap_fv .fv .fv_box .img_01 {
  width: min(450px, 32.14286vw);
}
#feature .wrap_fv .fv .fv_box .box-text {
  position: absolute;
  top: min(167px, 11.92857vw);
  margin-left: min(3px, 0.21429vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(46px, 3.28571vw);
}
#feature .wrap_fv .fv .fv_box .img_02 {
  width: min(450px, 32.14286vw);
}
#feature .wrap_fv .fv .fv_catch .c-text {
  font-size: min(16px, 1.14286vw);
  line-height: 2;
  letter-spacing: min(0.4px, 0.02857vw);
  text-align: center;
}
#feature .wrap_sec01 .sec01 {
  padding-bottom: min(206px, 14.71429vw);
}
#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;
  padding-bottom: min(120px, 8.57143vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(481px, 34.35714vw);
  height: min(453px, 32.35714vw);
  position: relative;
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_03 {
  position: relative;
  z-index: 100;
  width: min(315px, 22.5vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01-text {
  position: absolute;
  z-index: -100;
  content: "";
  left: min(2px, 0.14286vw);
  width: inherit;
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01-sub-text {
  position: absolute;
  content: "";
  top: min(52px, 3.71429vw);
  right: min(58px, 4.14286vw);
  width: min(10px, 0.71429vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 {
  position: relative;
  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_sec01 .sec01 .wrap_box-02 .box-01 .img_04 {
  width: min(508px, 36.28571vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .box-01-text {
  pointer-events: none;
  position: absolute;
  content: "";
  top: max(-34px, -2.42857vw);
  left: max(-26px, -1.85714vw);
  width: min(211px, 15.07143vw);
}
#feature .wrap_sec02 .sec02 {
  padding-bottom: min(193px, 13.78571vw);
  position: relative;
}
#feature .wrap_sec02 .sec02 .c-wrap_head {
  position: absolute;
}
#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;
  padding-top: min(70px, 5vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
  position: relative;
  margin-top: min(180px, 12.85714vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .img_06 {
  width: min(480px, 34.28571vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .box-01-text {
  pointer-events: none;
  position: absolute;
  content: "";
  top: min(404px, 28.85714vw);
  right: max(-38px, -2.71429vw);
  width: min(190px, 13.57143vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 {
  margin-left: max(-60px, -4.28571vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
  position: relative;
  z-index: 200;
  width: min(402px, 28.71429vw);
}
#feature .wrap_sec03 {
  padding-bottom: min(226px, 16.14286vw);
}
#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;
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
  position: relative;
  z-index: 100;
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_07 {
  position: relative;
  width: min(375px, 26.78571vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .box-01-text {
  position: absolute;
  pointer-events: none;
  content: "";
  top: 0;
  left: max(-24px, -1.71429vw);
  width: min(8px, 0.57143vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 {
  position: relative;
  z-index: 50;
  margin-left: max(-80px, -5.71429vw);
  margin-top: min(180px, 12.85714vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .img_08 {
  width: min(540px, 38.57143vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .box-02-text {
  pointer-events: none;
  position: absolute;
  content: "";
  top: min(419px, 29.92857vw);
  left: max(-114px, -8.14286vw);
  width: min(188px, 13.42857vw);
}
#feature .wrap_sec04 .sec04 {
  padding-bottom: min(194px, 13.85714vw);
  position: relative;
}
#feature .wrap_sec04 .sec04 .c-wrap_head {
  position: absolute;
}
#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;
  padding-right: min(30px, 2.14286vw);
  padding-top: min(68px, 4.85714vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
  position: relative;
  z-index: 100;
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .img_09 {
  width: min(450px, 32.14286vw);
}
#feature .wrap_sec05 {
  padding-bottom: min(144px, 10.28571vw);
}
#feature .wrap_sec05 .sec05 .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(120px, 8.57143vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 {
  margin-top: min(400px, 28.57143vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 .img_11 {
  width: min(420px, 30vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-02 {
  width: min(570px, 40.71429vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-02 .img_10 {
  width: inherit;
}
#feature .wrap_foot .foot {
  padding-bottom: min(146px, 10.42857vw);
}
#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 .btn {
  display: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(460px, 32.85714vw);
  height: min(70px, 5vw);
}
@media screen and (max-width: 750px) {
  #feature .wrap_fv {
    padding-top: min(80px, 10.66667vw);
    padding-bottom: min(297px, 39.6vw);
  }
  #feature .wrap_fv .fv .fv_box {
    -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(157px, 20.93333vw);
    padding-bottom: min(202px, 26.93333vw);
    width: min(690px, 92vw);
  }
  #feature .wrap_fv .fv .fv_box .img_01 {
    width: min(690px, 92vw);
  }
  #feature .wrap_fv .fv .fv_box .box-text {
    top: min(470px, 62.66667vw);
    margin-left: initial;
    width: min(324px, 43.2vw);
  }
  #feature .wrap_fv .fv .fv_box .img_02 {
    width: min(690px, 92vw);
  }
  #feature .wrap_fv .fv .fv_catch .c-text {
    font-size: min(26px, 3.46667vw);
    letter-spacing: min(1.2px, 0.16vw);
  }
  #feature .wrap_sec01 .sec01 {
    padding-bottom: min(250px, 33.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 {
    padding-bottom: min(229px, 30.53333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
    width: min(727px, 96.93333vw);
    height: initial;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_03 {
    width: min(505px, 67.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01-text {
    left: min(4px, 0.53333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01-sub-text {
    top: min(11px, 1.46667vw);
    right: min(77px, 10.26667vw);
    width: min(15px, 2vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_04 {
    width: min(750px, 100vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .box-01-text {
    top: max(-52px, -6.93333vw);
    left: min(62px, 8.26667vw);
    width: min(336px, 44.8vw);
  }
  #feature .wrap_sec02 .sec02 {
    padding-bottom: min(265px, 35.33333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: min(125px, 16.66667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
    margin-top: min(60px, 8vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .img_06 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .box-01-text {
    top: min(122px, 16.26667vw);
    right: min(43px, 5.73333vw);
    width: min(264px, 35.2vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 {
    margin-left: auto;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
    width: min(576px, 76.8vw);
    margin-left: auto;
  }
  #feature .wrap_sec03 {
    padding-bottom: min(248px, 33.06667vw);
  }
  #feature .wrap_sec03 .sec03 .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;
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_07 {
    width: min(500px, 66.66667vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .box-01-text {
    left: max(-35px, -4.66667vw);
    width: min(16px, 2.13333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 {
    margin-left: initial;
    margin-top: max(-40px, -5.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .img_08 {
    width: min(750px, 100vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .box-02-text {
    top: min(642px, 85.6vw);
    left: min(43px, 5.73333vw);
    width: min(262px, 34.93333vw);
  }
  #feature .wrap_sec04 .sec04 {
    padding-bottom: min(264px, 35.2vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 {
    padding-right: initial;
    padding-top: min(126px, 16.8vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .img_09 {
    margin-left: min(120px, 16vw);
    width: min(630px, 84vw);
  }
  #feature .wrap_sec05 {
    padding-bottom: min(186px, 24.8vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(264px, 35.2vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 {
    margin-top: initial;
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 .img_11 {
    width: min(600px, 80vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 .box-02 {
    overflow: initial;
    width: min(750px, 100vw);
  }
  #feature .wrap_foot .foot {
    padding-bottom: min(128px, 17.06667vw);
  }
  #feature .wrap_foot .foot .foot_btn .btn {
    width: min(480px, 64vw);
    height: min(80px, 10.66667vw);
  }
}
/*# sourceMappingURL=style.css.map */