html {
  font-size: 10px;
}

:root {
  --scale-510: 0.68;
}
.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: center;
  gap: 0 calc(var(--scale-510) * 2.5rem);
}
.l-container #feature .creditContainer li {
  width: fit-content;
  position: relative;
}
.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
  font-family: "jaf-bernina-sans-condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.2rem);
  line-height: calc(var(--scale-510) * 4.4rem);
  letter-spacing: 0.05em;
  color: #db7f95;
}
.l-container #feature .creditContainer li a .price {
  margin-left: calc(var(--scale-510) * 0.8rem);
}
.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 li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .creditContainer-01 {
  margin-top: calc(var(--scale-510) * 3.6rem);
}
.l-container #feature .creditContainer-01 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-01 .credit li a {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.7rem);
  line-height: calc(var(--scale-510) * 6rem);
  letter-spacing: 0.05em;
  color: #db7f95;
}
.l-container #feature .creditContainer-01 .credit li a .price {
  margin-left: calc(var(--scale-510) * 1.2rem);
  font-size: calc(var(--scale-510) * 3rem);
}
.l-container #feature .creditContainer-01 .credit li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .creditContainer-02 {
  width: calc(var(--scale-510) * 36rem);
  margin: calc(var(--scale-510) * 4.4rem) auto 0;
}
.l-container #feature .creditContainer-02 .credit li a .price {
  font-size: calc(var(--scale-510) * 2.4rem);
}
.l-container #feature .creditContainer-02 .credit li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .creditContainer-03 {
  width: calc(var(--scale-510) * 39rem);
  margin: calc(var(--scale-510) * 5.1rem) auto 0;
}
.l-container #feature .creditContainer-03 .credit li a .price {
  font-size: calc(var(--scale-510) * 2.4rem);
}
.l-container #feature .creditContainer-03 .credit li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .creditContainer-04 {
  width: calc(var(--scale-510) * 36rem);
  margin: calc(var(--scale-510) * 5.1rem) auto 0;
}
.l-container #feature .creditContainer-04 .credit li a .price {
  font-size: calc(var(--scale-510) * 2.4rem);
}
.l-container #feature .creditContainer-04 .credit li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .creditContainer-05, .l-container #feature .creditContainer-06 {
  margin-top: calc(var(--scale-510) * 3.6rem);
}
.l-container #feature .creditContainer-05 .credit, .l-container #feature .creditContainer-06 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-05 .credit li a, .l-container #feature .creditContainer-06 .credit li a {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.7rem);
  line-height: calc(var(--scale-510) * 6rem);
  letter-spacing: 0.05em;
  color: #db7f95;
}
.l-container #feature .creditContainer-05 .credit li a a .price, .l-container #feature .creditContainer-06 .credit li a a .price {
  margin-left: calc(var(--scale-510) * 1.2rem);
  font-size: calc(var(--scale-510) * 3rem);
}
.l-container #feature .creditContainer-05 .credit li::after, .l-container #feature .creditContainer-06 .credit li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #db7f95;
  bottom: 24%;
  left: 0;
}
.l-container #feature .pc-flex {
  display: flex;
}
.l-container #feature .pc-flex__center {
  width: 51rem;
  margin: 0 auto;
  overflow: clip;
}
.l-container #feature .pc-flex__left,
.l-container #feature .pc-flex__right {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
  background-color: #fff5f8;
}
.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: 17.29rem;
}
.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: 28rem;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__inner {
  margin: 0 auto 0;
}
.l-container #feature .hero__txt {
  margin-top: calc(var(--scale-510) * 12rem);
}
.l-container #feature .hero__txt-contents {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.4rem);
  line-height: calc(var(--scale-510) * 5.4rem);
  letter-spacing: 0.075em;
  color: #db7f95;
  line-height: calc(var(--scale-510) * 6rem);
}
.l-container #feature .hero__band {
  background-color: #db7f95;
  height: calc(var(--scale-510) * 6.6rem);
  margin-top: calc(var(--scale-510) * 10.35rem);
}
.l-container #feature .hero__band-contents {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(var(--scale-510) * 5rem);
  letter-spacing: 0.025em;
  color: #f9f8e4;
  animation: tikatika 1.5s step-end infinite;
}
.l-container #feature .hero__start-announce_img {
  margin: calc(var(--scale-510) * 4.4rem) auto 0;
  width: calc(var(--scale-510) * 46.2rem);
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  margin: 0 auto;
}
.l-container #feature .label_wrap {
  display: flex;
  gap: calc(var(--scale-510) * 1rem);
  justify-content: center;
}
.l-container #feature .label_wrap .label_item {
  width: calc(var(--scale-510) * 9rem);
}
.l-container #feature .container01 {
  margin-top: calc(var(--scale-510) * 13.8rem);
  background-color: #f9f8ea;
  padding-bottom: calc(var(--scale-510) * 8.4rem);
}
.l-container #feature .container01__img_01 {
  position: relative;
}
.l-container #feature .container01__img_01 .container01__img_01-txt {
  position: absolute;
  top: 37.7%;
  left: calc(var(--scale-510) * 30.6rem);
  pointer-events: none;
  text-align: right;
}
.l-container #feature .container01__img_01 .container01__img_01-txt p {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 13rem);
  line-height: calc(var(--scale-510) * 13rem);
  letter-spacing: 0.025em;
  color: #f9f8e4;
}
.l-container #feature .container01__txt {
  width: calc(var(--scale-510) * 58rem);
  text-align: justify;
  margin: calc(var(--scale-510) * 8.4rem) auto 0;
}
.l-container #feature .container01__txt-contents {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.4rem);
  line-height: calc(var(--scale-510) * 5.4rem);
  letter-spacing: 0.075em;
  color: #db7f95;
}
.l-container #feature .container01-swiper01 {
  margin-top: calc(var(--scale-510) * 5.2rem);
}
.l-container #feature .container01-swiper01 .swiper-slide {
  width: calc(var(--scale-510) * 28rem);
  margin-right: calc(var(--scale-510) * 0.1rem);
}
.l-container #feature .container01-swiper01 .swiper-slide a::after {
  width: 0;
  height: 0;
}
.l-container #feature .container01-swiper01 .swiper-slide a:hover {
  opacity: 0.6;
}
.l-container #feature .container01__label_wrap {
  margin-top: calc(var(--scale-510) * 3rem);
}
.l-container #feature .container02__img_02 {
  width: calc(var(--scale-510) * 52rem);
  margin-top: calc(var(--scale-510) * 14rem);
  margin-left: auto;
}
.l-container #feature .container02 .sticky__wrap-01 {
  padding-top: calc(var(--scale-510) * 4rem);
  width: calc(var(--scale-510) * 69rem);
  margin: calc(var(--scale-510) * 3.3rem) auto 0;
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item {
  position: sticky;
  top: calc(var(--scale-510) * 12rem);
  height: calc(var(--scale-510) * 105rem);
  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-510) * 105rem);
}
.l-container #feature .container02 .sticky__wrap-01 .sticky-01__item:nth-child(2) {
  z-index: 2;
}
.l-container #feature .container02 .sticky__wrap-01 .container02__img_03-02 {
  width: calc(var(--scale-510) * 60rem);
}
.l-container #feature .container02__img_04 {
  margin-top: calc(var(--scale-510) * 17.25rem);
  position: relative;
}
.l-container #feature .container02__img_04-yellow {
  position: absolute;
  width: calc(var(--scale-510) * 11.85rem);
  pointer-events: none;
}
.l-container #feature .container02__img_04-yellow-01 {
  top: calc(var(--scale-510) * 6rem);
  left: calc(var(--scale-510) * 55rem);
}
.l-container #feature .container02__img_04-yellow-02 {
  top: calc(var(--scale-510) * 54.4rem);
  left: 0;
  right: 0;
  margin: auto;
}
.l-container #feature .container02__img_04-yellow-03 {
  top: calc(var(--scale-510) * 102.7rem);
  left: calc(var(--scale-510) * 7.9rem);
}
.l-container #feature .container02 .container02-swiper01 {
  margin-top: calc(var(--scale-510) * 12rem);
}
.l-container #feature .container02 .container02-swiper01 .swiper-slide {
  width: calc(var(--scale-510) * 60rem);
  margin-right: calc(var(--scale-510) * 1rem);
  margin-left: calc(var(--scale-510) * 1rem);
}
.l-container #feature .container03 {
  background-color: #f9e8ea;
  margin-top: calc(var(--scale-510) * 17.3rem);
  padding-bottom: calc(var(--scale-510) * 19.3rem);
}
.l-container #feature .container03__img_07 {
  margin: calc(var(--scale-510) * 12rem) auto 0;
  width: calc(var(--scale-510) * 60rem);
  position: relative;
}
.l-container #feature .container03__img_07-txt {
  width: calc(var(--scale-510) * 8.38rem);
  position: absolute;
  top: calc(var(--scale-510) * 11.2rem);
  left: calc(var(--scale-510) * 45.8rem);
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition-property: clip-path;
  transition-duration: 0.9s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-container #feature .container03__img_07 .is-active.container03__img_07-txt {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.l-container #feature .container04__img_08 {
  position: relative;
}
.l-container #feature .container04__img_08-txt {
  position: absolute;
  top: 2.5%;
  left: calc(var(--scale-510) * 3.1rem);
  pointer-events: none;
  text-align: left;
}
.l-container #feature .container04__img_08-txt p {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 13rem);
  line-height: calc(var(--scale-510) * 13rem);
  letter-spacing: 0.025em;
  color: #f9f8e4;
}
.l-container #feature .container04__txt {
  width: calc(var(--scale-510) * 58rem);
  text-align: justify;
  margin: calc(var(--scale-510) * 8.4rem) auto 0;
}
.l-container #feature .container04__txt-contents {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.4rem);
  line-height: calc(var(--scale-510) * 5.4rem);
  letter-spacing: 0.075em;
  color: #db7f95;
}
.l-container #feature .container04-swiper01 {
  margin-top: calc(var(--scale-510) * 5.2rem);
}
.l-container #feature .container04-swiper01 .swiper-slide {
  width: calc(var(--scale-510) * 22rem);
  margin-right: calc(var(--scale-510) * 2rem);
}
.l-container #feature .container04__label_wrap {
  margin-top: calc(var(--scale-510) * 2rem);
}
.l-container #feature .container04__flex {
  margin-top: calc(var(--scale-510) * 8.4rem);
  display: flex;
  justify-content: space-between;
  gap: calc(var(--scale-510) * 1rem);
  flex-wrap: wrap;
}
.l-container #feature .container04__flex-item {
  width: calc(50% - var(--scale-510) * 0.5rem);
}
.l-container #feature .container05 {
  margin-top: calc(var(--scale-510) * 20rem);
  background-color: #f9f8ea;
  padding-bottom: calc(var(--scale-510) * 59.4rem);
}
.l-container #feature .container05__img_10 {
  position: relative;
}
.l-container #feature .container05__img_10-txt {
  position: absolute;
  top: 63.5%;
  left: calc(var(--scale-510) * 31.2rem);
  pointer-events: none;
  text-align: right;
}
.l-container #feature .container05__img_10-txt p {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 13rem);
  line-height: calc(var(--scale-510) * 13rem);
  letter-spacing: 0.025em;
  color: #f9f8e4;
}
.l-container #feature .container05__txt {
  width: calc(var(--scale-510) * 58rem);
  text-align: justify;
  margin: calc(var(--scale-510) * 8.4rem) auto 0;
}
.l-container #feature .container05__txt-contents {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.4rem);
  line-height: calc(var(--scale-510) * 5.4rem);
  letter-spacing: 0.075em;
  color: #db7f95;
}
.l-container #feature .container05-swiper01 {
  margin-top: calc(var(--scale-510) * 6.2rem);
}
.l-container #feature .container05-swiper01 .swiper-slide {
  width: calc(var(--scale-510) * 17.5rem);
  margin-right: calc(var(--scale-510) * 2rem);
}
.l-container #feature .container05-swiper01 .swiper-slide a::after {
  width: 0;
  height: 0;
}
.l-container #feature .container05-swiper01 .swiper-slide a:hover {
  opacity: 0.6;
}
.l-container #feature .container05__label_wrap {
  margin-top: calc(var(--scale-510) * 4rem);
}
.l-container #feature .container06 {
  margin-top: calc(var(--scale-510) * -62.25rem);
}
.l-container #feature .container06 .sticky__wrap-02 {
  padding-top: calc(var(--scale-510) * 3rem);
  width: calc(var(--scale-510) * 68rem);
  margin: calc(var(--scale-510) * 6.7rem) auto 0;
}
.l-container #feature .container06 .sticky__wrap-02 .sticky-02__item {
  position: sticky;
  top: calc(var(--scale-510) * 10rem);
  height: calc(var(--scale-510) * 103rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-container #feature .container06 .sticky__wrap-02 .sticky-02__item:nth-child(1) {
  z-index: 1;
  transform: none;
  height: calc(var(--scale-510) * 105rem);
}
.l-container #feature .container06 .sticky__wrap-02 .sticky-02__item:nth-child(2) {
  z-index: 2;
}
.l-container #feature .container06 .sticky__wrap-02 .container06__img_11-02 {
  width: calc(var(--scale-510) * 55rem);
}
.l-container #feature .container07 {
  margin-top: calc(var(--scale-510) * 20.6rem);
}
.l-container #feature .container07__bg_img {
  width: calc(var(--scale-510) * 54rem);
  margin-left: auto;
}
.l-container #feature .container07__img_12 {
  width: calc(var(--scale-510) * 54rem);
  margin: calc(var(--scale-510) * -65.3rem) auto 0;
  position: relative;
}
.l-container #feature .container07__img_12-txt {
  width: calc(var(--scale-510) * 37.9rem);
  position: absolute;
  top: calc(var(--scale-510) * -9rem);
  left: calc(var(--scale-510) * 13.8rem);
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition-property: clip-path;
  transition-duration: 0.9s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-container #feature .container07__img_12 .is-active.container07__img_12-txt {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.l-container #feature .container08 {
  margin-top: calc(var(--scale-510) * 11.2rem);
  margin-bottom: calc(var(--scale-510) * 20rem);
}
.l-container #feature .container08__staff {
  text-align: center;
}
.l-container #feature .container08__staff p {
  font-family: "jaf-bernina-sans-comp", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--scale-510) * 2.8rem);
  line-height: calc(var(--scale-510) * 4.8rem);
  letter-spacing: 0.05em;
  color: #db7f95;
}
.l-container #feature .container08 .check-all-items_img {
  width: calc(var(--scale-510) * 58rem);
  margin: calc(var(--scale-510) * 10.8rem) auto 0;
}
.l-container #feature .fade {
  opacity: 0;
  filter: blur(calc(var(--scale-510) * 0.5rem));
  transition: opacity 1.1s ease, filter 1.1s ease;
}
.l-container #feature .fade.is-active {
  opacity: 1;
  filter: blur(0);
}
@keyframes tikatika {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.l-container #feature .container02__img_04-yellow {
  transition: 0s;
}
.l-container #feature .container02__img_04-yellow-01 {
  opacity: 0;
  transition-delay: 0.5s;
}
.l-container #feature .container02__img_04-yellow-02 {
  opacity: 0;
  transition-delay: 0.8s;
}
.l-container #feature .container02__img_04-yellow-03 {
  opacity: 0;
  transition-delay: 1.1s;
}
.l-container #feature .is-active .container02__img_04-yellow {
  opacity: 1;
}
.l-container #feature .container04__flex-item {
  opacity: 0;
  transition: opacity 0.33333333s ease;
}
.l-container #feature .is-active .container04__flex-item {
  opacity: 1;
}
.l-container #feature .delay_1 {
  transition-delay: 0.13s;
}
.l-container #feature .delay_2 {
  transition-delay: 0.27s;
}
.l-container #feature .delay_3 {
  transition-delay: 0.53s;
}
.l-container #feature .swiper__wrap {
  overflow: hidden;
  width: 100%;
}
.l-container #feature .swiper__wrap .swiper-container {
  width: 100%;
}
.l-container #feature .swiper__wrap .swiper-wrapper {
  display: flex;
  width: max-content;
  will-change: transform;
}
.l-container #feature .swiper__wrap .swiper-slide {
  flex-shrink: 0;
}

.pc-footer {
  margin: 0;
}

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

.feature-snslist {
  overflow: hidden;
}

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