html {
  font-size: 10px;
  scroll-behavior: smooth;
}

:root {
  --scale-580: 0.773;
}
.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  overflow: clip;
  font-feature-settings: "palt";
}
.l-container #feature * {
  box-sizing: border-box;
}
.l-container #feature *::after {
  box-sizing: border-box;
}
.l-container #feature *::before {
  box-sizing: border-box;
}
.l-container #feature a {
  display: block;
  text-decoration: none;
  position: relative;
}
.l-container #feature a::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
}
.l-container #feature a:hover {
  cursor: pointer;
}
.l-container #feature a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature .default-img {
  width: 100%;
  display: block;
}
.l-container #feature picture {
  display: block;
}
.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 calc(var(--scale-580) * 1.75rem);
}
.l-container #feature .creditContainer li {
  width: fit-content;
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-580) * 2.2rem);
  line-height: calc(var(--scale-580) * 4.4rem);
  letter-spacing: 0.05em;
}
.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
  color: #141414;
}
.l-container #feature .creditContainer li a .price {
  margin-left: calc(var(--scale-580) * 0.5rem);
}
.l-container #feature .creditContainer li a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}
.l-container #feature .creditContainer li a::after {
  display: none;
}
.l-container #feature .creditContainer-01 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 52rem);
}
.l-container #feature .creditContainer-01 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-02 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 40rem);
}
.l-container #feature .creditContainer-02 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-03 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
}
.l-container #feature .creditContainer-03 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-04 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 61rem);
}
.l-container #feature .creditContainer-04 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-05 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 54rem);
}
.l-container #feature .creditContainer-05 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-06 {
  margin: calc(var(--scale-580) * 2.9rem) auto 0;
  width: calc(var(--scale-580) * 42rem);
}
.l-container #feature .creditContainer-06 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-06 {
  position: relative;
  z-index: 10;
}
.l-container #feature .creditContainer-07 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
}
.l-container #feature .creditContainer-07 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-08 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 46rem);
}
.l-container #feature .creditContainer-08 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-09 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 40rem);
}
.l-container #feature .creditContainer-09 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-10 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 46rem);
}
.l-container #feature .creditContainer-10 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-11 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 60rem);
}
.l-container #feature .creditContainer-11 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-12 {
  margin: calc(var(--scale-580) * 51rem * 1.33 - (60vw - var(--scale-580) * 84rem) + var(--scale-580) * 3.1rem) auto 0;
  width: calc(var(--scale-580) * 61rem);
}
.l-container #feature .creditContainer-12 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-13 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
}
.l-container #feature .creditContainer-13 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-14 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 44rem);
}
.l-container #feature .creditContainer-14 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-15 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 54rem);
}
.l-container #feature .creditContainer-15 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-16 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 54rem);
}
.l-container #feature .creditContainer-16 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-17 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
}
.l-container #feature .creditContainer-17 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-18 {
  margin: calc(var(--scale-580) * 2.95rem) auto 0;
  width: calc(var(--scale-580) * 60rem);
}
.l-container #feature .creditContainer-18 .credit {
  justify-content: center;
}
.l-container #feature .pc-flex {
  display: flex;
  margin-top: calc(var(--scale-580) * 3.65rem);
}
.l-container #feature .pc-flex__center {
  width: 58rem;
  margin: 0 auto;
  overflow: clip;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__img {
  position: relative;
}
.l-container #feature .hero-ttl__img {
  position: absolute;
  width: calc(var(--scale-580) * 53.2719rem);
  top: calc(var(--scale-580) * 60.5rem);
  left: calc(var(--scale-580) * 11.2rem);
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  margin: 0 auto;
}
.l-container #feature .container01 {
  margin-top: calc(var(--scale-580) * 13.28rem);
}
.l-container #feature .container01__txt-area .afterglow_txt-img {
  width: calc(var(--scale-580) * 40.5957rem);
  margin-left: calc(var(--scale-580) * 18.1rem);
}
.l-container #feature .container01__txt-area p {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-size: calc(var(--scale-580) * 2.6rem);
  line-height: calc(var(--scale-580) * 6.5rem);
  letter-spacing: 0.05em;
  color: #141414;
  margin-top: calc(var(--scale-580) * 5rem);
}
.l-container #feature .container01__img_01 {
  margin-top: calc(var(--scale-580) * 13.1rem);
  width: calc(var(--scale-580) * 69rem);
  margin-left: 0;
}
.l-container #feature .container01__img_02 {
  margin-top: calc(var(--scale-580) * 6rem);
  width: calc(var(--scale-580) * 60rem);
  margin-left: auto;
}
.l-container #feature .container01__img_03 {
  margin-top: calc(var(--scale-580) * 18.85rem);
}
.l-container #feature .container01__img_04 {
  margin-top: calc(var(--scale-580) * 2rem);
}
.l-container #feature .container01__img_05 {
  margin: calc(var(--scale-580) * 18.85rem) auto 0;
  width: calc(var(--scale-580) * 48rem);
}
.l-container #feature .container02 {
  padding-bottom: calc(var(--scale-580) * 18.8rem);
}
.l-container #feature .container02__img_06 {
  margin-top: calc(var(--scale-580) * 38.85rem);
  margin-left: 0;
  width: calc(var(--scale-580) * 69.6rem);
  position: relative;
}
.l-container #feature .container02__img_06 .ease-in-txt__img {
  width: calc(var(--scale-580) * 47.2475rem);
  position: absolute;
  top: calc(var(--scale-580) * -16.8rem);
  right: calc(var(--scale-580) * 2.2rem);
  z-index: -1;
}
.l-container #feature .container02__img_06 .denim-txt__img {
  width: calc(var(--scale-580) * 8.5rem);
  position: absolute;
  top: calc(var(--scale-580) * 4.25rem);
  right: calc(var(--scale-580) * -3.3rem);
  pointer-events: none;
}
.l-container #feature .container02__img_07 {
  margin-top: calc(var(--scale-580) * 2rem);
  margin-left: 0;
  width: calc(var(--scale-580) * 69.6rem);
}
.l-container #feature .container02__img_08 {
  margin-top: calc(var(--scale-580) * 18.85rem);
  margin-left: auto;
  width: calc(var(--scale-580) * 66rem);
}
.l-container #feature .container02__img_09 {
  margin-top: calc(var(--scale-580) * 6rem);
  margin-left: 0;
  width: calc(var(--scale-580) * 63rem);
}
.l-container #feature .container02__back {
  width: 100%;
  top: 0.1%;
  margin-top: calc(var(--scale-580) * 18.86rem);
  background-color: rgba(172, 196, 197, 0.7);
  z-index: -1;
}
.l-container #feature .container02 .sticky__wrap-01 {
  padding-top: calc(var(--scale-580) * 4rem);
}
.l-container #feature .container02 .sticky__wrap-01 .lace-in-black-txt__img {
  width: calc(var(--scale-580) * 31.2rem);
  position: absolute;
  top: 40.3%;
  left: calc(var(--scale-580) * 1.6rem);
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item {
  position: sticky;
  top: calc(var(--scale-580) * 12rem);
  height: calc(var(--scale-580) * 100rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item:nth-child(1) {
  z-index: 1;
  transform: none;
  height: calc(var(--scale-580) * 100rem);
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item:nth-child(2) {
  z-index: 2;
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item:nth-child(3) {
  z-index: 3;
}
.l-container #feature .container02 .sticky__wrap-01 .container02__img_10-02,
.l-container #feature .container02 .sticky__wrap-01 .container02__img_10-03 {
  width: calc(var(--scale-580) * 57rem);
}
.l-container #feature .container02-swiper01 {
  margin: calc(var(--scale-580) * 18.9rem) auto 0;
  width: 58rem;
  position: relative;
}
.l-container #feature .container02-swiper01 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container02-swiper01 .swiper-pagination {
  position: absolute;
  width: calc(var(--scale-580) * 15rem);
  bottom: calc(var(--scale-580) * 1.6rem);
  left: auto;
  right: calc(var(--scale-580) * -1.9rem);
}
.l-container #feature .container02-swiper01 .swiper-pagination-bullet {
  width: calc(var(--scale-580) * 1.6rem);
  height: calc(var(--scale-580) * 1.6rem);
  background-color: #7d7d7d;
  opacity: 1;
}
.l-container #feature .container02-swiper01 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container02-swiper01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-580) * 2rem);
}
.l-container #feature .container03__img_12 {
  width: calc(var(--scale-580) * 69rem);
  margin: 0 auto;
}
.l-container #feature .container03__img_13 {
  width: calc(var(--scale-580) * 69rem);
  margin: calc(var(--scale-580) * 2rem) auto 0;
}
.l-container #feature .container03__back {
  background-color: rgba(172, 196, 197, 0.7);
  z-index: -1;
  margin-top: calc(var(--scale-580) * 18.8rem);
  padding-top: calc(var(--scale-580) * 4rem);
  padding-bottom: calc(var(--scale-580) * 18.85rem);
}
.l-container #feature .container03-swiper01 {
  margin-top: calc(var(--scale-580) * 8rem);
  margin: calc(var(--scale-580) * 10rem) auto 0;
  width: calc(var(--scale-580) * 60rem);
  position: relative;
}
.l-container #feature .container03-swiper01 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container03-swiper01 .swiper-pagination {
  position: absolute;
  width: calc(var(--scale-580) * 15rem);
  bottom: calc(var(--scale-580) * 1.6rem);
  left: auto;
  right: calc(var(--scale-580) * -1.9rem);
}
.l-container #feature .container03-swiper01 .swiper-pagination-bullet {
  width: calc(var(--scale-580) * 1.6rem);
  height: calc(var(--scale-580) * 1.6rem);
  background-color: #7d7d7d;
  opacity: 1;
}
.l-container #feature .container03-swiper01 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container03-swiper01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-580) * 2rem);
}
.l-container #feature .container03 .sticky__wrap-02 {
  padding-top: calc(var(--scale-580) * 14.48rem);
}
.l-container #feature .container03 .sticky__wrap-02 .sticky-02__item {
  position: sticky;
  top: calc(var(--scale-580) * 12rem);
  height: calc(var(--scale-580) * 100rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .container03 .sticky__wrap-02 .sticky-02__item:nth-child(1) {
  z-index: 1;
  transform: none;
}
.l-container #feature .container03 .sticky__wrap-02 .sticky-02__item:nth-child(2) {
  z-index: 2;
}
.l-container #feature .container03 .sticky__wrap-02 .sticky-02__item:nth-child(3) {
  z-index: 3;
}
.l-container #feature .container03 .sticky__wrap-02 .container03__img_16-02,
.l-container #feature .container03 .sticky__wrap-02 .container03__img_16-03 {
  width: calc(var(--scale-580) * 57rem);
}
.l-container #feature .container04__img_17 {
  width: calc(var(--scale-580) * 69rem);
  margin: calc(var(--scale-580) * 25.9rem) auto 0;
  position: relative;
}
.l-container #feature .container04 .ruffled-white-txt__img {
  position: absolute;
  width: calc(var(--scale-580) * 67.33rem);
  top: calc(var(--scale-580) * -14.15rem);
  left: calc(var(--scale-580) * 0.3rem);
  pointer-events: none;
}
.l-container #feature .container04-swiper01 {
  margin: calc(var(--scale-580) * 2rem) auto 0;
  width: calc(var(--scale-580) * 69rem);
  position: relative;
}
.l-container #feature .container04-swiper01 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container04-swiper01 .swiper-pagination {
  position: absolute;
  width: calc(var(--scale-580) * 15rem);
  bottom: calc(var(--scale-580) * 1.6rem);
  left: auto;
  right: calc(var(--scale-580) * -1.9rem);
}
.l-container #feature .container04-swiper01 .swiper-pagination-bullet {
  width: calc(var(--scale-580) * 1.6rem);
  height: calc(var(--scale-580) * 1.6rem);
  background-color: #7d7d7d;
  opacity: 1;
}
.l-container #feature .container04-swiper01 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container04-swiper01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-580) * 2rem);
}
.l-container #feature .container04__img_19 {
  margin-top: calc(var(--scale-580) * 18.88rem);
}
.l-container #feature .container05 .sticky__wrap-03 {
  padding-top: calc(var(--scale-580) * 11.95rem);
}
.l-container #feature .container05 .sticky__wrap-03 .sticky-03__item {
  position: sticky;
  display: flex;
  align-items: flex-start;
}
.l-container #feature .container05 .sticky__wrap-03 .sticky-03__item:nth-child(1) {
  z-index: 1;
  top: calc(var(--scale-580) * 2rem);
  height: calc(60vw - var(--scale-580) * 2rem);
  transform: none;
}
.l-container #feature .container05 .sticky__wrap-03 .sticky-03__item:nth-child(2) {
  z-index: 2;
  top: calc(var(--scale-580) * 14rem);
  height: calc(60vw - var(--scale-580) * 14rem);
}
.l-container #feature .container05 .sticky__wrap-03 .sticky-03__item:nth-child(3) {
  z-index: 3;
  top: calc(var(--scale-580) * 84rem);
  height: calc(60vw - var(--scale-580) * 84rem);
}
.l-container #feature .container05 .sticky__wrap-03 .container05__img_20-01 {
  width: calc(var(--scale-580) * 60rem);
  margin-left: auto;
}
.l-container #feature .container05 .sticky__wrap-03 .container05__img_20-02,
.l-container #feature .container05 .sticky__wrap-03 .container05__img_20-03 {
  width: calc(var(--scale-580) * 51rem);
  margin-left: calc(var(--scale-580) * 3rem);
}
.l-container #feature .container05__img_21 {
  width: calc(var(--scale-580) * 48rem);
  margin: calc(var(--scale-580) * 18.89rem) auto 0;
}
.l-container #feature .container06-swiper01 {
  margin-top: calc(var(--scale-580) * 18.89rem);
  position: relative;
}
.l-container #feature .container06-swiper01 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container06-swiper01 .swiper-pagination {
  position: absolute;
  width: calc(var(--scale-580) * 15rem);
  bottom: calc(var(--scale-580) * 1.6rem);
  left: auto;
  right: calc(var(--scale-580) * -1.9rem);
}
.l-container #feature .container06-swiper01 .swiper-pagination-bullet {
  width: calc(var(--scale-580) * 1.6rem);
  height: calc(var(--scale-580) * 1.6rem);
  background-color: #7d7d7d;
  opacity: 1;
}
.l-container #feature .container06-swiper01 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container06-swiper01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-580) * 2rem);
}
.l-container #feature .container07 {
  margin-top: calc(var(--scale-580) * 18.8rem);
  padding-bottom: calc(var(--scale-580) * 18.8rem);
}
.l-container #feature .container07 .sticky__wrap-04 .sticky-04__item {
  position: sticky;
  top: calc(var(--scale-580) * 12rem);
  height: calc(var(--scale-580) * 100rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .container07 .sticky__wrap-04 .sticky-04__item:nth-child(1) {
  z-index: 1;
  transform: none;
}
.l-container #feature .container07 .sticky__wrap-04 .sticky-04__item:nth-child(2) {
  z-index: 2;
}
.l-container #feature .container07 .sticky__wrap-04 .sticky-04__item:nth-child(3) {
  z-index: 3;
}
.l-container #feature .container07 .sticky__wrap-04 .container07__img_23-02,
.l-container #feature .container07 .sticky__wrap-04 .container07__img_23-03 {
  width: calc(var(--scale-580) * 57rem);
}
.l-container #feature .container08-swiper01 {
  position: relative;
}
.l-container #feature .container08-swiper01 .swiper-slide img {
  object-fit: cover;
}
.l-container #feature .container08-swiper01 .swiper-pagination {
  position: absolute;
  width: calc(var(--scale-580) * 15rem);
  bottom: calc(var(--scale-580) * 1.6rem);
  left: auto;
  right: calc(var(--scale-580) * -1.9rem);
}
.l-container #feature .container08-swiper01 .swiper-pagination-bullet {
  width: calc(var(--scale-580) * 1.6rem);
  height: calc(var(--scale-580) * 1.6rem);
  background-color: #7d7d7d;
  opacity: 1;
}
.l-container #feature .container08-swiper01 .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.l-container #feature .container08-swiper01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2rem;
}
.l-container #feature .container08__img_25 {
  margin: calc(var(--scale-580) * 18.85rem) auto 0;
  width: calc(var(--scale-580) * 48rem);
}
.l-container #feature .container08__img_26 {
  margin: calc(var(--scale-580) * 18.85rem) auto 0;
  width: calc(var(--scale-580) * 69rem);
}
.l-container #feature .container08__img_27 {
  margin: calc(var(--scale-580) * 2rem) auto 0;
  width: calc(var(--scale-580) * 69rem);
}
.l-container #feature .container08 .all-items-txt__img {
  margin: calc(var(--scale-580) * 11.7rem) auto 0;
  width: calc(var(--scale-580) * 36.2rem);
}
.l-container #feature .container08__back {
  background-color: rgba(172, 196, 197, 0.7);
  margin-top: calc(var(--scale-580) * 14.9rem);
  padding: calc(var(--scale-580) * 10.3rem) 0 calc(var(--scale-580) * 10.3rem);
}
.l-container #feature .container08__back .bottom-txt__img {
  width: calc(var(--scale-580) * 40.9rem);
  margin: 0 auto;
}
.l-container #feature .pc-flex__left,
.l-container #feature .pc-flex__right {
  position: sticky;
  top: 20px;
  width: 100%;
  height: 100vh;
  z-index: 0;
  background-color: rgba(172, 196, 197, 0.7);
}
.l-container #feature .pc-flex__left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .pc-flex__left .pc-flex__left--img {
  width: 21.95rem;
}
.l-container #feature .pc-flex__right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .pc-flex__right .pc-flex__right--img {
  width: 18.05rem;
}
.l-container #feature .pc-flex__right .pc-flex__right--img a::after {
  width: 0;
  height: 0;
}
.l-container #feature .pc-flex__right .pc-flex__right--img a:hover {
  opacity: 0.6;
}
.l-container #feature .fade-from-right {
  opacity: 0;
  transform: translate3d(15px, 0, 0);
  transition: all 1.25s ease;
}
.l-container #feature .fade-from-right.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.l-container #feature .fade-from-left {
  opacity: 0;
  transform: translate3d(-15px, 0, 0);
  transition: all 1.25s ease;
}
.l-container #feature .fade-from-left.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.l-container #feature .fade {
  opacity: 0;
  transition: opacity 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-container #feature .fade.is-active {
  opacity: 1;
}

.pc-footer {
  margin: 0;
}

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

.feature-snslist {
  overflow: hidden;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}