.l-container {
  width: 100%;
}

.feature {
  background: #fff;
  color: #000;
  font-family: "helvetica-lt-pro", sans-serif;
  font-style: normal;
  margin-bottom: min(90px, 18.75vw);
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.feature p {
  margin: 0;
}

.feature a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-in;
}

.feature a:has(> img) {
  display: block;
}

.feature img {
  height: auto;
  width: 100%;
}

.feature p {
  margin: 0;
}

.feature .js-inview {
  filter: blur(40px);
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.35, 0.97, 0.59, 0.99), filter 0.8s cubic-bezier(0.35, 0.97, 0.59, 0.99);
  visibility: hidden;
  width: min(422px, 87.9166666667vw);
}

.feature .js-inview.is-active {
  filter: blur(0);
  opacity: 1;
  visibility: visible;
}

.feature .js-inview .credit li:last-of-type {
  margin-bottom: 0;
}

.feature .credit {
  margin-bottom: min(56px, 11.6666666667vw);
  text-align: left;
}

.feature .credit li {
  color: #000;
  font-size: min(12.7px, 2.6458333333vw);
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 0 0 min(9px, 1.875vw) 0;
  white-space: nowrap;
}

.feature .credit__text {
  margin-right: 0.5vw;
}

@media screen and (min-width: 1400px) {
  .feature .credit__text {
    margin-right: 8px;
  }
}

.feature .inner {
  margin: 0 auto;
  width: min(480px, 100vw);
}

.feature .inner .hero {
  margin-bottom: min(110px, 22.9166666667vw);
}

.feature .inner .cap {
  font-size: min(46px, 9.5833333333vw);
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 0 0 min(21px, 4.375vw) min(28px, 5.8333333333vw);
  text-align: left;
}

.feature .inner .c__01 {
  margin-bottom: min(96px, 20vw);
}

.feature .inner .c__01_img01,
.feature .inner .c__01_img02,
.feature .inner .c__01_img03 {
  margin-bottom: min(20px, 4.1666666667vw);
}

.feature .inner .c__01 .js-inview:last-of-type .credit {
  margin-bottom: 0;
}

.feature .inner .c__02 {
  margin-bottom: min(89px, 18.5416666667vw);
}

.feature .inner .c__02_img01,
.feature .inner .c__02_img02,
.feature .inner .c__02_img03 {
  margin-bottom: min(20px, 4.1666666667vw);
}

.feature .inner .c__02 .js-inview:last-of-type .credit {
  margin-bottom: 0;
}

.feature .inner .btn {
  margin: 0 auto;
  width: min(310px, 64.5833333333vw);
}

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

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