:root {
  --color-black: #000;
  --color-gray: #303030;
  --color-white: #fff;
  --color-01: #7baae2;
}

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

#feature {
  position: relative;
  background-color: var(--color-01);
  padding-right: min(14px, 1vw);
  z-index: 0;
}
#feature .wrap_item [class^=item_] a:hover {
  opacity: 0.9;
}
#feature .wrap_bk_img {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
}
#feature .wrap_bk_img .bk_img {
  position: -webkit-sticky;
  position: sticky;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -400;
  background-image: url("../img/bk_img.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#feature .wrap_bk_img .bk_img img {
  opacity: 0;
}
#feature .wrap_fv {
  padding-top: min(123px, 8.78571vw);
}
#feature .wrap_fv .fv {
  position: relative;
}
#feature .wrap_fv .fv .fv_img {
  width: min(1100px, 78.57143vw);
  margin-inline: auto;
  padding-bottom: min(124px, 8.85714vw);
}
#feature .wrap_fv .fv .fv_layer {
  pointer-events: none;
  position: absolute;
  content: "";
  top: min(300px, 21.42857vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#feature .wrap_fv .fv .fv_layer .layer-head h2 {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(27px, 1.92857vw);
}
#feature .wrap_fv .fv .fv_layer .layer-head h2 .fv_head_01 {
  width: min(658px, 47vw);
}
#feature .wrap_fv .fv .fv_layer .layer-head h2 .fv_head_02 {
  width: min(658px, 47vw);
}
#feature .wrap_fv .fv .fv_catch {
  padding-bottom: min(150px, 10.71429vw);
}
#feature .wrap_fv .fv .fv_catch .catch-txt p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: min(16px, 1.14286vw);
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.25;
  letter-spacing: min(2.2px, 0.15714vw);
  text-align: center;
  color: var(--color-white);
}
#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;
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
  padding-bottom: min(128px, 9.14286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_01 {
  width: min(492px, 35.14286vw);
}
#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;
  gap: min(65px, 4.64286vw);
  padding-left: min(52px, 3.71429vw);
  padding-bottom: min(149px, 10.64286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_02 {
  width: min(581px, 41.5vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 {
  position: relative;
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_txtarea {
  width: min(410px, 29.28571vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
  width: min(355px, 25.35714vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_item {
  position: absolute;
  content: "";
  top: min(428px, 30.57143vw);
  left: min(10px, 0.71429vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_item .item_01 {
  width: min(352px, 25.14286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-03 {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(333px, 23.78571vw);
  padding-bottom: min(121px, 8.64286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-03 .box-01 {
  padding-right: min(10px, 0.71429vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-03 .box-01 .img_03 {
  width: min(500px, 35.71429vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-03 .box-02 .img_04 {
  width: min(500px, 35.71429vw);
}
#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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(68px, 4.85714vw);
  padding-right: min(12px, 0.85714vw);
  padding-bottom: min(156px, 11.14286vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .img_05 {
  width: min(580px, 41.42857vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 {
  position: relative;
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea {
  width: min(359px, 25.64286vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea {
  gap: min(30px, 2.14286vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-head {
  margin-top: max(-4px, -0.28571vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
  width: min(356px, 25.42857vw);
  letter-spacing: min(1.26px, 0.09vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_item {
  position: absolute;
  content: "";
  top: min(412px, 29.42857vw);
  left: min(40px, 2.85714vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_item .item_02 {
  width: min(290px, 20.71429vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(327px, 23.35714vw);
  padding-bottom: min(148px, 10.57143vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
  padding-right: min(10px, 0.71429vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .img_06 {
  width: min(500px, 35.71429vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-02 .img_07 {
  width: min(501px, 35.78571vw);
}
#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;
  gap: min(65px, 4.64286vw);
  padding-left: min(54px, 3.85714vw);
  padding-bottom: min(200px, 14.28571vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_08 {
  width: min(581px, 41.5vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 {
  position: relative;
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea {
  width: min(410px, 29.28571vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea {
  gap: min(30px, 2.14286vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-head {
  margin-top: min(4px, 0.28571vw);
  letter-spacing: min(1.26px, 0.09vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
  letter-spacing: min(0.7px, 0.05vw);
  width: min(355px, 25.35714vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_item {
  position: absolute;
  content: "";
  top: min(431px, 30.78571vw);
  left: min(31px, 2.21429vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_item .item_03 {
  width: min(286px, 20.42857vw);
}
#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;
  padding-right: min(10px, 0.71429vw);
  padding-bottom: min(175px, 12.5vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_09 {
  width: min(650px, 46.42857vw);
}
#feature .wrap_foot {
  padding-bottom: min(170px, 12.14286vw);
}
#feature .wrap_foot .foot .foot_link {
  position: relative;
  padding-right: min(12px, 0.85714vw);
  margin-inline: auto;
  width: min(90px, 6.42857vw);
}
@media screen and (max-width: 751px) {
  #feature {
    padding-right: initial;
  }
  #feature .wrap_item [class^=item_] a:hover {
    opacity: initial;
  }
  #feature .wrap_bk_img .bk_img {
    background-image: url("../img/sp-bk_img.png");
    height: 100vh;
    background-size: cover;
    background-position: center center;
  }
  #feature .wrap_fv {
    padding-top: min(110px, 14.66667vw);
  }
  #feature .wrap_fv .fv .fv_img {
    width: min(750px, 100vw);
    padding-bottom: min(132px, 17.6vw);
  }
  #feature .wrap_fv .fv .fv_layer {
    top: min(313px, 41.73333vw);
  }
  #feature .wrap_fv .fv .fv_layer .layer-head h2 {
    gap: min(27px, 3.6vw);
  }
  #feature .wrap_fv .fv .fv_layer .layer-head h2 .fv_head_01 {
    width: min(658px, 87.73333vw);
  }
  #feature .wrap_fv .fv .fv_layer .layer-head h2 .fv_head_02 {
    width: min(658px, 87.73333vw);
  }
  #feature .wrap_fv .fv .fv_catch {
    padding-bottom: min(140px, 18.66667vw);
  }
  #feature .wrap_fv .fv .fv_catch .catch-txt p {
    font-size: min(26px, 3.46667vw);
    line-height: 1.77;
    letter-spacing: min(1.9px, 0.25333vw);
  }
  #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;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
    padding-bottom: min(118px, 15.73333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .img_01 {
    width: min(551px, 73.46667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 {
    -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(120px, 16vw);
    padding-left: initial;
    padding-bottom: min(76px, 10.13333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_02 {
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 {
    display: contents;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_txtarea {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_item {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    position: initial;
    top: initial;
    left: initial;
    padding-top: min(84px, 11.2vw);
    padding-left: min(25px, 3.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 .wrap_item .item_01 {
    width: min(534px, 71.2vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-03 {
    gap: min(256px, 34.13333vw);
    padding-bottom: min(118px, 15.73333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-03 .box-01 .img_03 {
    width: min(550px, 73.33333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-03 .box-02 .img_04 {
    width: min(550px, 73.33333vw);
  }
  #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;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(118px, 15.73333vw);
    padding-right: initial;
    padding-bottom: min(85px, 11.33333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .img_05 {
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 {
    display: contents;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea {
    width: min(650px, 86.66667vw);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea {
    gap: min(66px, 8.8vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-head {
    margin-top: initial;
    letter-spacing: min(2.7px, 0.36vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
    width: min(650px, 86.66667vw);
    letter-spacing: min(2.9px, 0.38667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_item {
    position: initial;
    top: initial;
    left: initial;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    padding-top: min(84px, 11.2vw);
    padding-right: min(18px, 2.4vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .wrap_item .item_02 {
    width: min(457px, 60.93333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 {
    gap: min(252px, 33.6vw);
    padding-bottom: min(120px, 16vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
    padding-right: initial;
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 .img_06 {
    width: min(550px, 73.33333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-02 .img_07 {
    width: min(550px, 73.33333vw);
  }
  #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;
    gap: min(126px, 16.8vw);
    padding-left: initial;
    padding-bottom: min(64px, 8.53333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .img_08 {
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 {
    display: contents;
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: min(650px, 86.66667vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea {
    gap: min(66px, 8.8vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-head {
    margin-top: min(2px, 0.26667vw);
    letter-spacing: min(2.5px, 0.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_txtarea .txtarea .txtarea-txt {
    width: min(650px, 86.66667vw);
    letter-spacing: min(2.5px, 0.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_item {
    position: initial;
    top: initial;
    left: initial;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    padding-top: min(76px, 10.13333vw);
    padding-right: min(22px, 2.93333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-02 .wrap_item .item_03 {
    width: min(440px, 58.66667vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 {
    padding-right: initial;
    padding-bottom: min(205px, 27.33333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_09 {
    width: min(750px, 100vw);
  }
  #feature .wrap_foot {
    padding-bottom: min(196px, 26.13333vw);
  }
  #feature .wrap_foot .foot .foot_link {
    padding-right: inherit;
    width: min(144px, 19.2vw);
  }
}
/*# sourceMappingURL=style.css.map */