.l-container {
  width: 100%;
}

.feature {
  background: url(../img/pc-bg.jpg) no-repeat center top;
  background-size: 100%;
  color: #000;
  font-family: "Shippori Mincho", serif;
  font-feature-settings: "palt";
  font-style: normal;
  font-weight: 400;
  overflow: clip;
  position: relative;
  text-align: center;
  width: 100%;
}
.feature a {
  color: #8e8e8e;
  transition: all 0.3s ease-in;
}
.feature a:has(> img) {
  display: block;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature p {
  margin: 0;
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature .credit::after {
  content: "";
  width: 100%;
}
.feature .credit li {
  border-bottom: solid #8e8e8e 1px;
  font-family: "Noto Serif JP", serif;
  font-size: 2.8571428571cqw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0 0.7142857143cqw 1.25cqw;
  white-space: nowrap;
}
.feature .credit__text {
  margin-right: 1.0714285714cqw;
}
.feature .content__wrap {
  background: #fff;
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 1120px;
}
@media screen and (max-width: 1400px) {
  .feature .content__wrap {
    width: 79.1519434629vw;
  }
}
.feature .content__left {
  container-type: inline-size;
  height: 100vh;
  position: sticky;
  top: 80px;
  width: 560px;
}
@media screen and (max-width: 1400px) {
  .feature .content__left {
    width: 39.5759717314vw;
  }
}
.feature .content__left .hero {
  position: relative;
}
.feature .content__left .hero-img {
  clip-path: inset(0 0 100% 0);
  position: relative;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.5s;
  width: 100%;
  z-index: 1;
}
.feature .content__left .hero-txt {
  clip-path: inset(0 0 0 100%);
  position: absolute;
  right: 13.9285714286cqw;
  bottom: 40.5357142857cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 1.5s;
  width: 21.6071428571cqw;
  z-index: 2;
}
.feature .content__left .hero-ttl {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  bottom: 33.5714285714cqw;
  left: 5.3571428571cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 1s;
  width: 89.2857142857cqw;
  z-index: 2;
}
.feature .content__left .hero.is-active .hero-img, .feature .content__left .hero.is-active .hero-txt, .feature .content__left .hero.is-active .hero-ttl {
  clip-path: inset(0);
}
.feature .content__left .cap-c__01 {
  opacity: 0;
  position: absolute;
  top: 690px;
  left: 181px;
  transition: opacity 0.6s ease, visibility 0.6s;
  visibility: hidden;
  width: 198px;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .feature .content__left .cap-c__01 {
    top: 48.7632508834vw;
    left: 12.7915194346vw;
    width: 13.9929328622vw;
  }
}
.feature .content__left .cap-c__01.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.feature .content__left .cap-c__01 .cap__01 {
  display: block;
  width: 9.5406360424vw;
}
.feature .content__left .cap-c__01 .cap__02 {
  display: block;
  margin: -0.3533568905vw 0 0 0.1413427562vw;
  width: 10.3886925795vw;
}
.feature .content__left .cap-c__01 .cap__03 {
  display: block;
  margin-top: -0.2826855124vw;
  width: 13.9929328622vw;
}
.feature .content__left .cap-c__02 {
  opacity: 0;
  position: absolute;
  top: 690px;
  left: 180px;
  transition: opacity 0.6s ease, visibility 0.6s;
  visibility: hidden;
  width: 199px;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .feature .content__left .cap-c__02 {
    top: 48.7632508834vw;
    left: 12.7208480565vw;
    width: 14.0636042403vw;
  }
}
.feature .content__left .cap-c__02.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.feature .content__left .cap-c__02 .cap__01 {
  display: block;
  width: 8.0565371025vw;
}
.feature .content__left .cap-c__02 .cap__02 {
  display: block;
  margin: -0.3533568905vw 0 0 0.1413427562vw;
  width: 8.3392226148vw;
}
.feature .content__left .cap-c__02 .cap__03 {
  display: block;
  margin-top: -0.6360424028vw;
  width: 14.0636042403vw;
}
.feature .content__left .cap-c__03 {
  opacity: 0;
  position: absolute;
  top: 690px;
  left: 181px;
  transition: opacity 0.6s ease, visibility 0.6s;
  visibility: hidden;
  width: 199px;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .feature .content__left .cap-c__03 {
    top: 48.7632508834vw;
    left: 12.7915194346vw;
    width: 14.0636042403vw;
  }
}
.feature .content__left .cap-c__03.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.feature .content__left .cap-c__03 .cap__01 {
  display: block;
  width: 10.6007067138vw;
}
.feature .content__left .cap-c__03 .cap__02 {
  display: block;
  margin: 0.4946996466vw 0 0.3533568905vw 0.0706713781vw;
  width: 6.7137809187vw;
}
.feature .content__left .cap-c__03 .cap__03 {
  display: block;
  margin-left: 0.0706713781vw;
}
.feature .content__right {
  container-type: inline-size;
  overflow: clip;
  width: 560px;
}
@media screen and (max-width: 1400px) {
  .feature .content__right {
    width: 39.5759717314vw;
  }
}
.feature .content__right .lead {
  margin-bottom: 10.7142857143cqw;
  padding-top: 4.9469964664vw;
}
.feature .content__right .lead-cap {
  margin: 0 auto 3.3928571429cqw;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 37.8571428571cqw;
}
.feature .content__right .lead-cap.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .lead-txt {
  font-size: 3.2142857143cqw;
  line-height: 5cqw;
  margin-bottom: 5cqw;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .lead-txt.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .lead-date {
  clip-path: inset(0 100% 0 0);
  margin: 0 0 0 auto;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 29.6428571429cqw;
}
.feature .content__right .lead-date.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-01 {
  margin-bottom: 11.6071428571cqw;
  padding-top: 32.1428571429cqw;
  position: relative;
}
.feature .content__right .c-01__bg {
  background: #f0ede7;
  clip-path: inset(0 0 0 100%);
  height: 295.1785714286cqw;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 55.7142857143cqw;
}
.feature .content__right .c-01__bg.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-01 .cap__01 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 0;
  left: 7.8571428571cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 34.6428571429cqw;
  z-index: 3;
}
.feature .content__right .c-01 .cap__02 {
  clip-path: inset(0 0 0 100%);
  position: absolute;
  top: 11.6071428571cqw;
  left: 8.5714285714cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.5s;
  width: 37.5cqw;
  z-index: 3;
}
.feature .content__right .c-01 .cap__03 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 23.5714285714cqw;
  left: 8.0357142857cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 1s;
  width: 50.5357142857cqw;
  z-index: 3;
}
.feature .content__right .c-01 .cap.is-active .cap__01, .feature .content__right .c-01 .cap.is-active .cap__02, .feature .content__right .c-01 .cap.is-active .cap__03 {
  clip-path: inset(0);
}
.feature .content__right .c-01-img__01 {
  background: #fff;
  clip-path: inset(0 100% 0 0);
  margin: 0 0 3.5714285714cqw auto;
  overflow: hidden;
  position: relative;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 82.1428571429cqw;
  z-index: 2;
}
.feature .content__right .c-01-img__01 img {
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1.2);
}
.feature .content__right .c-01-img__01.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-01-img__01.is-active img {
  transform: scale(1);
}
.feature .content__right .c-01-img__02 {
  background: #fff;
  margin: 0 auto 3.5714285714cqw 0;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-01-img__02.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-01-img__03 {
  background: #fff;
  margin: 0 auto 7.5cqw;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-01-img__03.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-01 .comment {
  font-size: 3.9285714286cqw;
  line-height: 5cqw;
  margin-bottom: 3.75cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-01 .comment.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-01 .txt {
  font-size: 3.2142857143cqw;
  line-height: 5cqw;
  margin-bottom: 4.1071428571cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-01 .txt.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-01 .credit {
  margin: 0 auto;
  width: 66.0714285714cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-01 .credit.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-02 {
  margin-bottom: 11.6071428571cqw;
  padding-top: 30.1785714286cqw;
  position: relative;
}
.feature .content__right .c-02__bg {
  background: #faeee8;
  clip-path: inset(0 100% 0 0);
  height: 295.1785714286cqw;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 55.7142857143cqw;
}
.feature .content__right .c-02__bg.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-02 .cap__01 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 1.7857142857cqw;
  right: 28.9285714286cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 28.9285714286cqw;
  z-index: 3;
}
.feature .content__right .c-02 .cap__02 {
  clip-path: inset(0 0 0 100%);
  position: absolute;
  top: 13.3928571429cqw;
  right: 27.3214285714cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.5s;
  width: 30cqw;
  z-index: 3;
}
.feature .content__right .c-02 .cap__03 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 24.4642857143cqw;
  right: 7.1428571429cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 1s;
  width: 51.0714285714cqw;
  z-index: 3;
}
.feature .content__right .c-02 .cap.is-active .cap__01, .feature .content__right .c-02 .cap.is-active .cap__02, .feature .content__right .c-02 .cap.is-active .cap__03 {
  clip-path: inset(0);
}
.feature .content__right .c-02-img__01 {
  background: #fff;
  clip-path: inset(0 0 0 100%);
  margin: 0 auto 3.5714285714cqw 0;
  overflow: hidden;
  position: relative;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 82.1428571429cqw;
  z-index: 2;
}
.feature .content__right .c-02-img__01 img {
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1.2);
}
.feature .content__right .c-02-img__01.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-02-img__01.is-active img {
  transform: scale(1);
}
.feature .content__right .c-02-img__02 {
  background: #fff;
  margin: 0 0 3.5714285714cqw auto;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-02-img__02.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-02-img__03 {
  background: #fff;
  margin: 0 auto 7.5cqw;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-02-img__03.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-02 .comment {
  font-size: 3.9285714286cqw;
  line-height: 5cqw;
  margin-bottom: 3.75cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-02 .comment.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-02 .txt {
  font-size: 3.2142857143cqw;
  line-height: 5cqw;
  margin-bottom: 4.1071428571cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-02 .txt.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-02 .credit {
  margin: 0 auto;
  width: 48.2142857143cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-02 .credit.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-03 {
  margin-bottom: 11.6071428571cqw;
  padding-top: 33.2142857143cqw;
  position: relative;
}
.feature .content__right .c-03__bg {
  background: #deedef;
  clip-path: inset(0 0 0 100%);
  height: 295.1785714286cqw;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 55.7142857143cqw;
}
.feature .content__right .c-03__bg.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-03 .cap__01 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 0;
  left: 8.0357142857cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 38.5714285714cqw;
  z-index: 3;
}
.feature .content__right .c-03 .cap__02 {
  clip-path: inset(0 0 0 100%);
  position: absolute;
  top: 11.6071428571cqw;
  left: 8.75cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.5s;
  width: 23.75cqw;
  z-index: 3;
}
.feature .content__right .c-03 .cap__03 {
  clip-path: inset(0 100% 0 0);
  position: absolute;
  top: 22.6785714286cqw;
  left: 8.5714285714cqw;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 1s;
  width: 50.5357142857cqw;
  z-index: 3;
}
.feature .content__right .c-03 .cap.is-active .cap__01, .feature .content__right .c-03 .cap.is-active .cap__02, .feature .content__right .c-03 .cap.is-active .cap__03 {
  clip-path: inset(0);
}
.feature .content__right .c-03-img__01 {
  background: #fff;
  clip-path: inset(0 100% 0 0);
  margin: 0 0 3.5714285714cqw auto;
  position: relative;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 82.1428571429cqw;
  z-index: 2;
}
.feature .content__right .c-03-img__01 img {
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1.2);
}
.feature .content__right .c-03-img__01.is-active {
  clip-path: inset(0);
}
.feature .content__right .c-03-img__01.is-active img {
  transform: scale(1);
}
.feature .content__right .c-03-img__02 {
  background: #fff;
  margin: 0 auto 3.5714285714cqw 0;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-03-img__02.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-03-img__03 {
  background: #fff;
  margin: 0 auto 7.5cqw;
  opacity: 0;
  position: relative;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 62.5cqw;
  z-index: 2;
}
.feature .content__right .c-03-img__03.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-03 .comment {
  font-size: 3.9285714286cqw;
  line-height: 5cqw;
  margin-bottom: 3.75cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-03 .comment.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-03 .txt {
  font-size: 3.2142857143cqw;
  line-height: 5cqw;
  margin-bottom: 4.1071428571cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-03 .txt.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .c-03 .credit {
  margin: 0 auto;
  width: 64.2857142857cqw;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .c-03 .credit.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .info {
  background: #707070;
  box-sizing: border-box;
  height: 62.5cqw;
  margin: 0 auto 8.9285714286cqw 0;
  padding-top: 7.1428571429cqw;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 85.7142857143cqw;
}
.feature .content__right .info-cap {
  clip-path: inset(0 100% 0 0);
  margin: 0 0 3.2142857143cqw 12.5cqw;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  width: 46.4285714286cqw;
}
.feature .content__right .info-txt {
  clip-path: inset(0 0 0 100%);
  color: #fff;
  font-size: 3.2142857143cqw;
  line-height: 5cqw;
  margin: 0 12.5cqw;
  text-align: left;
  transition: clip-path 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-delay: 0.5s;
}
.feature .content__right .info.is-active .info-cap, .feature .content__right .info.is-active .info-txt {
  clip-path: inset(0);
}
.feature .content__right .btn {
  margin: 0 auto 4.2857142857cqw;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  width: 46.6071428571cqw;
}
.feature .content__right .btn.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .staff {
  margin: 0 auto 12.5cqw;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.feature .content__right .staff.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .staff dt {
  font-family: "Bodoni Moda", serif;
  font-size: 2.5cqw;
  font-style: italic;
  line-height: 1;
  margin-bottom: 0.5357142857cqw;
}
.feature .content__right .staff dd {
  display: flex;
  flex-wrap: wrap;
  font-family: "Bodoni Moda", serif;
  font-size: 2.5cqw;
  font-style: italic;
  justify-content: center;
  line-height: 3.5714285714cqw;
  margin: 0 auto;
  width: 66.0714285714cqw;
}
.feature .content__right .staff dd span {
  margin: 0 1.7857142857cqw;
}
.feature .pagetop {
  cursor: pointer;
  position: fixed;
  top: 399px;
  right: calc((100% - 1120px) / 2 + 20px);
  width: 18px;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  .feature .pagetop {
    top: 28.1978798587vw;
    right: calc((100% - 79.1519434629vw) / 2 + 1.4134275618vw);
    width: 1.2720848057vw;
  }
}

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