.pc-header-main.is-fixed {
  display: none;
}

.l-container {
  width: 100%;
}

.feature {
  color: #000;
  font-family: "garamond-premier-pro-display", serif;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
  margin-top: 35px;
  padding-bottom: 200px;
  text-align: center;
  width: 100%;
}
.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: ease-in, opacity 1500ms;
}
.feature .js-inview.is-active {
  opacity: 1;
}
.feature .credit {
  display: flex;
  justify-content: center;
}
.feature .credit li {
  font-family: "garamond-premier-pro-display", serif;
  font-size: 1.0506798517vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 0.8;
  margin: 0 0.1236093943vw;
  white-space: nowrap;
}
.feature .credit li::after {
  content: "/";
}
.feature .credit li:last-child::after {
  display: none;
}
.feature .credit__text {
  margin-right: 0.1854140915vw;
}
.feature .credit__price {
  margin-right: 0.1236093943vw;
}
.feature .hero {
  margin: 0 auto 8.4672435105vw;
  width: 80.0988875155vw;
}
.feature .c__01 {
  margin: 0 auto 11.3102595797vw;
  width: 91.347342398vw;
}
.feature .c__01_img01 {
  width: 35.8467243511vw;
}
.feature .c__01_img02 {
  width: 35.8467243511vw;
}
.feature .c__01 .inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 2.6576019778vw;
  width: 72.5587144623vw;
}
.feature .c__01 .txt {
  display: flex;
  justify-content: center;
  font-size: 1.6687268232vw;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-bottom: 1.0506798517vw;
}
.feature .c__01 .txt span {
  font-size: 1.8541409147vw;
  line-height: 0.9;
  margin-left: 0.1854140915vw;
}
.feature .c__01 .credit {
  margin-bottom: 4.5735475896vw;
}
.feature .c__02 {
  height: 79.542645241vw;
  margin-bottom: 11.3102595797vw;
  position: relative;
  width: 100%;
}
.feature .c__02_img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 49.9381953028vw;
}
.feature .c__02_img02 {
  position: absolute;
  top: 17.9233621755vw;
  right: 0;
  width: 30.0988875155vw;
  z-index: 3;
}
.feature .c__02_img03 {
  position: absolute;
  bottom: 0;
  left: 44.2521631644vw;
  width: 28.2447466007vw;
  z-index: 2;
}
.feature .c__02 .txt {
  font-size: 1.6687268232vw;
  letter-spacing: 0.02em;
  line-height: 1;
  position: absolute;
  right: 17.4907292954vw;
  bottom: 1.9159456119vw;
}
.feature .c__02 .txt span {
  font-size: 1.8541409147vw;
  line-height: 0.9;
  margin-left: 0.1854140915vw;
}
.feature .c__02 .credit {
  position: absolute;
  right: 10.3831891224vw;
  bottom: 0;
}
.feature .c__03 {
  height: 56.5512978986vw;
  margin-bottom: 11.2484548826vw;
  position: relative;
  width: 100%;
}
.feature .c__03_img01 {
  margin: 0 0 0 auto;
  width: 45.1792336218vw;
}
.feature .c__03_img02 {
  position: absolute;
  top: 8.8380716934vw;
  left: 7.6019777503vw;
  width: 31.08776267vw;
}
.feature .c__03 .txt {
  font-size: 1.6687268232vw;
  letter-spacing: 0.02em;
  line-height: 1;
  position: absolute;
  bottom: 4.5117428925vw;
  left: 7.5401730532vw;
}
.feature .c__03 .txt span {
  font-size: 1.8541409147vw;
  line-height: 0.9;
  margin-left: 0.1854140915vw;
}
.feature .c__03 .credit {
  position: absolute;
  bottom: 2.5957972806vw;
  left: 7.478368356vw;
}
.feature .c__04 {
  margin: 0 auto 11.9283065513vw;
  width: 72.5587144623vw;
}
.feature .c__04_img01, .feature .c__04_img02 {
  width: 35.7849196539vw;
}
.feature .c__04 .inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.7194066749vw;
}
.feature .c__04 .txt {
  display: flex;
  justify-content: center;
  font-size: 1.6687268232vw;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-bottom: 1.0506798517vw;
}
.feature .c__04 .txt span {
  font-size: 1.8541409147vw;
  line-height: 0.9;
  margin-left: 0.1854140915vw;
}
.feature .btn {
  display: inline-block;
  font-size: 1.2978986403vw;
  letter-spacing: -0.01em;
  position: relative;
  margin: 0 auto;
}
.feature .btn::after {
  border-bottom: solid #000 1px;
  content: "";
  height: 0.0618046972vw;
  position: absolute;
  bottom: -0.4326328801vw;
  left: 50.5%;
  transform: translate(-50%, 0);
  transition: all 0.5s ease-in;
  width: 0;
}
.feature .btn.js-inview {
  opacity: 1;
}
.feature .btn.is-active::after {
  width: 6.1804697157vw;
}

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