.pc-header-main.is-fixed {
  top: -80px;
}

.l-container {
  width: 100%;
}

.feature {
  color: #000;
  padding-bottom: 10.1428571429vw;
  text-align: center;
  width: 100%;
}
.feature a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.feature a:link, .feature a:visited {
  color: #000;
}
.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 1s ease-in-out;
}
.feature .js-inview.is-active {
  opacity: 1;
}
.feature .credit li {
  font-family: "garamond-premier-pro-display", serif;
  font-size: 0.7762879323vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 0.4940014114vw;
  text-align: left;
  white-space: nowrap;
}
.feature .slick-dots {
  position: absolute;
  right: 0.9174311927vw;
  bottom: 0.0705716302vw;
}
.feature .slick-dots li {
  display: inline-block;
  margin-left: 0.8468595625vw;
}
.feature .slick-dots li button {
  background: none;
  color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  cursor: pointer;
  width: 0.4940014114vw;
  height: 0.4940014114vw;
  border-radius: 50%;
  border: solid #fff 1px;
  box-sizing: border-box;
}
.feature .slick-dots li.slick-active button {
  background: #fff;
}
.feature .hero {
  margin: 0 auto 8.7508821454vw;
  width: 80.0282286521vw;
}
.feature .cap01 {
  margin: 0 auto 4.6577275935vw;
  padding-left: 0.1411432604vw;
  width: 26.1115031757vw;
}
.feature .c__01 {
  margin: 0 auto 15.2434721242vw;
  position: relative;
  width: 39.5201129146vw;
}
.feature .c__01_img01 {
  margin: 0 auto 5.6457304164vw;
  width: 39.5201129146vw;
}
.feature .c__01_img02 {
  margin: 0 auto;
  width: 31.05151729vw;
}
.feature .c__01 .credit {
  position: absolute;
  left: 36.6266760762vw;
  bottom: -0.6351446718vw;
}
.feature .c__02 {
  margin-bottom: 14.0437544107vw;
  position: relative;
}
.feature .c__02_img01 {
  margin: 0 0 8.4685956246vw 4.6577275935vw;
  width: 46.1538461538vw;
}
.feature .c__02_img01.js-inview {
  transform: translateX(40px);
}
.feature .c__02_img01.js-inview.is-active {
  transform: translateX(0);
}
.feature .c__02_img02 {
  position: absolute;
  top: 34.4389555399vw;
  right: 8.4685956246vw;
  width: 25.4057868737vw;
}
.feature .c__02_img03 {
  margin: 0 8.4685956246vw 0 auto;
  width: 25.4057868737vw;
}
.feature .c__02 .credit {
  position: absolute;
  bottom: -0.4234297812vw;
  right: 35.2858151023vw;
}
.feature .c__02 .credit li {
  text-align: right;
}
.feature .c__03 {
  height: 78.5462244178vw;
  margin: 0 auto 14.1143260409vw;
  position: relative;
  width: 70.1482004234vw;
}
.feature .c__03_img01 {
  margin: 0 1.4114326041vw 18.3486238532vw auto;
  width: 41.4255469301vw;
}
.feature .c__03_img01.js-inview {
  transform: translateX(-40px);
}
.feature .c__03_img01.js-inview.is-active {
  transform: translateX(0);
}
.feature .c__03_img02 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 31.05151729vw;
}
.feature .c__03_img02.js-inview {
  transform: translateY(40px);
}
.feature .c__03_img02.js-inview.is-active {
  transform: translateY(0);
}
.feature .c__03 .credit {
  margin-left: 32.4629498941vw;
}
.feature .c__04 {
  margin: 0 auto 14.1143260409vw;
  width: 44.2484121383vw;
}
.feature .c__04_img01 {
  margin-bottom: 5.6457304164vw;
}
.feature .c__04_img02 {
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  top: calc((100vh - 40.0846859562vw) / 2);
  width: 32.0395201129vw;
}
.feature .c__04_img02 .credit {
  position: absolute;
  right: -15.0317572336vw;
  bottom: -0.705716302vw;
}
.feature .c__04_img03 {
  margin: 11.5751587862vw auto 0;
  position: relative;
  width: 32.0395201129vw;
  z-index: 2;
}
.feature .c__05 {
  margin-bottom: 22.0889202541vw;
  position: relative;
}
.feature .c__05_img01 {
  margin: 0 auto 1.4820042343vw 11.2914608327vw;
  width: 40.4375441073vw;
}
.feature .c__05_img01.js-inview {
  transform: translateX(-40px);
}
.feature .c__05_img01.js-inview.is-active {
  transform: translateX(0);
}
.feature .c__05_img02 {
  position: absolute;
  top: 34.5800988003vw;
  right: 12.2088920254vw;
  width: 27.3112208892vw;
}
.feature .c__05_img02.js-inview {
  transform: translateX(40px);
}
.feature .c__05_img02.js-inview.is-active {
  transform: translateX(0);
}
.feature .c__05 .credit {
  margin-left: 11.2208892025vw;
}
.feature .c__06 {
  height: 130.7692307692vw;
  margin-bottom: 14.1143260409vw;
  position: relative;
}
.feature .c__06 .cap {
  position: absolute;
  top: 3.1757233592vw;
  right: 17.7134791814vw;
  width: 24.7000705716vw;
  z-index: 2;
}
.feature .c__06_img01 {
  margin: 0 auto 5.2223006351vw;
  width: 46.9301340861vw;
}
.feature .c__06_img02 {
  margin: 0 11.5031757234vw 0 auto;
  width: 35.7798165138vw;
}
.feature .c__06_img03 {
  position: absolute;
  bottom: 0;
  left: 13.9026111503vw;
  width: 28.2286520819vw;
}
.feature .c__06 .credit {
  position: absolute;
  right: 11.4326040932vw;
  bottom: 14.0437544107vw;
}
.feature .c__06 .credit li {
  text-align: right;
}
.feature .c__07 {
  margin-bottom: 23.9237826394vw;
  position: relative;
}
.feature .c__07_img01 {
  margin: 0 auto 5.0811573747vw;
  width: 37.6852505293vw;
}
.feature .c__07_img02 {
  margin: 0 auto 1.5525758645vw 11.2914608327vw;
  width: 44.2484121383vw;
}
.feature .c__07_img02.js-inview {
  transform: translateX(40px);
}
.feature .c__07_img02.js-inview.is-active {
  transform: translateX(0);
}
.feature .c__07_img03 {
  position: absolute;
  right: 11.7854622442vw;
  bottom: -14.3260409315vw;
  width: 33.8743824982vw;
}
.feature .c__07_img03.js-inview {
  transform: translateY(40px);
}
.feature .c__07_img03.js-inview.is-active {
  transform: translateY(0);
}
.feature .c__07 .credit {
  margin-left: 11.2208892025vw;
}
.feature .btn {
  margin: 0 auto;
  position: relative;
  width: 10.0917431193vw;
}
.feature .btn.js-inview {
  opacity: 1;
}
.feature .btn.js-inview::before {
  border-top: solid #000 1px;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0) scale(0, 1);
  transform-origin: center top;
  transition: all 1s;
  width: 6.0691601976vw;
}
.feature .btn.js-inview.is-active::before {
  transform: translate(-50%, 0) scale(1, 1);
}

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