@charset "UTF-8";
/* =============================================
  variables
============================================= */
:root {
  --main-color-01: #282828;
}

/*===========================================
  vw 計算のための処理 Function
===========================================*/
/*=====================================
  device_style
=====================================*/
.l-container {
  margin-inline: auto;
  width: 100%;
  /* overflow: hidden; */
}

#feature {
  background-color: #000;
}
#feature .wrap_fv .fv {
  position: relative;
  width: 100%;
}
#feature .wrap_fv .fv .fv_bk {
  width: min(2918px, 100vw);
  height: min(4689px, 160.69225vw);
}
#feature .wrap_fv .fv .fv_bk img {
  -o-object-fit: contain;
     object-fit: contain;
}
#feature .wrap_fv .fv .fv_box .fv_box-head {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(680px, 23.30363vw);
  margin-inline: auto;
  width: min(365px, 12.50857vw);
  padding-bottom: min(78px, 2.67306vw);
  padding-left: min(28px, 0.95956vw);
}
#feature .wrap_fv .fv .fv_box .fv_box-text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(860px, 29.47224vw);
  font-size: min(29px, 0.99383vw);
  font-weight: 500;
  line-height: 2.16;
  letter-spacing: min(2.9px, 0.09938vw);
  text-align: center;
  color: #000;
  padding-left: min(28px, 0.95956vw);
}
#feature .wrap_fv .fv .fv_text {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(3572px, 122.41261vw);
  font-size: min(29px, 0.99383vw);
  font-weight: 500;
  line-height: 2.05;
  letter-spacing: min(2.9px, 0.09938vw);
  text-align: center;
  color: #000;
  padding-left: min(28px, 0.95956vw);
}
#feature .sec-01 {
  margin-top: max(-148px, -5.07197vw);
  padding-left: min(34px, 1.16518vw);
  padding-bottom: min(400px, 13.70802vw);
}
#feature .sec-01 .wrap_box.--01 {
  margin-bottom: min(108px, 3.70117vw);
}
#feature .sec-01 .wrap_box.--01 .text {
  padding-bottom: min(108px, 3.70117vw);
}
#feature .sec-02 {
  padding-left: min(34px, 1.16518vw);
  padding-bottom: min(388px, 13.29678vw);
}
#feature .sec-02 .wrap_box.--01 {
  margin-bottom: min(112px, 3.83825vw);
}
#feature .sec-02 .wrap_box.--01 .text {
  padding-bottom: min(100px, 3.427vw);
}
#feature .sec-03 {
  padding-left: min(34px, 1.16518vw);
  padding-bottom: min(286px, 9.80123vw);
}
#feature .sec-03 .wrap_box.--01 {
  margin-bottom: min(112px, 3.83825vw);
}
#feature .sec-03 .wrap_box.--01 .text {
  padding-bottom: min(108px, 3.70117vw);
}
#feature .sec-04 {
  padding-left: min(34px, 1.16518vw);
  padding-bottom: min(292px, 10.00685vw);
}
#feature .sec-04 .wrap_box.--01 {
  margin-bottom: min(112px, 3.83825vw);
}
#feature .sec-04 .wrap_box.--01 .swiper-slide {
  margin-bottom: min(132px, 4.52365vw);
}
#feature .sec-04 .wrap_box.--01 .swiper-pagination {
  margin-bottom: min(64px, 2.19328vw);
}
#feature .sec-04 .wrap_box.--01 .text {
  padding-bottom: min(108px, 3.70117vw);
}
#feature .sec-05 {
  padding-left: min(44px, 1.50788vw);
  padding-bottom: min(218px, 7.47087vw);
}
#feature .sec-05 .wrap_box.--01 {
  margin-bottom: min(112px, 3.83825vw);
}
#feature .sec-05 .wrap_box.--01 .swiper-slide {
  margin-bottom: min(120px, 4.11241vw);
}
#feature .sec-05 .wrap_box.--01 .swiper-pagination {
  margin-bottom: min(54px, 1.85058vw);
}
#feature .sec-05 .wrap_box.--01 .text {
  padding-bottom: min(108px, 3.70117vw);
}
#feature .wrap_foot {
  padding-bottom: min(354px, 12.1316vw);
  margin-left: min(38px, 1.30226vw);
}
#feature .wrap_foot .foot {
  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_link {
  padding-inline: min(8px, 0.27416vw);
  padding-bottom: min(4px, 0.13708vw);
  font-family: "nimbus-sans", sans-serif;
  font-size: min(38px, 1.30226vw);
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: min(1.34px, 0.04592vw);
  color: #fff;
  text-align: center;
  border-bottom: 1px solid;
}
@media screen and (max-width: 750px) {
  #feature .wrap_fv {
    padding-bottom: min(984px, 62.9156vw);
  }
  #feature .wrap_fv .fv .fv_bk {
    width: min(1564px, 100vw);
    height: min(2710px, 173.27366vw);
  }
  #feature .wrap_fv .fv .fv_box .fv_box-head {
    top: min(520px, 33.24808vw);
    width: min(510px, 32.6087vw);
    padding-bottom: initial;
    padding-left: initial;
  }
  #feature .wrap_fv .fv .fv_box .fv_box-text {
    width: 100%;
    top: min(2388px, 152.68542vw);
    font-size: min(48px, 3.06905vw);
    line-height: 2;
    letter-spacing: min(2.4px, 0.15345vw);
    color: #fff;
    padding-left: initial;
  }
  #feature .wrap_fv .fv .fv_text {
    pointer-events: none;
    width: 100%;
    top: min(2884px, 184.39898vw);
    font-size: min(48px, 3.06905vw);
    line-height: 2.03;
    color: #fff;
    letter-spacing: min(2.4px, 0.15345vw);
    padding-left: initial;
  }
  #feature .sec-01 {
    margin-top: initial;
    padding-left: initial;
    padding-bottom: min(394px, 25.19182vw);
  }
  #feature .sec-01 .wrap_box.--01 {
    margin-bottom: min(138px, 8.82353vw);
  }
  #feature .sec-01 .wrap_box.--01 .swiper-slide span {
    top: min(90px, 5.75448vw);
    font-size: min(62.5px, 3.99616vw);
    letter-spacing: min(3.13px, 0.20013vw);
  }
  #feature .sec-01 .wrap_box.--01 .text {
    padding-bottom: min(56px, 3.58056vw);
  }
  #feature .sec-02 {
    margin-top: initial;
    padding-left: initial;
    padding-bottom: min(386px, 24.68031vw);
  }
  #feature .sec-02 .wrap_box.--01 {
    margin-bottom: min(184px, 11.76471vw);
  }
  #feature .sec-02 .wrap_box.--01 .inner_box-01 {
    margin-bottom: min(50px, 3.19693vw);
  }
  #feature .sec-02 .wrap_box.--01 .text {
    padding-bottom: initial;
    margin-bottom: initial;
  }
  #feature .sec-02 .wrap_box.--02 .inner_box-01 .c-text {
    line-height: 1.88;
  }
  #feature .sec-03 {
    margin-top: initial;
    padding-left: initial;
    padding-bottom: min(266px, 17.00767vw);
  }
  #feature .sec-03 .wrap_box.--01 {
    margin-bottom: min(132px, 8.4399vw);
  }
  #feature .sec-03 .wrap_box.--01 .inner_box-01 {
    margin-bottom: min(44px, 2.8133vw);
  }
  #feature .sec-03 .wrap_box.--01 .text {
    padding-bottom: initial;
    margin-bottom: initial;
  }
  #feature .sec-04 {
    margin-top: initial;
    padding-left: initial;
    padding-bottom: min(330px, 21.09974vw);
  }
  #feature .sec-04 .wrap_box.--01 .swiper-slide {
    margin-bottom: min(438px, 28.00512vw);
  }
  #feature .sec-04 .wrap_box.--01 .swiper-pagination {
    margin-bottom: min(132px, 8.4399vw);
  }
  #feature .sec-04 .wrap_box.--01 .text {
    padding-bottom: initial;
  }
  #feature .sec-05 {
    margin-top: initial;
    padding-left: initial;
    padding-bottom: min(328px, 20.97187vw);
  }
  #feature .sec-05 .wrap_box.--01 .swiper-slide {
    margin-bottom: min(448px, 28.6445vw);
  }
  #feature .sec-05 .wrap_box.--01 .swiper-pagination {
    margin-bottom: min(132px, 8.4399vw);
  }
  #feature .sec-05 .wrap_box.--01 .text {
    padding-bottom: initial;
  }
  #feature .wrap_foot {
    padding-bottom: min(418px, 26.72634vw);
    margin-left: initial;
  }
  #feature .wrap_foot .foot .foot_link {
    margin-left: min(64px, 4.09207vw);
    border-top: 1px solid;
    padding-inline: min(4px, 0.25575vw);
    padding-block: min(2px, 0.12788vw);
    font-size: min(62.5px, 3.99616vw);
    letter-spacing: min(2.31px, 0.1477vw);
  }
}
/*# sourceMappingURL=style.css.map */