:root {
  --color-black: #555555;
  --color-white: #fff;
  --bk-color-01: #e4e4e4;
}

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

#feature [class^=wrap_box] {
  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;
  gap: min(30px, 2.14286vw);
}
#feature .wrap_area {
  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;
  margin-inline: auto;
  width: 100%;
  background-color: var(--bk-color-01);
}
#feature .wrap_area .left-area {
  top: 80px;
  -webkit-transform: top 1s;
          transform: top 1s;
  position: -webkit-sticky;
  position: sticky;
  width: 50%;
  height: 100vh;
  overflow: hidden;
}
#feature .wrap_area .left-area .wrap_fv {
  position: relative;
  width: 100%;
  height: 100%;
}
#feature .wrap_area .left-area .wrap_fv .fv {
  height: 100vh;
}
#feature .wrap_area .left-area .wrap_fv .fv .fv_img {
  height: 100vh;
}
#feature .wrap_area .left-area .wrap_fv .fv .fv_img img {
  max-width: initial;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#feature .wrap_area .left-area .wrap_fv .fv .fv_layer {
  position: absolute;
  content: "";
  bottom: min(73px, 5.21429vw);
  padding-bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -webkit-transform: padding-bottom 1s;
          transform: padding-bottom 1s;
}
#feature .wrap_area .left-area .wrap_fv .fv .fv_layer.is-head_hide {
  opacity: 0;
}
#feature .wrap_area .left-area .wrap_fv .fv .fv_layer .fv_head {
  width: min(357px, 25.5vw);
}
#feature .wrap_area .right-area {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#feature .wrap_area .right-area .inner_box {
  max-width: min(450px, 32.14286vw);
  margin-inline: auto;
}
#feature .wrap_area .right-area .inner_box .wrap_catch {
  padding-top: min(80px, 5.71429vw);
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .catch_head_01 {
  margin-inline: auto;
  width: min(342px, 24.42857vw);
  padding-bottom: min(83px, 5.92857vw);
  color: var(--color-black);
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_catch_txt {
  background-image: url(../img/bk_img_01.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_catch_txt .catch_txt {
  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;
  gap: min(24px, 1.71429vw);
  font-size: min(14.4px, 1.03571vw);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.98;
  letter-spacing: min(1px, 0.07143vw);
  text-align: center;
  padding-top: min(140px, 10vw);
  padding-bottom: min(50px, 3.57143vw);
  margin-bottom: min(96px, 6.85714vw);
  width: 100%;
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_catch_txt .catch_txt .c-txt {
  color: #fff;
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_box-01 {
  padding-bottom: min(95px, 6.78571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_box-01 .box-01 .img_01 {
  margin-inline: auto;
  width: min(312px, 22.28571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec01 .sec01 .wrap_box-01 {
  padding-bottom: min(97px, 6.92857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec02 .sec02 .wrap_box-01 {
  padding-bottom: min(97px, 6.92857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
  margin-inline: auto;
  width: min(342px, 24.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-01 {
  padding-bottom: min(63px, 4.5vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-02 {
  padding-bottom: min(107px, 7.64286vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_05 {
  margin-inline: auto;
  width: min(342px, 24.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 {
  padding-bottom: min(97px, 6.92857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
  padding-bottom: min(24px, 1.71429vw);
  overflow: hidden;
}
#feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 .box-02 .wrap_txt {
  width: min(360px, 25.71429vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-01 {
  padding-bottom: min(62px, 4.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-01 .box-01 .img_07 {
  margin-inline: auto;
  width: min(342px, 24.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-02 {
  padding-bottom: min(107px, 7.64286vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 {
  padding-bottom: min(97px, 6.92857vw);
  overflow: hidden;
}
#feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-01 {
  padding-bottom: min(30px, 2.14286vw);
  width: min(312px, 22.28571vw);
  margin-inline: auto;
}
#feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-01 .img_09 {
  margin-inline: min(12px, 0.85714vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-02 .wrap_sub_head_01 {
  padding-bottom: min(30px, 2.14286vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-02 .wrap_sub_head_01 .sub_head_01 {
  color: var(--color-black);
  margin-inline: auto;
  width: min(164px, 12.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 {
  padding-bottom: min(63px, 4.5vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 .box-01 .wrap_sub_head_02 {
  padding-bottom: min(28px, 2vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 .box-01 .wrap_sub_head_02 .sub_head_02 {
  color: var(--color-black);
  margin-inline: auto;
  width: min(156px, 11.92857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-02 {
  padding-bottom: min(62px, 4.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-02 .box-01 .img_10 {
  width: min(396px, 28.28571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-03 {
  padding-bottom: min(98px, 7vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-03 .box-01 .img_11 {
  margin-left: auto;
  width: min(396px, 28.28571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 {
  gap: min(60px, 4.28571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 {
  padding-bottom: min(84px, 6vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 .wrap_btn-area {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(30px, 2.14286vw);
}
#feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 .wrap_btn-area .c-btn {
  width: min(324px, 23.14286vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch {
  margin-bottom: min(45px, 3.21429vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .img_13 {
  margin-inline: auto;
  width: min(396px, 28.28571vw);
  margin-bottom: min(8px, 0.57143vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .catch_head {
  margin-inline: auto;
  width: min(320px, 22.85714vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .catch_txt {
  margin-top: max(-6px, -0.42857vw);
  font-size: min(11px, 0.78571vw);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: min(0.38px, 0.02714vw);
  text-align: center;
  color: var(--color-black);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list {
  padding-bottom: min(64px, 4.57143vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(38px, 2.71429vw) min(18px, 1.28571vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item {
  color: var(--color-black);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item [class^=img_] {
  margin-inline: auto;
  width: min(189px, 13.5vw);
  margin-bottom: min(36px, 2.57143vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head {
  margin-inline: auto;
  padding-bottom: min(16px, 1.14286vw);
  color: var(--color-black);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_01 {
  width: min(119px, 8.5vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_02 {
  width: min(127px, 9.07143vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_03 {
  width: min(104px, 7.42857vw);
}
#feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item_txt {
  font-size: min(14.4px, 1.03571vw);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  color: var(--color-black);
  letter-spacing: min(0.8px, 0.05714vw);
  text-align: center;
}
@media screen and (max-width: 751px) {
  #feature [class^=wrap_box] {
    gap: min(50px, 6.66667vw);
  }
  #feature .wrap_area {
    max-width: initial;
    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;
  }
  #feature .wrap_area .left-area {
    position: initial;
    width: 100%;
    height: initial;
  }
  #feature .wrap_area .left-area .wrap_fv .fv {
    height: initial;
  }
  #feature .wrap_area .left-area .wrap_fv .fv .fv_img {
    height: initial;
  }
  #feature .wrap_area .left-area .wrap_fv .fv .fv_img img {
    height: initial;
  }
  #feature .wrap_area .left-area .wrap_fv .fv .fv_layer {
    display: none;
  }
  #feature .wrap_area .right-area {
    width: 100%;
  }
  #feature .wrap_area .right-area .inner_box {
    max-width: initial;
  }
  #feature .wrap_area .right-area .inner_box .wrap_catch {
    padding-top: min(80px, 10.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_catch .catch .catch_head_01 {
    width: min(572px, 76.26667vw);
    padding-bottom: min(140px, 18.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_catch_txt .catch_txt {
    gap: min(40px, 5.33333vw);
    font-size: min(24px, 3.2vw);
    letter-spacing: min(2px, 0.26667vw);
    padding-top: min(232px, 30.93333vw);
    padding-bottom: min(88px, 11.73333vw);
    margin-bottom: min(159px, 21.2vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_box-01 {
    padding-bottom: min(158px, 21.06667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_catch .catch .wrap_box-01 .box-01 .img_01 {
    width: min(520px, 69.33333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec01 .sec01 .wrap_box-01 {
    padding-bottom: min(164px, 21.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec02 .sec02 .wrap_box-01 {
    padding-bottom: min(164px, 21.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
    width: min(570px, 76vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-01 {
    padding-bottom: min(104px, 13.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-02 {
    padding-bottom: min(177px, 23.6vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec03 .sec03 .wrap_box-02 .box-01 .img_05 {
    width: min(571px, 76.13333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 {
    padding-bottom: min(163px, 21.73333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
    padding-bottom: min(40px, 5.33333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec04 .sec04 .wrap_box-01 .box-02 .wrap_txt {
    width: min(597px, 79.6vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-01 {
    padding-bottom: min(105px, 14vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-01 .box-01 .img_07 {
    width: min(570px, 76vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec05 .sec05 .wrap_box-02 {
    padding-bottom: min(178px, 23.73333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 {
    padding-bottom: min(164px, 21.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-01 {
    padding-bottom: min(51px, 6.8vw);
    width: min(520px, 69.33333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-01 .img_09 {
    margin-inline: min(20px, 2.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-02 .wrap_sub_head_01 {
    padding-bottom: min(48px, 6.4vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec06 .sec06 .wrap_box-01 .box-02 .wrap_sub_head_01 .sub_head_01 {
    width: min(290px, 38.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 {
    padding-bottom: min(105px, 14vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 .box-01 .wrap_sub_head_02 {
    padding-bottom: min(46px, 6.13333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-01 .box-01 .wrap_sub_head_02 .sub_head_02 {
    width: min(279px, 37.2vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-02 {
    padding-bottom: min(104px, 13.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-02 .box-01 .img_10 {
    width: min(660px, 88vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-03 {
    padding-bottom: min(164px, 21.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-03 .box-01 .img_11 {
    width: min(660px, 88vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 {
    gap: min(100px, 13.33333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 {
    padding-bottom: min(140px, 18.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 .wrap_btn-area {
    gap: min(50px, 6.66667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_sec07 .sec07 .wrap_box-04 .box-02 .wrap_btn-area .c-btn {
    width: min(540px, 72vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch {
    margin-bottom: min(74px, 9.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .img_13 {
    width: min(660px, 88vw);
    margin-bottom: min(14px, 1.86667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .catch_head {
    width: min(532px, 70.93333vw);
    margin-bottom: min(34px, 4.53333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_catch .catch_txt {
    margin-top: max(-47px, -6.26667vw);
    font-size: min(18px, 2.4vw);
    letter-spacing: min(0.8px, 0.10667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list {
    padding-bottom: min(108px, 14.4vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list {
    gap: min(64px, 8.53333vw) min(30px, 4vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item [class^=img_] {
    width: min(315px, 42vw);
    margin-bottom: min(60px, 8vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head {
    padding-bottom: min(22px, 2.93333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_01 {
    width: min(197px, 26.26667vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_02 {
    width: min(211px, 28.13333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item-head.item-head_03 {
    width: min(172px, 22.93333vw);
  }
  #feature .wrap_area .right-area .inner_box .wrap_foot .foot .foot_wrap_list .foot_list .foot_item .item_txt {
    font-size: min(24px, 3.2vw);
    letter-spacing: min(0.8px, 0.10667vw);
  }
}
/*# sourceMappingURL=style.css.map */