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

.feature {
  color: #333;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
  font-feature-settings: "palt";
  font-style: normal;
  font-weight: 400;
  overflow: clip;
  position: relative;
  text-align: center;
  width: 100%;
}
.feature p {
  margin: 0;
}
.feature a {
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.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 .content__wrap {
  background: rgba(209, 187, 132, 0.1);
  display: grid;
  grid-template-columns: 1fr 480px 1fr;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .feature .content__wrap {
    grid-template-columns: 1fr 33.9222614841vw 1fr;
  }
}
.feature .content__left {
  position: sticky;
  grid-column: 1;
  top: 80px;
  height: 100vh;
  display: grid;
}
.feature .content__left .ttl {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 306px;
}
@media screen and (max-width: 1400px) {
  .feature .content__left .ttl {
    top: 3.5335689046vw;
    left: 3.5335689046vw;
    width: 21.6254416961vw;
  }
}
.feature .content__center {
  background: #fff;
  container-type: inline-size;
  grid-column: 2;
  margin: 0 auto;
  max-width: 480px;
  overflow: clip;
  position: relative;
  width: 30.6713780919vw;
}
.feature .content__right {
  position: sticky;
  grid-column: 3;
  top: 80px;
  height: 100vh;
  display: grid;
}
.feature .content__right .fixedBtn {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  bottom: 36px;
  right: 18px;
  transition: all 0.8s ease;
  width: 154px;
}
@media screen and (max-width: 1400px) {
  .feature .content__right .fixedBtn {
    bottom: 2.5441696113vw;
    right: 1.2720848057vw;
    width: 10.8833922261vw;
  }
}
.feature .content__right .fixedBtn.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature .credit::after {
  content: "";
  width: 100%;
}
.feature .credit li {
  font-family: "articulat-cf", sans-serif;
  font-size: 3.2cqw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
  margin: 0 1.8666666667cqw 2.4cqw;
  white-space: nowrap;
}
.feature .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 4cqw;
  width: 100%;
}
.feature .slick-dots li {
  display: inline-block;
  width: 9.3333333333cqw;
  margin: 0 0.8cqw;
}
.feature .slick-dots button {
  position: relative;
  width: 100%;
  height: 0.5333333333cqw;
  border: 0;
  background: rgba(51, 51, 51, 0.3);
  font-size: 0;
}
.feature .slick-dots button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 0%;
  height: 0.5333333333cqw;
}
.feature .slick-dots .slick-active button:after {
  background: #333;
  animation: progress 3.75s linear forwards;
}
@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.feature .hero {
  margin-bottom: 19.2cqw;
}
.feature .hero__img {
  overflow: hidden;
  margin-bottom: 8cqw;
}
.feature .hero__img.js-inview {
  opacity: 1;
  transition: none;
}
.feature .hero__img.js-inview img {
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.feature .hero__img.js-inview.is-active img {
  opacity: 1;
  transform: scale(1);
}
.feature .hero__ttl {
  margin: 0 auto;
  width: 61.8666666667cqw;
}
.feature .date {
  margin-bottom: 10.6666666667cqw;
}
.feature .campaign {
  margin-bottom: 18.6666666667cqw;
}
.feature .c__01 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
  z-index: 0;
}
.feature .c__01::before {
  background: #d3cfcd;
  content: "";
  height: 454.4cqw;
  position: absolute;
  top: 45.3333333333cqw;
  left: 0;
  width: 100cqw;
  z-index: -1;
}
.feature .c__01_img01 {
  background: #fff;
  margin: 0 0 0 auto;
  width: 80cqw;
}
.feature .c__01_img02 {
  background: #fff;
  margin: -46.6666666667cqw auto 5.3333333333cqw 0;
  position: relative;
  width: 52cqw;
  z-index: 2;
}
.feature .c__01_img02.js-inview {
  transform: translateY(50px);
}
.feature .c__01_img02.js-inview.is-active {
  transform: translateY(0);
}
.feature .c__01 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__02 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
}
.feature .c__02_img01 {
  background: #fff;
  position: relative;
}
.feature .c__02_img02 {
  background: #fff;
  margin: -13.3333333333cqw auto 5.3333333333cqw;
  width: 80cqw;
  z-index: 2;
}
.feature .c__02_img02.js-inview {
  transform: translateY(50px);
}
.feature .c__02_img02.js-inview.is-active {
  transform: translateY(0);
}
.feature .c__02 .credit {
  margin: 0 auto;
  width: 72cqw;
}
.feature .c__03 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
}
.feature .c__03_img01 {
  background: #fff;
  margin-bottom: 5.0666666667cqw;
}
.feature .c__03 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__04 {
  background: url(../img/bg_img06.jpg) no-repeat left top;
  background-size: 6.6666666667cqw;
  margin-bottom: 17.0666666667cqw;
}
.feature .c__04_img01 {
  background: #fff;
  margin: 0 0 4.8cqw auto;
  width: 93.3333333333cqw;
}
.feature .c__04 .credit {
  margin: 0 0 0 auto;
  width: 93.3333333333cqw;
}
.feature .c__04 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__05 {
  background: url(../img/bg_img07.jpg) no-repeat center top;
  background-size: 100%;
  margin-bottom: 16.5333333333cqw;
  padding-top: 10.1333333333cqw;
}
.feature .c__05_img01 {
  margin: 0 auto 5.3333333333cqw;
  width: 80cqw;
}
.feature .c__05_img01 .slick-dots {
  margin-top: 13.8666666667cqw;
}
.feature .c__06 {
  margin-bottom: 16.8cqw;
  position: relative;
  z-index: 0;
}
.feature .c__06::before {
  background: #ede6e8;
  content: "";
  height: 222.5333333333cqw;
  position: absolute;
  top: 71.2cqw;
  left: 0;
  width: 100cqw;
  z-index: -1;
}
.feature .c__06_img01 {
  background: #fff;
  margin: 0 auto 5.0666666667cqw;
  width: 86.6666666667cqw;
}
.feature .c__06 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__07 {
  margin-bottom: 35.4666666667cqw;
  position: relative;
}
.feature .c__07_img01 {
  background: #fff;
  margin: 0 auto 5.0666666667cqw 0;
  width: 84cqw;
}
.feature .c__07 .credit {
  margin: 0 auto 0 0;
  width: 84cqw;
}
.feature .c__08 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
  z-index: 0;
}
.feature .c__08::before {
  background: url(../img/bg_img10.jpg) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 107.4666666667cqw;
  position: absolute;
  top: 41.3333333333cqw;
  left: 0;
  width: 74.6666666667cqw;
  z-index: -2;
}
.feature .c__08::after {
  background: #333;
  content: "";
  height: 514.5333333333cqw;
  position: absolute;
  top: 61.6cqw;
  left: 6.4cqw;
  width: 0.2666666667cqw;
  z-index: -1;
}
.feature .c__08 .cap {
  position: absolute;
  top: 0.2666666667cqw;
  left: 1.0666666667cqw;
  width: 13.2cqw;
}
.feature .c__08_img01 {
  background: #fff;
  margin: 0 0 6.9333333333cqw auto;
  width: 70.6666666667cqw;
}
.feature .c__08_img02 {
  background: #fff;
  margin: 0 auto 5.0666666667cqw 0;
  width: 93.3333333333cqw;
}
.feature .c__08 .credit {
  margin: 0 auto;
  width: 88cqw;
}
.feature .c__09 {
  margin-bottom: 16.8cqw;
  position: relative;
}
.feature .c__09_img01 {
  background: #fff;
  margin-bottom: 9.8666666667cqw;
}
.feature .c__09_img01 .slick-dots {
  position: absolute;
  bottom: -4.5333333333cqw;
}
.feature .c__09 .credit {
  margin: 0 auto;
  width: 66.6666666667cqw;
}
.feature .c__09 .credit li:nth-of-type(3) {
  order: 0;
}
.feature .c__09 .credit li:nth-of-type(n+4) {
  order: 1;
}
.feature .c__10 {
  margin-bottom: 16.2666666667cqw;
}
.feature .c__10_img01 {
  margin: 0 0 5.0666666667cqw auto;
  width: 86.6666666667cqw;
}
.feature .c__10 .credit {
  margin: 0 0 0 auto;
  width: 86.6666666667cqw;
}
.feature .c__11 {
  background: url(../img/bg_img14.jpg) no-repeat right top;
  background-size: 6.6666666667cqw;
  margin-bottom: 16.8cqw;
  position: relative;
}
.feature .c__11_img01 {
  background: #fff;
  margin: 0 auto 5.3333333333cqw 0;
  width: 93.3333333333cqw;
}
.feature .c__11 .credit {
  margin: 0 auto 0 0;
  width: 93.3333333333cqw;
}
.feature .c__12 {
  margin-bottom: 16.2666666667cqw;
}
.feature .c__12_img01 {
  margin: 0 auto 5.0666666667cqw;
  width: 86.6666666667cqw;
}
.feature .c__12 .credit li:nth-of-type(n+6) {
  order: 1;
}
.feature .c__13 {
  margin-bottom: 16.5333333333cqw;
}
.feature .c__13_img01 {
  margin-bottom: 5.3333333333cqw;
}
.feature .c__13 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__14 {
  margin-bottom: 47.2cqw;
  position: relative;
  z-index: 0;
}
.feature .c__14::before {
  background: url(../img/bg_img17.jpg) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 106.6666666667cqw;
  position: absolute;
  top: 9.8666666667cqw;
  left: 0;
  width: 80cqw;
  z-index: -1;
}
.feature .c__14 .cap {
  position: absolute;
  top: 32.8cqw;
  right: 3.4666666667cqw;
  width: 3.5733333333cqw;
}
.feature .c__14_img01 {
  background: #fff;
  margin: 0 auto;
  width: 80cqw;
}
.feature .c__15 {
  margin-bottom: 16.2666666667cqw;
  position: relative;
  z-index: 0;
}
.feature .c__15::before {
  background: #d3cfcd;
  background-size: 100%;
  content: "";
  height: 798.1333333333cqw;
  position: absolute;
  top: -18.6666666667cqw;
  left: 0;
  width: 100cqw;
  z-index: -1;
}
.feature .c__15_img01 {
  background: #fff;
  margin: 0 0 6.6666666667cqw auto;
  width: 76cqw;
}
.feature .c__15_img02 {
  background: #fff;
  margin-bottom: 5.3333333333cqw;
}
.feature .c__15 .credit {
  margin: 0 auto;
  width: 80cqw;
}
.feature .c__16 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
}
.feature .c__16_img01 {
  background: #fff;
  margin: 0 auto 0 0;
  width: 62.6666666667cqw;
}
.feature .c__16_img02 {
  background: #fff;
  margin: -10.4cqw 0 5.0666666667cqw auto;
  width: 86.6666666667cqw;
}
.feature .c__16_img02.js-inview {
  transform: translateY(50px);
}
.feature .c__16_img02.js-inview.is-active {
  transform: translateY(0);
}
.feature .c__16 .credit {
  margin: 0 0 0 auto;
  width: 86.6666666667cqw;
}
.feature .c__16 .credit li:first-of-type {
  margin-left: 0;
}
.feature .c__16 .credit li:last-of-type {
  margin-right: 0;
}
.feature .c__17 {
  background: url(../img/bg_img22.jpg) no-repeat center top;
  background-size: 100%;
  margin-bottom: 16.2666666667cqw;
  padding-top: 6.6666666667cqw;
  position: relative;
}
.feature .c__17_img01 {
  margin: 0 auto 5.3333333333cqw;
  position: relative;
  width: 86.6666666667cqw;
}
.feature .c__17_img01::before {
  background: #fff;
  content: "";
  height: 115.2cqw;
  position: absolute;
  top: 0;
  left: 0.2666666667cqw;
  width: 86.1333333333cqw;
}
.feature .c__17_img01 .slick-dots {
  margin-top: 10.6666666667cqw;
}
.feature .c__17 .credit li:nth-of-type(n+6) {
  order: 1;
}
.feature .c__18 {
  margin-bottom: 16.8cqw;
}
.feature .c__18_img01 {
  margin-bottom: 5.3333333333cqw;
}
.feature .c__18 .credit {
  margin: 0 auto;
  width: 74.6666666667cqw;
}
.feature .c__19 {
  margin-bottom: 29.8666666667cqw;
}
.feature .c__19_img01 {
  margin-bottom: 5.0666666667cqw;
}
.feature .c__19 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__20 {
  margin-bottom: 16.8cqw;
  position: relative;
  z-index: 0;
}
.feature .c__20::before {
  background: url(../img/bg_img25.jpg) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 112cqw;
  position: absolute;
  top: -13.3333333333cqw;
  left: 0;
  width: 84cqw;
  z-index: -1;
}
.feature .c__20_img01 {
  background: #fff;
  margin: 0 0 5.0666666667cqw auto;
  width: 86.6666666667cqw;
}
.feature .c__20 .credit {
  margin: 0 0 0 auto;
  width: 86.6666666667cqw;
}
.feature .c__21 {
  margin-bottom: 16.8cqw;
}
.feature .c__21_img01 {
  margin-bottom: 5.0666666667cqw;
}
.feature .c__21 .credit li:nth-of-type(n+3) {
  order: 1;
}
.feature .c__22 {
  margin-bottom: 16.5333333333cqw;
  position: relative;
}
.feature .c__22 .cap01 {
  position: absolute;
  top: 28.8cqw;
  left: 12.5333333333cqw;
  width: 2.9866666667cqw;
}
.feature .c__22 .cap02 {
  position: absolute;
  top: 21.0666666667cqw;
  right: 12.2666666667cqw;
  width: 3.5733333333cqw;
}
.feature .c__22_img01 {
  margin: 0 auto 5.3333333333cqw;
  width: 62.6666666667cqw;
}
.feature .btn {
  margin: 0 auto 10.1333333333cqw;
  width: 86.6666666667cqw;
}
.feature .textLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 17.6cqw;
}
.feature .textLinks li {
  border-bottom: solid #e2dedc 0.2666666667cqw;
  font-family: "articulat-cf", sans-serif;
  font-size: 3.7333333333cqw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin: 0 4.5333333333cqw 2.9333333333cqw;
}
.feature .textLinks li:nth-child(n+5) {
  margin-bottom: 0;
}
.feature .staff {
  font-family: "articulat-cf", sans-serif;
  font-size: 3.2cqw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 5.6cqw;
  margin-bottom: 42.9333333333cqw;
}

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