@charset "UTF-8";
.l-container {
  width: 100%;
}

.feature {
  background: #fff;
  color: #000;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
  font-feature-settings: "palt";
  font-style: normal;
  font-weight: 400;
  padding-top: 23px;
  margin-bottom: 220px;
  overflow: clip;
  position: relative;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .feature {
    margin-bottom: 15.7142857143vw;
    padding-top: 1.6428571429vw;
  }
}
.feature a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.feature a:hover {
  opacity: 0.7;
}
.feature a:has(> img) {
  display: block;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature .js-inview {
  opacity: 0;
  transition: 3s ease-in-out;
}
.feature .js-inview.is-active {
  opacity: 1;
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
}
.feature .credit li {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1;
  margin: 0 9px 13px 0;
  white-space: nowrap;
}
@media screen and (max-width: 1400px) {
  .feature .credit li {
    font-size: 0.9285714286vw;
    margin: 0 0.6428571429vw 0.9285714286vw 0;
  }
}
.feature .credit__text {
  margin-right: 3px;
}
@media screen and (max-width: 1400px) {
  .feature .credit__text {
    margin-right: 0.2142857143vw;
  }
}
.feature .hero {
  margin: 0 auto 66px;
  width: 1000px;
}
@media screen and (max-width: 1400px) {
  .feature .hero {
    margin-bottom: 4.7142857143vw;
    width: 71.4285714286vw;
  }
}
.feature .lead {
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 3;
  margin-bottom: 133px;
}
@media screen and (max-width: 1400px) {
  .feature .lead {
    font-size: 1.0714285714vw;
    margin-bottom: 9.5vw;
  }
}
.feature .head01 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1400px) {
  .feature .head01 {
    margin-bottom: 5vw;
  }
}
.feature .head01 .cap {
  margin: 0 auto 42px;
  width: 381px;
}
@media screen and (max-width: 1400px) {
  .feature .head01 .cap {
    margin-bottom: 3vw;
    width: 27.2142857143vw;
  }
}
.feature .head01 .num {
  margin: 0 auto 22px;
  width: 120px;
}
@media screen and (max-width: 1400px) {
  .feature .head01 .num {
    margin-bottom: 1.5714285714vw;
    width: 8.5714285714vw;
  }
}
.feature .head01 .itemName {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.1;
}
@media screen and (max-width: 1400px) {
  .feature .head01 .itemName {
    font-size: 1.0714285714vw;
  }
}
.feature .head02 {
  margin-bottom: 69px;
}
@media screen and (max-width: 1400px) {
  .feature .head02 {
    margin-bottom: 4.9285714286vw;
  }
}
.feature .head02 .cap {
  margin: 0 auto 41px;
  width: 284px;
}
@media screen and (max-width: 1400px) {
  .feature .head02 .cap {
    margin-bottom: 2.9285714286vw;
    width: 20.2857142857vw;
  }
}
.feature .head02 .num {
  margin: 0 auto 23px;
  width: 132px;
}
@media screen and (max-width: 1400px) {
  .feature .head02 .num {
    margin-bottom: 1.6428571429vw;
    width: 9.4285714286vw;
  }
}
.feature .head02 .itemName {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.1;
}
@media screen and (max-width: 1400px) {
  .feature .head02 .itemName {
    font-size: 1.0714285714vw;
  }
}
.feature .head03 {
  margin-bottom: 61px;
}
@media screen and (max-width: 1400px) {
  .feature .head03 {
    margin-bottom: 4.3571428571vw;
  }
}
.feature .head03 .cap {
  margin: 0 auto 43px;
  padding-left: 10px;
  width: 325px;
}
@media screen and (max-width: 1400px) {
  .feature .head03 .cap {
    margin-bottom: 3.0714285714vw;
    padding-left: 0.7142857143vw;
    width: 23.2142857143vw;
  }
}
.feature .head03 .num {
  margin: 0 auto 21px;
  width: 133px;
}
@media screen and (max-width: 1400px) {
  .feature .head03 .num {
    margin-bottom: 1.5vw;
    width: 9.5vw;
  }
}
.feature .head03 .itemName {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 2.1;
}
@media screen and (max-width: 1400px) {
  .feature .head03 .itemName {
    font-size: 1.0714285714vw;
  }
}
.feature .c__01 {
  height: 1140px;
  margin: 0 auto 150px;
  position: relative;
  width: 1060px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 {
    height: 81.4285714286vw;
    margin-bottom: 10.7142857143vw;
    width: 75.7142857143vw;
  }
}
.feature .c__01_img01 {
  position: absolute;
  top: 0;
  right: 10px;
  width: 440px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_img01 {
    right: 0.7142857143vw;
    width: 31.4285714286vw;
  }
}
.feature .c__01_img02 {
  position: absolute;
  top: 506px;
  left: -10px;
  width: 350px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_img02 {
    top: 36.1428571429vw;
    left: -0.7142857143vw;
    width: 25vw;
  }
}
.feature .c__01_img03 {
  position: absolute;
  bottom: 0;
  left: 350px;
  width: 310px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_img03 {
    left: 25vw;
    width: 22.1428571429vw;
  }
}
.feature .c__01 .style {
  position: absolute;
  top: 80px;
  left: 95px;
  width: 186px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 .style {
    top: 5.7142857143vw;
    left: 6.7857142857vw;
    width: 13.2857142857vw;
  }
}
.feature .c__01 .situation {
  position: absolute;
  top: 145px;
  left: 96px;
  width: 279px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 .situation {
    top: 10.3571428571vw;
    left: 6.8571428571vw;
    width: 19.9285714286vw;
  }
}
.feature .c__01 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 265px;
  left: 94px;
  text-align: justify;
  width: 362px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 .txt {
    font-size: 1vw;
    top: 18.9285714286vw;
    left: 6.7142857143vw;
    width: 25.8571428571vw;
  }
}
.feature .c__01 .credit {
  position: absolute;
  bottom: -13px;
  left: 696px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 .credit {
    bottom: -0.9285714286vw;
    left: 49.7142857143vw;
  }
}
.feature .c__02 {
  margin: 0 auto 148px;
  position: relative;
  width: 910px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 {
    margin-bottom: 10.5714285714vw;
    width: 65vw;
  }
}
.feature .c__02_img01 {
  margin: 0 0 0 auto;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02_img01 {
    width: 35.7142857143vw;
  }
}
.feature .c__02 .style {
  position: absolute;
  top: 60px;
  left: 305px;
  width: 236px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 .style {
    top: 4.2857142857vw;
    left: 21.7857142857vw;
    width: 16.8571428571vw;
  }
}
.feature .c__02 .situation {
  position: absolute;
  top: 125px;
  left: 306px;
  width: 262px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 .situation {
    top: 8.9285714286vw;
    left: 21.8571428571vw;
    width: 18.7142857143vw;
  }
}
.feature .c__02 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 371px;
  left: 0;
  text-align: justify;
  width: 311px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 .txt {
    font-size: 1vw;
    top: 26.5vw;
    width: 22.2142857143vw;
  }
}
.feature .c__02 .credit {
  position: absolute;
  top: 585px;
  left: 0px;
  width: 300px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 .credit {
    top: 41.7857142857vw;
    width: 21.4285714286vw;
  }
}
.feature .c__03 {
  height: 1146px;
  margin: 0 auto 150px;
  position: relative;
  width: 1200px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 {
    height: 81.8571428571vw;
    margin-bottom: 10.7142857143vw;
    width: 85.7142857143vw;
  }
}
.feature .c__03_img01 {
  position: absolute;
  top: 0;
  left: 75px;
  width: 420px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03_img01 {
    left: 5.3571428571vw;
    width: 30vw;
  }
}
.feature .c__03_img02 {
  position: absolute;
  top: 413px;
  right: 0;
  width: 350px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03_img02 {
    top: 29.5vw;
    width: 25vw;
  }
}
.feature .c__03_img03 {
  position: absolute;
  bottom: 0;
  left: 520px;
  width: 320px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03_img03 {
    left: 37.1428571429vw;
    width: 22.8571428571vw;
  }
}
.feature .c__03 .style {
  position: absolute;
  top: 120px;
  left: 580px;
  width: 186px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 .style {
    top: 8.5714285714vw;
    left: 41.4285714286vw;
    width: 14.7142857143vw;
  }
}
.feature .c__03 .situation {
  position: absolute;
  top: 185px;
  left: 582px;
  width: 334px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 .situation {
    top: 13.2142857143vw;
    left: 41.5714285714vw;
    width: 23.8571428571vw;
  }
}
.feature .c__03 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 874px;
  left: 125px;
  text-align: justify;
  width: 316px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 .txt {
    font-size: 1vw;
    top: 62.4285714286vw;
    left: 8.9285714286vw;
    width: 22.5714285714vw;
  }
}
.feature .c__03 .credit {
  position: absolute;
  top: 623px;
  left: 76px;
  width: 350px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 .credit {
    top: 44.5vw;
    left: 5.4285714286vw;
    width: 25vw;
  }
}
.feature .c__04 {
  margin: 0 auto 149px;
  position: relative;
  width: 960px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 {
    margin-bottom: 10.6428571429vw;
    width: 68.5714285714vw;
  }
}
.feature .c__04_img01 {
  margin: 0 auto 0 25px;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_img01 {
    margin-left: 1.7857142857vw;
    width: 35.7142857143vw;
  }
}
.feature .c__04 .style {
  position: absolute;
  top: 60px;
  left: 420px;
  width: 236px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 .style {
    top: 4.2857142857vw;
    left: 30vw;
    width: 16.8571428571vw;
  }
}
.feature .c__04 .situation {
  position: absolute;
  top: 125px;
  left: 421px;
  width: 336px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 .situation {
    top: 8.9285714286vw;
    left: 30.0714285714vw;
    width: 24vw;
  }
}
.feature .c__04 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 370px;
  left: 625px;
  text-align: justify;
  width: 322px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 .txt {
    font-size: 1vw;
    top: 26.4285714286vw;
    left: 44.6428571429vw;
    width: 23vw;
  }
}
.feature .c__04 .credit {
  position: absolute;
  top: 585px;
  left: 625px;
  width: 350px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 .credit {
    top: 41.7857142857vw;
    left: 44.6428571429vw;
    width: 25vw;
  }
}
.feature .c__05 {
  height: 1488px;
  margin: 0 auto 150px;
  position: relative;
  width: 1050px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 {
    height: 106.2857142857vw;
    margin-bottom: 10.7142857143vw;
    width: 75vw;
  }
}
.feature .c__05_img01 {
  position: absolute;
  top: 0;
  right: 75px;
  width: 470px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_img01 {
    right: 5.3571428571vw;
    width: 33.5714285714vw;
  }
}
.feature .c__05_img02 {
  position: absolute;
  top: 329px;
  left: 10px;
  width: 320px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_img02 {
    top: 23.5vw;
    left: 0.7142857143vw;
    width: 22.8571428571vw;
  }
}
.feature .c__05_img03 {
  position: absolute;
  top: 877px;
  right: -10px;
  width: 280px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_img03 {
    top: 62.6428571429vw;
    right: -0.7142857143vw;
    width: 20vw;
  }
}
.feature .c__05_img04 {
  position: absolute;
  right: 245px;
  bottom: 0;
  width: 330px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_img04 {
    right: 17.5vw;
    width: 23.5714285714vw;
  }
}
.feature .c__05 .style {
  position: absolute;
  top: 116px;
  left: 145px;
  width: 186px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 .style {
    top: 8.2857142857vw;
    left: 10.3571428571vw;
    width: 13.2857142857vw;
  }
}
.feature .c__05 .situation {
  position: absolute;
  top: 181px;
  left: 146px;
  width: 292px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 .situation {
    top: 12.9285714286vw;
    left: 10.4285714286vw;
    width: 20.8571428571vw;
  }
}
.feature .c__05 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 1153px;
  left: 70px;
  text-align: justify;
  width: 326px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 .txt {
    font-size: 1vw;
    top: 82.3571428571vw;
    left: 5vw;
    width: 23.2857142857vw;
  }
}
.feature .c__05 .credit {
  position: absolute;
  top: 694px;
  left: 505px;
  width: 350px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 .credit {
    top: 49.5714285714vw;
    left: 36.0714285714vw;
    width: 25vw;
  }
}
.feature .c__06 {
  margin: 0 auto 130px;
  position: relative;
  width: 910px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 {
    margin-bottom: 9.2857142857vw;
    width: 65vw;
  }
}
.feature .c__06_img01 {
  margin: 0 auto 0 0;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06_img01 {
    width: 35.7142857143vw;
  }
}
.feature .c__06 .style {
  position: absolute;
  top: 60px;
  left: 395px;
  width: 236px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 .style {
    top: 4.2857142857vw;
    left: 28.2142857143vw;
    width: 16.8571428571vw;
  }
}
.feature .c__06 .situation {
  position: absolute;
  top: 125px;
  left: 397px;
  width: 338px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 .situation {
    top: 8.9285714286vw;
    left: 28.3571428571vw;
    width: 24.1428571429vw;
  }
}
.feature .c__06 .txt {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 2.2;
  position: absolute;
  top: 396px;
  left: 600px;
  text-align: justify;
  width: 312px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 .txt {
    font-size: 1vw;
    top: 28.2857142857vw;
    left: 42.8571428571vw;
    width: 22.2857142857vw;
  }
}
.feature .c__06 .credit {
  position: absolute;
  top: 611px;
  left: 600px;
  width: 310px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 .credit {
    top: 43.6428571429vw;
    left: 42.8571428571vw;
    width: 22.1428571429vw;
  }
}
.feature .btn {
  margin: 0 auto 104px;
  width: 380px;
}
@media screen and (max-width: 1400px) {
  .feature .btn {
    margin-bottom: 7.4285714286vw;
    width: 27.1428571429vw;
  }
}
.feature .staff {
  margin: 0 auto;
  width: 272px;
}
@media screen and (max-width: 1400px) {
  .feature .staff {
    width: 19.4285714286vw;
  }
}

.l-footer {
  padding-top: 0;
}
.l-footer .pc-footer {
  margin-top: 0;
}