@charset "UTF-8";
html {
  font-size: 10px;
  scroll-behavior: smooth;
}

:root {
  --scale-404: 0.539;
  --scale-1400: 1.093;
}
.l-container {
  width: 100%;
}

.l-container #feature {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  overflow: clip;
}
.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;
  opacity: 1;
}
.l-container #feature a:hover {
  cursor: pointer;
  opacity: 0.6;
  transition: 0.4s;
}
.l-container #feature .swiper-wrapper 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 .swiper-wrapper a:hover {
  opacity: 1;
  cursor: pointer;
}
.l-container #feature .swiper-wrapper a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature .container05__img_02 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;
  border-radius: 2%;
}
.l-container #feature .container05__img_02 a:hover {
  opacity: 1;
  cursor: pointer;
}
.l-container #feature .container05__img_02 a:hover::after {
  opacity: 1;
  transition: 0.4s;
}
.l-container #feature .container05__img_04 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;
  border-top-left-radius: 25%;
}
.l-container #feature .container05__img_04 a:hover {
  opacity: 1;
  cursor: pointer;
}
.l-container #feature .container05__img_04 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 {
  max-width: 100%;
  font-size: calc(var(--scale-404) * 2.3rem);
  line-height: calc(var(--scale-404) * 3.56rem);
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  gap: 0 calc(var(--scale-404) * 2.3rem);
}
.l-container #feature .creditContainer li {
  width: fit-content;
}
.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
}
.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 .price {
  margin-left: calc(var(--scale-404) * 0.5rem);
}
.l-container #feature .creditContainer-01 {
  width: calc(var(--scale-404) * 53rem);
  margin: calc(var(--scale-404) * 8rem) auto 0;
}
.l-container #feature .creditContainer-01 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-01 li:first-child {
  width: 100%;
}
.l-container #feature .creditContainer-01 li:nth-child(3) {
  position: relative;
}
.l-container #feature .creditContainer-01 li:nth-child(3)::after {
  content: "/";
  color: #8fa0d6;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -2rem);
}
.l-container #feature .creditContainer-01 li a {
  color: #8fa0d6;
  margin: auto;
}
.l-container #feature .creditContainer-02 {
  position: absolute;
  top: calc(var(--scale-404) * 48.6rem);
  left: calc(var(--scale-404) * 28.5rem);
}
.l-container #feature .creditContainer-02::before {
  content: "";
  background-image: url("../img/creditContainer-02_img.svg");
  width: calc(var(--scale-404) * 3.79rem);
  height: calc(var(--scale-404) * 3.79rem);
  position: absolute;
  top: calc(var(--scale-404) * -0.2rem);
  left: calc(var(--scale-404) * -5rem);
}
.l-container #feature .creditContainer-02 li a {
  color: #fff;
}
.l-container #feature .creditContainer-03 {
  width: calc(var(--scale-404) * 45rem);
  margin-top: calc(var(--scale-404) * 3.2rem);
  margin-left: calc(var(--scale-404) * 4.7rem);
}
.l-container #feature .creditContainer-03 li:nth-child(2), .l-container #feature .creditContainer-03 li:nth-child(4) {
  position: relative;
}
.l-container #feature .creditContainer-03 li:nth-child(2)::before, .l-container #feature .creditContainer-03 li:nth-child(4)::before {
  content: "/";
  color: #8fa0d6;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.6rem);
}
.l-container #feature .creditContainer-03 li a {
  color: #8fa0d6;
}
.l-container #feature .creditContainer-04 {
  width: calc(var(--scale-404) * 34rem);
  margin-top: calc(var(--scale-404) * -4.1rem);
  margin-left: calc(var(--scale-404) * 10.4rem);
}
.l-container #feature .creditContainer-04 li a {
  color: #eda9c1;
}
.l-container #feature .creditContainer-05 {
  width: calc(var(--scale-404) * 54rem);
  margin: calc(var(--scale-404) * 3rem) auto 0;
}
.l-container #feature .creditContainer-05 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-05 li:nth-child(2) {
  position: relative;
}
.l-container #feature .creditContainer-05 li:nth-child(2)::before {
  content: "/";
  color: #eda9c1;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.9rem);
}
.l-container #feature .creditContainer-05 li a {
  color: #eda9c1;
}
.l-container #feature .creditContainer-06 {
  width: calc(var(--scale-404) * 45rem);
  margin: calc(var(--scale-404) * 3.45rem) auto 0;
}
.l-container #feature .creditContainer-06 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-06 li:nth-child(2), .l-container #feature .creditContainer-06 li:nth-child(4) {
  position: relative;
}
.l-container #feature .creditContainer-06 li:nth-child(2)::before, .l-container #feature .creditContainer-06 li:nth-child(4)::before {
  content: "/";
  color: #eda9c1;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.6rem);
}
.l-container #feature .creditContainer-06 li a {
  color: #eda9c1;
}
.l-container #feature .creditContainer-07 {
  margin: calc(var(--scale-404) * 12.3rem) auto 0;
}
.l-container #feature .creditContainer-07 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-07 li a {
  color: #fff;
}
.l-container #feature .creditContainer-08 li a, .l-container #feature .creditContainer-09 li a, .l-container #feature .creditContainer-10 li a {
  color: #fff;
}
.l-container #feature .creditContainer-08 li:nth-child(2), .l-container #feature .creditContainer-08 li:nth-child(3) {
  position: relative;
}
.l-container #feature .creditContainer-08 li:nth-child(2)::before, .l-container #feature .creditContainer-08 li:nth-child(3)::before {
  content: "/";
  color: #fff;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.8rem);
}
.l-container #feature .creditContainer-10 li:nth-child(2) {
  position: relative;
}
.l-container #feature .creditContainer-10 li:nth-child(2)::before {
  content: "/";
  color: #fff;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.8rem);
}
.l-container #feature .creditContainer-11 {
  width: calc(var(--scale-404) * 19rem);
  margin-top: calc(var(--scale-404) * 2.3rem);
  margin-left: calc(var(--scale-404) * 7rem);
  position: relative;
  z-index: 11;
}
.l-container #feature .creditContainer-11 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-11 li a {
  color: #93ccb5;
}
.l-container #feature .creditContainer-12 {
  width: calc(var(--scale-404) * 19rem);
  margin-top: calc(var(--scale-404) * 2.2rem);
  margin-left: calc(var(--scale-404) * 47.1rem);
}
.l-container #feature .creditContainer-12 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-12 li a {
  color: #93ccb5;
}
.l-container #feature .creditContainer-13 .credit, .l-container #feature .creditContainer-14 .credit {
  justify-content: center;
}
.l-container #feature .creditContainer-13 li a, .l-container #feature .creditContainer-14 li a {
  color: #93ccb5;
}
.l-container #feature .creditContainer-13 li:nth-child(2), .l-container #feature .creditContainer-14 li:nth-child(2) {
  position: relative;
}
.l-container #feature .creditContainer-13 li:nth-child(2)::before, .l-container #feature .creditContainer-14 li:nth-child(2)::before {
  content: "/";
  color: #93ccb5;
  position: absolute;
  top: 0;
  left: calc(var(--scale-404) * -1.8rem);
}
.l-container #feature .pc-flex {
  display: flex;
}
.l-container #feature .pc__center {
  width: 40.4rem;
  margin: 0 auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: clip;
  z-index: 10;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
  padding-top: calc(var(--scale-404) * 57.1rem);
  background-color: #fffdeb;
  /* 写真の“表示枠”を固定（ここがポイント） */
}
.l-container #feature .hero__bgWrap {
  position: relative;
  width: calc(var(--scale-404) * 60.3rem);
  margin: 0 auto;
  aspect-ratio: 603.204/432.552;
}
.l-container #feature .hero {
  /* 写真（フェード） */
}
.l-container #feature .hero__bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
  will-change: opacity;
}
.l-container #feature .hero__bg.is-active {
  opacity: 1;
}
.l-container #feature .hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ★枠に合わせて統一 */
  object-position: center;
  display: block;
}
.l-container #feature .hero {
  /* 装飾（透明PNG：上に重ねる） */
}
.l-container #feature .hero__deco {
  position: absolute;
  opacity: 0;
  transition: opacity 1.2s ease;
  will-change: opacity;
  pointer-events: none;
  z-index: 2;
}
.l-container #feature .hero__deco.is-active {
  opacity: 1;
}
.l-container #feature .hero__deco-01 {
  width: calc(var(--scale-404) * 68.4rem);
  top: calc(var(--scale-404) * -3.3rem);
  left: calc(var(--scale-404) * -4.4rem);
}
.l-container #feature .hero__deco-02 {
  width: calc(var(--scale-404) * 66.8rem);
  top: calc(var(--scale-404) * -2.5rem);
  left: calc(var(--scale-404) * -4.2rem);
}
.l-container #feature .hero__deco-03 {
  width: calc(var(--scale-404) * 13.8rem);
  top: calc(var(--scale-404) * -1.9rem);
  left: calc(var(--scale-404) * 48.8rem);
}
.l-container #feature .hero__deco-04 {
  width: calc(var(--scale-404) * 52.7rem);
  top: calc(var(--scale-404) * -2.7rem);
  left: calc(var(--scale-404) * 11.4rem);
}
.l-container #feature .hero {
  /* ★重要：decoは“同じキャンバス”で書き出してる前提ならこれでOK */
}
.l-container #feature .hero__deco img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 透明PNGを歪ませずに重ねる */
  display: block;
}
.l-container #feature .hero {
  /* common固定（枠の外にある想定ならこのまま） */
}
.l-container #feature .hero__common__img {
  position: absolute;
  top: calc(var(--scale-404) * 12rem);
  left: calc(var(--scale-404) * 0.8rem);
  width: calc(var(--scale-404) * 70.6rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .hero__common__img img {
  width: 100%;
  display: block;
}
.l-container #feature .hero {
  /* SVG */
}
.l-container #feature .hero__txtWrap {
  position: absolute;
  top: calc(var(--scale-404) * 7.8rem);
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--scale-404) * 67.1rem);
  z-index: 4;
  pointer-events: none;
}
.l-container #feature .hero__txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.75s ease;
  will-change: opacity;
}
.l-container #feature .hero__txt.is-active {
  opacity: 1;
}
.l-container #feature .hero__common_txt {
  margin-top: calc(var(--scale-404) * 13.5rem);
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 4.55rem);
  color: #999;
}
.l-container #feature .hero__common_txt-02 {
  margin: calc(var(--scale-404) * 3.2rem) 0 0 0;
}
.l-container #feature .hero__inner {
  width: 40.4rem;
  margin: 0 auto 0;
}
.l-container #feature .hero__img {
  margin: 0 auto 0;
}
.l-container #feature .container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.l-container #feature .container__inner {
  width: 40.4rem;
  margin: 0 auto;
}
.l-container #feature .container .zen-kaku-gothic-new_medium {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.l-container #feature .container01 {
  background-color: #fffdeb;
  padding-top: calc(var(--scale-404) * 12rem);
  padding-bottom: calc(var(--scale-404) * 12rem);
}
.l-container #feature .container01__4scenes {
  position: relative;
  background-color: #fff;
  width: calc(var(--scale-404) * 62rem);
  margin: auto;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: calc(var(--scale-404) * 3rem);
  padding-bottom: calc(var(--scale-404) * 10.5rem);
}
.l-container #feature .container01__4scenes__img_ttl {
  width: calc(var(--scale-404) * 30.2rem);
  position: relative;
  top: calc(var(--scale-404) * 4rem);
  left: 0;
  right: 0;
  margin: auto;
}
.l-container #feature .container01__4scenes_txt {
  margin-top: calc(var(--scale-404) * 6.2rem);
  margin-left: calc(var(--scale-404) * 1.2rem);
  font-size: calc(var(--scale-404) * 2.4rem);
  line-height: calc(var(--scale-404) * 4.2rem);
  color: #999;
}
.l-container #feature .container01__4scenes--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--scale-404) * 5.4rem) calc(var(--scale-404) * 6rem);
  margin-top: calc(var(--scale-404) * 5.3rem);
  margin-left: calc(var(--scale-404) * 0.6rem);
}
.l-container #feature .container01__4scenes--flex__items {
  width: calc(var(--scale-404) * 21.9rem);
}
.l-container #feature .container02 {
  background-color: #fffdeb;
  padding-top: calc(var(--scale-404) * 22.5rem);
  padding-bottom: calc(var(--scale-404) * 18rem);
}
.l-container #feature .container02__hero {
  position: relative;
}
.l-container #feature .container02__hero__ttl_img {
  width: calc(var(--scale-404) * 53.2rem);
  position: absolute;
  top: calc(var(--scale-404) * -11.3rem);
  left: calc(var(--scale-404) * 12rem);
}
.l-container #feature .container02__hero__copy_img-01 {
  width: calc(var(--scale-404) * 3.05rem);
  position: absolute;
  top: calc(var(--scale-404) * 11.1rem);
  left: calc(var(--scale-404) * 67.8rem);
}
.l-container #feature .container02__hero__copy_img-02 {
  width: calc(var(--scale-404) * 3.6rem);
  position: absolute;
  top: calc(var(--scale-404) * 32.4rem);
  left: calc(var(--scale-404) * 62.9rem);
}
.l-container #feature .container02__hero_txt {
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 4.9rem);
  letter-spacing: calc(var(--scale-404) * 0.02em);
  color: #8fa0d6;
  margin-top: calc(var(--scale-404) * 6.3rem);
}
.l-container #feature .container02__hero_txt span {
  margin-left: calc(var(--scale-404) * 1.5rem);
}
.l-container #feature .container02__swiper {
  width: calc(var(--scale-404) * 52.6rem);
  height: calc(var(--scale-404) * 67.8rem);
  margin: auto;
  margin-top: calc(var(--scale-404) * 9.5rem);
  position: relative;
}
.l-container #feature .container02__swiper .swiper-container {
  overflow: visible;
}
.l-container #feature .container02__swiper .swiper-pagination {
  position: absolute;
  bottom: calc(var(--scale-404) * -5.1rem);
}
.l-container #feature .container02__swiper .swiper-pagination-bullet {
  width: calc(var(--scale-404) * 1.65rem);
  height: calc(var(--scale-404) * 1.65rem);
  background-color: #e6e6e6;
  opacity: 1;
}
.l-container #feature .container02__swiper .swiper-pagination-bullet-active {
  background-color: #8fa0d6;
  opacity: 1;
}
.l-container #feature .container02__swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(var(--scale-404) * 1.1rem);
}
.l-container #feature .container02__swiper .container02__popcorn_img {
  width: calc(var(--scale-404) * 27.7rem);
  position: absolute;
  top: calc(var(--scale-404) * 44.7rem);
  left: calc(var(--scale-404) * -11.1rem);
  z-index: 10;
}
.l-container #feature .container02__swiper .container02__pop_img {
  width: calc(var(--scale-404) * 11.9rem);
  position: absolute;
  top: calc(var(--scale-404) * 71rem);
  left: calc(var(--scale-404) * -6rem);
  z-index: 10;
}
.l-container #feature .container02__img_03 {
  width: calc(var(--scale-404) * 71.9rem);
  margin-left: auto;
  margin-top: calc(var(--scale-404) * 6.3rem);
  position: relative;
}
.l-container #feature .container02__img_03 a::after {
  width: 0;
  height: 0;
}
.l-container #feature .container02__img_03 a:hover {
  opacity: 0.6;
}
.l-container #feature .container02__img_04 {
  width: calc(var(--scale-404) * 63.8rem);
  margin-top: calc(var(--scale-404) * 4.3rem);
}
.l-container #feature .container03 {
  background-color: #fff8f8;
  padding-top: calc(var(--scale-404) * 26.2rem);
  padding-bottom: calc(var(--scale-404) * 8rem);
}
.l-container #feature .container03__hero {
  position: relative;
}
.l-container #feature .container03__hero__ttl_img {
  width: calc(var(--scale-404) * 58.9rem);
  position: absolute;
  top: calc(var(--scale-404) * -11rem);
  left: calc(var(--scale-404) * 7.7rem);
}
.l-container #feature .container03__hero__copy_img-01 {
  width: calc(var(--scale-404) * 2.7rem);
  position: absolute;
  top: calc(var(--scale-404) * 18.5rem);
  left: calc(var(--scale-404) * 10.4rem);
}
.l-container #feature .container03__hero__copy_img-02 {
  width: calc(var(--scale-404) * 4.8rem);
  position: absolute;
  top: calc(var(--scale-404) * 35.9rem);
  left: calc(var(--scale-404) * 4.7rem);
}
.l-container #feature .container03__hero_txt {
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 4.9rem);
  letter-spacing: calc(var(--scale-404) * 0.02em);
  color: #eda9c1;
  margin-top: calc(var(--scale-404) * 5.6rem);
}
.l-container #feature .container03__hero_txt span {
  margin-left: calc(var(--scale-404) * 1.5rem);
}
.l-container #feature .container03__img_02 {
  width: calc(var(--scale-404) * 55.1rem);
  margin: calc(var(--scale-404) * 7.7rem) auto 0;
}
.l-container #feature .container03__img_03 {
  width: calc(var(--scale-404) * 34.8rem);
  position: relative;
  top: calc(var(--scale-404) * 17.9rem);
  margin-left: auto;
}
.l-container #feature .container03__img_03-txt {
  width: calc(var(--scale-404) * 24.1rem);
  position: absolute;
  top: calc(var(--scale-404) * -6.4rem);
  left: calc(var(--scale-404) * -20.6rem);
}
.l-container #feature .container03__swiper {
  width: calc(var(--scale-404) * 30.5rem);
  height: calc(var(--scale-404) * 43.4rem);
  top: calc(var(--scale-404) * -5.8rem);
  left: calc(var(--scale-404) * 4.6rem);
  position: relative;
}
.l-container #feature .container03__cake_img {
  width: calc(var(--scale-404) * 34rem);
  position: relative;
  top: calc(var(--scale-404) * -15.1rem);
  right: calc(var(--scale-404) * -4.8rem);
  margin-left: auto;
}
.l-container #feature .container03__img_05 {
  width: calc(var(--scale-404) * 60rem);
  margin: calc(var(--scale-404) * -6.4rem) auto 0;
}
.l-container #feature .container03__img_06 {
  margin-top: calc(var(--scale-404) * 15.45rem);
}
.l-container #feature .container03__cupcakes_img {
  margin-top: calc(var(--scale-404) * 6.9rem);
}
.l-container #feature .container04 {
  background-image: linear-gradient(180deg, #fff8f8 2%, #739bbf 5%);
  padding-top: calc(var(--scale-404) * 21.35rem);
  padding-bottom: calc(var(--scale-404) * 8.3rem);
}
.l-container #feature .container04__hero {
  position: relative;
}
.l-container #feature .container04__hero__ttl_img {
  position: absolute;
  width: calc(var(--scale-404) * 50.6rem);
  top: calc(var(--scale-404) * 19.2rem);
  left: calc(var(--scale-404) * 13rem);
}
.l-container #feature .container04__hero .hero__copy-fade {
  top: calc(var(--scale-404) * 25rem);
}
.l-container #feature .container04__hero__copy_img {
  width: calc(var(--scale-404) * 5.1rem);
  position: absolute;
  top: calc(var(--scale-404) * 32.8rem);
  left: calc(var(--scale-404) * 3.1rem);
}
.l-container #feature .container04__hero_txt {
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 4.9rem);
  letter-spacing: calc(var(--scale-404) * 0.04em);
  color: #fff;
  margin-top: calc(var(--scale-404) * 2.6rem);
}
.l-container #feature .container04__hero_txt span {
  margin-left: calc(var(--scale-404) * 1.5rem);
}
.l-container #feature .container04 .card {
  position: relative;
  width: calc(var(--scale-404) * 59.2rem);
  height: calc(var(--scale-404) * 80rem);
  perspective: 1000px;
  transform-style: preserve-3d;
  top: calc(var(--scale-404) * 6.6rem);
  left: calc(var(--scale-404) * 8.3rem);
}
.l-container #feature .container04 .card .cardface {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  backface-visibility: hidden;
}
.l-container #feature .container04 .card .cardface__back {
  transform: none;
}
.l-container #feature .container04 .card.is-flipped .cardface__back {
  transform: rotateY(180deg);
}
.l-container #feature .container04 .card .cardface__front {
  transform: rotateY(180deg);
}
.l-container #feature .container04 .card.is-flipped .cardface__front {
  transform: rotateY(360deg);
}
.l-container #feature .container04__stars_img {
  width: calc(var(--scale-404) * 61rem);
  margin-left: calc(var(--scale-404) * 12.5rem);
  margin-top: calc(var(--scale-404) * -1.3rem);
}
.l-container #feature .container04__img_03 {
  width: calc(var(--scale-404) * 69.25rem);
  margin-top: calc(var(--scale-404) * 1.1rem);
}
.l-container #feature .container04__creditContainer--wrap {
  text-align: justify;
  width: calc(var(--scale-404) * 58rem);
  margin-top: calc(var(--scale-404) * 3.4rem);
  margin-left: calc(var(--scale-404) * 5.6rem);
}
.l-container #feature .container04__creditContainer--wrap p {
  margin: 0;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-404) * 2.3rem);
  line-height: calc(var(--scale-404) * 3.56rem);
  color: #fff;
}
.l-container #feature .container04__creditContainer--wrap .center {
  margin-top: calc(var(--scale-404) * 1.9rem);
}
.l-container #feature .container04__creditContainer--wrap .right {
  margin-top: calc(var(--scale-404) * 1.7rem);
}
.l-container #feature .container04__shooting-star_img {
  width: calc(var(--scale-404) * 14.4rem);
  margin-top: calc(var(--scale-404) * -9rem);
  margin-left: calc(var(--scale-404) * 52.3rem);
}
.l-container #feature .container05 {
  background-color: #fffdeb;
  padding-bottom: calc(var(--scale-404) * 18.6rem);
}
.l-container #feature .container05__hero {
  position: relative;
}
.l-container #feature .container05__hero__ttl_img {
  width: calc(var(--scale-404) * 39.6rem);
  position: absolute;
  top: calc(var(--scale-404) * 10.9rem);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}
.l-container #feature .container05__hero__copy_img {
  width: calc(var(--scale-404) * 3.7rem);
  position: absolute;
  top: calc(var(--scale-404) * 26.9rem);
  left: calc(var(--scale-404) * 65.8rem);
  z-index: 10;
}
.l-container #feature .container05__hero_txt {
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 4.9rem);
  letter-spacing: calc(var(--scale-404) * 0.04em);
  color: #93ccb5;
  margin-top: calc(var(--scale-404) * 5.6rem);
}
.l-container #feature .container05__hero_txt span {
  margin-left: calc(var(--scale-404) * 1.5rem);
}
.l-container #feature .container05__img_02 {
  width: calc(var(--scale-404) * 51.2rem);
  position: relative;
  margin: calc(var(--scale-404) * 8.15rem) auto 0;
}
.l-container #feature .container05__img_02 .container05__books_img {
  width: calc(var(--scale-404) * 31.3rem);
  position: absolute;
  bottom: calc(var(--scale-404) * -15.1rem);
  right: calc(var(--scale-404) * -17.1rem);
}
.l-container #feature .container05__img_03 {
  width: calc(var(--scale-404) * 32.85rem);
  margin-top: calc(var(--scale-404) * 13.9rem);
  position: relative;
  z-index: 11;
}
.l-container #feature .container05__img_03 .container05__speech-bubble_img {
  width: calc(var(--scale-404) * 19.1rem);
  position: absolute;
  top: calc(var(--scale-404) * 6.25rem);
  right: calc(var(--scale-404) * -24.8rem);
}
.l-container #feature .container05 .bears__wrap {
  position: relative;
  top: calc(var(--scale-404) * -31.5rem);
}
.l-container #feature .container05 .bears__wrap .container05__img_04 {
  width: calc(var(--scale-404) * 36.8rem);
  position: relative;
  margin-left: auto;
  right: 0;
  z-index: 10;
}
.l-container #feature .container05 .bears__wrap .container05__bear_img {
  width: calc(var(--scale-404) * 29.6rem);
  position: absolute;
  bottom: calc(var(--scale-404) * 7.9rem);
  left: calc(var(--scale-404) * 20.1rem);
  z-index: 0;
}
.l-container #feature .container05__img_05 {
  width: calc(var(--scale-404) * 62.4rem);
  margin: calc(var(--scale-404) * -21.5rem) auto 0;
  position: relative;
}
.l-container #feature .container05__img_05 .container05__zzz_img {
  width: calc(var(--scale-404) * 8rem);
  position: absolute;
  top: calc(var(--scale-404) * -3.3rem);
  right: calc(var(--scale-404) * 7.9rem);
}
.l-container #feature .container05__creditContainer--wrap {
  text-align: center;
  width: calc(var(--scale-404) * 53rem);
  margin: calc(var(--scale-404) * 4.1rem) auto 0;
}
.l-container #feature .container05__creditContainer--wrap p {
  margin: 0;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-404) * 2.3rem);
  line-height: calc(var(--scale-404) * 3.56rem);
  color: #93ccb5;
}
.l-container #feature .container05__creditContainer--wrap .right {
  margin-top: calc(var(--scale-404) * 3rem);
}
.l-container #feature .container06 {
  background-color: #fff;
  padding-bottom: calc(var(--scale-404) * 16rem);
}
.l-container #feature .container06__main {
  margin-top: calc(var(--scale-404) * 18.4rem);
  position: relative;
}
.l-container #feature .container06__main::before {
  content: "";
  width: calc(var(--scale-404) * 62.3rem);
  height: calc(var(--scale-404) * 0.2rem);
  background-color: #eda9ae;
  position: absolute;
  top: calc(var(--scale-404) * -3.55rem);
  left: 0;
  right: 0;
  margin: auto;
}
.l-container #feature .container06__main::after {
  content: "";
  width: calc(var(--scale-404) * 62.3rem);
  height: calc(var(--scale-404) * 0.2rem);
  background-color: #eda9ae;
  position: absolute;
  bottom: calc(var(--scale-404) * -6.9rem);
  left: 0;
  right: 0;
  margin: auto;
}
.l-container #feature .container06__main .swiper-container {
  width: calc(var(--scale-404) * 44.1rem);
}
.l-container #feature .container06__main__ttl_img {
  width: calc(var(--scale-404) * 50rem);
  margin: calc(var(--scale-404) * 1.9rem) auto 0;
}
.l-container #feature .container06__main_txt {
  font-size: calc(var(--scale-404) * 2.6rem);
  line-height: calc(var(--scale-404) * 3.95rem);
  color: #999;
  margin-top: calc(var(--scale-404) * 3.5rem);
  margin-left: calc(var(--scale-404) * 1.3rem);
}
.l-container #feature .container06__main_txt span {
  margin-left: calc(var(--scale-404) * -1.3rem);
}
.l-container #feature .container06__view-all_img {
  width: calc(var(--scale-404) * 55.5rem);
  margin: calc(var(--scale-404) * 21.1rem) auto 0;
}
.l-container #feature .container06__view-all_txt {
  width: calc(var(--scale-404) * 23rem);
  margin: calc(var(--scale-404) * 2.2rem) auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(var(--scale-404) * 2.3rem);
  line-height: calc(var(--scale-404) * 3.95rem);
  color: #999;
}
.l-container #feature .container06__bottom_img {
  width: calc(var(--scale-404) * 70.3rem);
  position: relative;
  margin: calc(var(--scale-404) * 13.9rem) auto 0;
}
.l-container #feature .container06__bottom_img .staff {
  width: calc(var(--scale-404) * 42rem);
  position: absolute;
  top: calc(var(--scale-404) * 28.5rem);
  left: calc(var(--scale-404) * 14.2rem);
}
.l-container #feature .container06__bottom_img .staff p {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--scale-404) * 2.3rem);
  line-height: calc(var(--scale-404) * 3.567rem);
  color: #fff;
}
.l-container #feature .fixed-btn {
  position: sticky;
  width: 100%;
  bottom: 5vh;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  display: none;
  justify-content: space-evenly;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.l-container #feature .fixed-btn .bottom-btn {
  width: calc(var(--scale-404) * 12.2rem);
}
.l-container #feature .fixed-btn .bottom-btn a::after {
  content: "";
  width: 0;
  height: 0;
}
.l-container #feature .fixed-btn .bottom-btn img:hover {
  opacity: 0.7;
}
.l-container #feature .fixed-btn.is-show {
  opacity: 1;
  visibility: visible;
}
.l-container #feature .f-right, .l-container #feature .f-left {
  flex: 1;
}
.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: #fffdeb;
}
.l-container #feature .pc-flex__left--inner {
  position: relative;
  top: 26.2%;
  right: 2rem;
}
.l-container #feature .pc__left-01, .l-container #feature .pc__left-02, .l-container #feature .pc__left-03, .l-container #feature .pc__left-04 {
  width: 100%;
  display: none;
}
.l-container #feature .pc__left-01.show, .l-container #feature .pc__left-02.show, .l-container #feature .pc__left-03.show, .l-container #feature .pc__left-04.show {
  display: block;
}
.l-container #feature .pc__left__img {
  width: 37.8rem;
  margin: auto;
}
.l-container #feature .pc-flex__right--inner {
  position: relative;
  top: 12.1%;
  left: 0rem;
}
.l-container #feature .pc-flex__right--inner a::after {
  width: 0;
  height: 0;
}
.l-container #feature .pc-flex__right--inner a:hover {
  opacity: 0.6;
}
.l-container #feature .pc-flex__right__4scenes {
  position: relative;
  width: calc(var(--scale-404) * 62rem);
  margin: auto;
  padding-bottom: calc(var(--scale-404) * 7.9rem);
}
.l-container #feature .pc-flex__right__4scenes__img_ttl {
  width: calc(var(--scale-404) * 30.2rem);
  position: relative;
  top: calc(var(--scale-404) * 4rem);
  left: 0;
  right: 0;
  margin: auto;
}
.l-container #feature .pc-flex__right__4scenes_txt {
  margin-top: calc(var(--scale-404) * 6.2rem);
  margin-left: calc(var(--scale-404) * 1.2rem);
  font-size: calc(var(--scale-404) * 2.4rem);
  line-height: calc(var(--scale-404) * 4.2rem);
  color: #999;
}
.l-container #feature .pc-flex__right__4scenes--flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--scale-404) * 5.4rem) calc(var(--scale-404) * 6rem);
  margin-top: calc(var(--scale-404) * 4.3rem);
  margin-left: calc(var(--scale-404) * 1.5rem);
}
.l-container #feature .pc-flex__right__4scenes--flex__items {
  width: calc(var(--scale-1400) * 10.2rem);
}
.l-container #feature .pc-flex__right__btn__view-all_img {
  width: calc(var(--scale-1400) * 26.1rem);
  margin: 0 auto;
}
.l-container #feature .pc-flex__right__btn__view-all_txt {
  width: 12rem;
  margin: 1.1rem auto;
}
.l-container #feature .pc-flex__right__btn__view-all_txt a {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 2.1rem;
  color: #999;
}
.l-container #feature .hero__copy-fade {
  position: absolute;
  height: 1px;
  top: 0;
}
.l-container #feature .hero__copy-fade .hero__copyImg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.33, 1, 0.68, 1), visibility 1.2s;
  transform: translateY(calc(var(--scale-404) * 6rem));
}
.l-container #feature .hero__copy-fade.is-active .hero__copyImg {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.l-container #feature .container02__popcorn_img {
  animation-name: kata;
  animation-duration: 2.5s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: step-start;
}
@keyframes kata {
  0% {
    transform: rotate(-21deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-21deg);
  }
}
.l-container #feature .container03__cake_img {
  animation: float 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes float {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
.l-container #feature .container05__bear_img {
  transform: translateX(calc(var(--scale-404) * 6rem));
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.33, 1, 0.68, 1), visibility 1.2s;
}
.l-container #feature .container05__bear_img.peek {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.4s;
  transform: translateX(0);
}
.l-container #feature .pon {
  opacity: 0;
  transform: scale(1.4);
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.l-container #feature .pon.is-active {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.5s;
}
.l-container #feature .fadeIn {
  opacity: 0;
  transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.33, 1, 0.68, 1), visibility 1.2s;
  transform: translateY(calc(var(--scale-404) * 6rem));
}
.l-container #feature .fadeIn.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.l-container #feature .pc__left {
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.l-container #feature .pc__left.show {
  opacity: 1;
}
.l-container #feature .pc-flex__right__4scenes__img_ttl {
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}
.l-container #feature .pc-flex__right__4scenes__img_ttl.show {
  opacity: 1;
  display: block;
}
.l-container #feature .pc-flex__right__btn__view-all_img {
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}
.l-container #feature .pc-flex__right__btn__view-all_img.show {
  opacity: 1;
  display: block;
}

.pc-footer {
  margin: 0;
}

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

.feature-snslist {
  overflow: hidden;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .l-container #feature .hero__bg, .l-container #feature .hero__deco, .l-container #feature .hero__txt {
    transition: none !important;
  }
}