.l-container {
  width: 100%;
}

.feature {
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 120px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .feature {
    padding-top: 1.4285714286vw;
    padding-bottom: 8.5714285714vw;
  }
}
.feature a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.feature a:hover {
  opacity: 0.6;
}
.feature a:has(> img) {
  display: block;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature .js-inview {
  opacity: 0;
  transition: all 2s ease-in-out;
}
.feature .js-inview.is-active {
  opacity: 1;
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
}
.feature .credit li {
  font-family: "ivyora-display", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 0.8;
  margin: 0 0 0 5px;
  white-space: nowrap;
}
@media screen and (max-width: 1400px) {
  .feature .credit li {
    font-size: 1.7857142857vw;
    margin: 0 0 0 0.3571428571vw;
  }
}
.feature .credit li::after {
  content: ",";
  margin-right: -2px;
  margin-left: -1px;
}
@media screen and (max-width: 1400px) {
  .feature .credit li::after {
    margin-right: -0.1428571429vw;
    margin-left: -0.0714285714vw;
  }
}
.feature .credit li:last-child::after {
  display: none;
}
.feature .hero {
  margin: 0 auto 159px;
  width: 1200px;
}
@media screen and (max-width: 1400px) {
  .feature .hero {
    margin-bottom: 11.3571428571vw;
    width: 85.7142857143vw;
  }
}
.feature .c__01 {
  margin: 0 auto 203px;
  position: relative;
  width: 1116px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 {
    margin-bottom: 14.5vw;
    width: 79.7142857143vw;
  }
}
.feature .c__01_cap01 {
  margin: 0 auto 100px;
  width: 502px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_cap01 {
    margin-bottom: 7.1428571429vw;
    width: 35.8571428571vw;
  }
}
.feature .c__01_cap02 {
  position: absolute;
  top: 563px;
  left: 139px;
  width: 202px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_cap02 {
    top: 40.2142857143vw;
    left: 9.9285714286vw;
    width: 14.4285714286vw;
  }
}
.feature .c__01_img01 {
  margin: 0 0 0 auto;
  width: 576px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_img01 {
    width: 41.1428571429vw;
  }
}
.feature .c__01_img02 {
  background: #fff;
  margin: -101px auto 32px 0;
  position: relative;
  width: 640px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01_img02 {
    margin-top: -7.2142857143vw;
    margin-bottom: 2.2857142857vw;
    width: 45.7142857143vw;
  }
}
.feature .c__01 .credit {
  justify-content: flex-end;
  width: 641px;
}
@media screen and (max-width: 1400px) {
  .feature .c__01 .credit {
    width: 45.7857142857vw;
  }
}
.feature .c__02 {
  height: 1205px;
  margin: 0 auto 0;
  position: relative;
  width: 1400px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 {
    height: 86.0714285714vw;
    margin-bottom: 2.3571428571vw;
    width: 100vw;
  }
}
.feature .c__02_cap01 {
  border-bottom: solid #000 5px;
  box-sizing: border-box;
  padding: 0 0 11px 1px;
  position: absolute;
  bottom: 403px;
  left: 200px;
  text-align: left;
  width: 100vw;
}
@media screen and (max-width: 1400px) {
  .feature .c__02_cap01 {
    padding-bottom: 0.7857142857vw;
    padding-left: 0.0714285714vw;
    bottom: 28.7857142857vw;
    left: 14.2857142857vw;
  }
}
.feature .c__02_cap01 img {
  width: 73px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02_cap01 img {
    width: 5.2142857143vw;
  }
}
.feature .c__02_img01 {
  background: #fff;
  margin: 0 auto 33px;
  position: relative;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02_img01 {
    margin-bottom: 2.3571428571vw;
    width: 48.5714285714vw;
  }
}
.feature .c__02 .credit {
  justify-content: center;
  padding-right: 5px;
}
@media screen and (max-width: 1400px) {
  .feature .c__02 .credit {
    padding-right: 0.3571428571vw;
  }
}
.feature .c__03 {
  margin: 0 auto 161px;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03 {
    margin-bottom: 11.5vw;
    width: 48.5714285714vw;
  }
}
.feature .c__03_img01 {
  margin-bottom: 34px;
}
@media screen and (max-width: 1400px) {
  .feature .c__03_img01 {
    margin-bottom: 2.4285714286vw;
  }
}
.feature .c__04 {
  margin: 0 auto 300px;
  position: relative;
  width: 1140px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 {
    margin-bottom: 21.4285714286vw;
    width: 81.4285714286vw;
  }
}
.feature .c__04_cap01 {
  position: absolute;
  top: 250px;
  right: 179px;
  width: 202px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_cap01 {
    top: 17.8571428571vw;
    right: 12.7857142857vw;
    width: 14.4285714286vw;
  }
}
.feature .c__04_cap02 {
  border-bottom: solid #000 5px;
  box-sizing: border-box;
  padding: 0 0 3px 1px;
  position: absolute;
  top: 1360px;
  left: 70px;
  text-align: left;
  width: 100vw;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_cap02 {
    padding-bottom: 0.2142857143vw;
    padding-left: 0.0714285714vw;
    top: 97.1428571429vw;
    left: 5vw;
  }
}
.feature .c__04_cap02 img {
  width: 70px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_cap02 img {
    width: 5vw;
  }
}
.feature .c__04_img01 {
  background: #fff;
  margin: 0 auto 0 0;
  position: relative;
  width: 560px;
  z-index: 3;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_img01 {
    width: 40vw;
  }
}
.feature .c__04_img02 {
  background: #fff;
  margin: -99px 0 31px auto;
  position: relative;
  width: 680px;
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_img02 {
    margin-top: -7.0714285714vw;
    margin-bottom: 2.2142857143vw;
    width: 48.5714285714vw;
  }
}
.feature .c__04_img03 {
  margin: 0 auto;
  width: 640px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04_img03 {
    width: 45.7142857143vw;
  }
}
.feature .c__04 .credit {
  margin: 0 0 162px auto;
  width: 688px;
}
@media screen and (max-width: 1400px) {
  .feature .c__04 .credit {
    margin-bottom: 11.5714285714vw;
    width: 49.1428571429vw;
  }
}
.feature .c__05 {
  margin: 0 auto 103px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 {
    margin-bottom: 7.3571428571vw;
  }
}
.feature .c__05_cap01 {
  margin: 0 auto 99px;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_cap01 {
    margin-bottom: 7.0714285714vw;
    width: 35.7142857143vw;
  }
}
.feature .c__05_img01 {
  margin: 0 auto 33px;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05_img01 {
    margin-bottom: 2.3571428571vw;
    width: 48.5714285714vw;
  }
}
.feature .c__05 .credit {
  justify-content: center;
  padding-right: 5px;
}
@media screen and (max-width: 1400px) {
  .feature .c__05 .credit {
    padding-right: 0.3571428571vw;
  }
}
.feature .c__06 {
  margin: 0 auto 100px;
  position: relative;
  width: 1180px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06 {
    margin-bottom: 7.1428571429vw;
    width: 84.2857142857vw;
  }
}
.feature .c__06_cap01 {
  position: absolute;
  top: 274px;
  left: 180px;
  width: 201px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06_cap01 {
    top: 19.5714285714vw;
    left: 12.8571428571vw;
    width: 14.3571428571vw;
  }
}
.feature .c__06_img01 {
  margin: 0 0 0 auto;
  width: 600px;
}
@media screen and (max-width: 1400px) {
  .feature .c__06_img01 {
    width: 42.8571428571vw;
  }
}
.feature .c__07 {
  margin: 0 auto 142px;
  width: 1180px;
}
@media screen and (max-width: 1400px) {
  .feature .c__07 {
    margin-bottom: 10.1428571429vw;
    width: 84.2857142857vw;
  }
}
.feature .c__07_img01 {
  margin: 0 auto 33px 0;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__07_img01 {
    margin-bottom: 2.3571428571vw;
    width: 48.5714285714vw;
  }
}
.feature .c__07 .credit {
  justify-content: flex-end;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__07 .credit {
    width: 48.5714285714vw;
  }
}
.feature .c__08 {
  margin: 0 auto 255px;
  position: relative;
  width: 1030px;
}
@media screen and (max-width: 1400px) {
  .feature .c__08 {
    margin-bottom: 18.2142857143vw;
    width: 73.5714285714vw;
  }
}
.feature .c__08_cap01 {
  position: absolute;
  top: 325px;
  left: -1px;
  width: 201px;
}
@media screen and (max-width: 1400px) {
  .feature .c__08_cap01 {
    top: 23.2142857143vw;
    left: -0.0714285714vw;
    width: 14.3571428571vw;
  }
}
.feature .c__08_img01 {
  margin: 0 0 0 auto;
  width: 680px;
}
@media screen and (max-width: 1400px) {
  .feature .c__08_img01 {
    width: 48.5714285714vw;
  }
}
.feature .c__08_img02 {
  background: #fff;
  margin: -50px auto 33px;
  position: relative;
  width: 576px;
}
@media screen and (max-width: 1400px) {
  .feature .c__08_img02 {
    margin-top: -3.5714285714vw;
    margin-bottom: 2.3571428571vw;
    width: 41.1428571429vw;
  }
}
.feature .c__08 .credit {
  justify-content: center;
  padding-right: 5px;
  position: absolute;
  bottom: -54px;
  left: 50%;
  width: 100vw;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1400px) {
  .feature .c__08 .credit {
    bottom: -3.8571428571vw;
    padding-right: 0.3571428571vw;
  }
}
.feature .btn {
  margin: 0 auto 120px;
  width: 500px;
}
@media screen and (max-width: 1400px) {
  .feature .btn {
    margin-bottom: 8.5714285714vw;
    width: 35.7142857143vw;
  }
}
.feature .btn a:first-child {
  margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
  .feature .btn a:first-child {
    margin-bottom: 3.5714285714vw;
  }
}
.feature .staff {
  margin: 0 auto;
  width: 270px;
}
@media screen and (max-width: 1400px) {
  .feature .staff {
    width: 19.2857142857vw;
  }
}

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