@charset "UTF-8";
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;
}
.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;
  transition: opacity 0.4s;
}
.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 a.hover_opacity::after {
  display: none !important;
}
.l-container #feature a.hover_opacity:hover {
  opacity: 0.4;
}
.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;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.l-container #feature .creditContainer li {
  width: fit-content;
}
.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
  color: #323232;
  font-size: calc(var(--scale-510) * 2rem);
  line-height: calc(var(--scale-510) * 4.4rem);
  letter-spacing: 0.05em;
}
.l-container #feature .creditContainer li a .txt {
  margin-right: calc(var(--scale-510) * 3rem);
  border-bottom: #333 1px solid;
}
.l-container #feature .creditContainer li a .txt .price {
  margin-left: calc(var(--scale-510) * 1rem);
}
.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 {
  /* ページネーション　共通style */
}
.l-container #feature .swiper-pagination-bullet {
  margin: 0 1.2rem;
  width: calc(var(--scale-510) * 1.4rem);
  height: calc(var(--scale-510) * 1.4rem);
  background: #e6e6e6 !important;
  opacity: 1;
}
.l-container #feature .swiper-pagination-bullet-active {
  background: #8ab2ca !important;
}
.l-container #feature .hero {
  margin: 0 auto 0;
  width: 100%;
  position: relative;
}
.l-container #feature .hero__inner {
  width: 140rem;
  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 {
  margin: 0 auto;
}
.l-container #feature .pc-flex {
  position: relative;
  display: flex;
  width: 100%;
}
.l-container #feature .pc-flex .pc-flex__left {
  height: 100vh;
  width: calc((100% - 51rem) / 2);
  top: 0;
  left: 0;
  position: sticky;
  background-color: #e6eef2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-container #feature .pc-flex .pc-flex__left--inner .pc-left__img01 {
  width: 34rem;
  margin: 0 auto;
}
.l-container #feature .pc-flex .pc-center {
  width: 51rem;
  height: auto;
  background-color: #f0f5f7;
  overflow: hidden;
}
.l-container #feature .pc-flex .pc-flex__right {
  height: 100vh;
  width: calc((100% - 51rem) / 2);
  top: 0;
  right: 0;
  position: sticky;
  background-color: #e6eef2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-container #feature .pc-flex .pc-flex__right--inner {
  margin: 0 auto;
}
.l-container #feature .pc-flex .pc-flex__right--inner .pc-right__img01 {
  width: 27rem;
}
.l-container #feature .pc-flex .pc-flex__right--inner .pc-right__img02 {
  width: 21.7rem;
  margin-top: 3rem;
}
.l-container #feature .container01 {
  margin-top: calc(var(--scale-510) * 6rem);
}
.l-container #feature .container01 .movie_area {
  position: relative;
  width: 100%;
  height: fit-content;
  margin: calc(19 * var(--lpSetSize)) auto 0;
}
.l-container #feature .container01 .movie_area .movie {
  width: 100%;
}
.l-container #feature .container01 .movie_area .movie video {
  width: calc(var(--scale-510) * 67.5rem);
  display: block;
  margin: 0 auto;
}
.l-container #feature .container01 .movie_area .sound-btn {
  position: absolute;
  z-index: 10;
  bottom: calc(var(--scale-510) * -5.6rem);
  right: calc(var(--scale-510) * 5.7rem);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  background-image: url(../img/sound-off.svg);
  width: calc(var(--scale-510) * 17.8rem);
  height: calc(var(--scale-510) * 2.92rem);
}
.l-container #feature .container01 .movie_area .sound-btn.on {
  background-image: url(../img/sound-on.svg);
}
.l-container #feature .container01 .text_area .mv__text__img01 {
  width: calc(var(--scale-510) * 48.8rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 15rem);
}
.l-container #feature .container01 .text_area .mv__text__img02 {
  width: calc(var(--scale-510) * 57.18rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 3.5rem);
}
.l-container #feature .container01 .text_area .mv__text__img03 {
  width: calc(var(--scale-510) * 45rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 6rem);
  margin-bottom: calc(var(--scale-510) * 19.7rem);
}
.l-container #feature .container02 {
  position: relative;
  background-color: #FFF;
  width: 100%;
  padding-top: calc(var(--scale-510) * 15rem);
  padding-bottom: calc(var(--scale-510) * 20rem);
}
.l-container #feature .container02 .container02__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.5rem);
  top: calc(var(--scale-510) * 15.3rem);
  left: calc(var(--scale-510) * 4.3rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .container02 .container02__swiper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-right: 0;
  margin-left: calc(51rem - var(--scale-510) * 64.6rem);
  overflow: hidden;
  /* 画像スライダー */
}
.l-container #feature .container02 .container02__swiper .swiper-img {
  width: calc(var(--scale-510) * 64.6rem);
  overflow: hidden;
}
.l-container #feature .container02 .container02__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container02 .container02__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container02 .container02__swiper .swiper-pagination {
  position: absolute !important;
  z-index: 10;
  width: initial !important;
  left: 32.5rem !important;
  bottom: 7.7rem !important;
}
.l-container #feature .container02__img_02 {
  width: calc(var(--scale-510) * 45.64rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 14.6rem);
}
.l-container #feature .container02__img_03 {
  width: calc(var(--scale-510) * 59.36rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 8.5rem);
}
.l-container #feature .container02 .creditContainer {
  width: calc(var(--scale-510) * 55rem);
  margin-top: calc(var(--scale-510) * 6.5rem);
}
.l-container #feature .container02 .creditContainer .credit {
  margin: 0 auto;
}
.l-container #feature .container03 {
  position: relative;
  padding-top: calc(var(--scale-510) * 15rem);
  padding-bottom: calc(var(--scale-510) * 18rem);
}
.l-container #feature .container03 .container03__accordion {
  /* --- ① 初期状態の設定 --- */
  /* 詳細画像：最初は高さを0にして隠す */
}
.l-container #feature .container03 .container03__accordion .container03__img_02 {
  width: calc(var(--scale-510) * 49.76rem);
  margin: 0 auto;
  max-height: 0; /* 高さを0に */
  opacity: 0; /* 透明に */
  overflow: hidden; /* はみ出しを隠す */
  transition: all 0.6s ease; /* スライドのアニメーション速度 */
}
.l-container #feature .container03 .container03__accordion {
  /* CLOSEボタン：最初は非表示 */
}
.l-container #feature .container03 .container03__accordion .container03__img_03-close {
  display: none;
  cursor: pointer;
}
.l-container #feature .container03 .container03__accordion {
  /* VIEW MOREボタン：最初は表示 */
}
.l-container #feature .container03 .container03__accordion .container03__img_03-viewmore {
  display: block;
  cursor: pointer;
  width: calc(var(--scale-510) * 19.2rem);
  margin: 0 auto;
}
.l-container #feature .container03 .container03__accordion {
  /* --- ② アクティブ状態（JSで .is-active がついた時） --- */
}
.l-container #feature .container03 .container03__accordion.is-active {
  /* 詳細画像を表示・伸ばす */
}
.l-container #feature .container03 .container03__accordion.is-active .container03__img_02 {
  max-height: calc(var(--scale-510) * 57.8rem); /* 十分な高さを指定（コンテンツに合わせて伸びる） */
  opacity: 1;
  margin-top: calc(var(--scale-510) * 6rem);
}
.l-container #feature .container03 .container03__accordion.is-active {
  /* VIEW MOREを隠して CLOSEを出す */
}
.l-container #feature .container03 .container03__accordion.is-active .container03__img_03-viewmore {
  display: none;
}
.l-container #feature .container03 .container03__accordion.is-active .container03__img_03-close {
  display: block;
  margin: 0 auto;
  width: calc(var(--scale-510) * 13.1rem);
}
.l-container #feature .container03 .container03__accordion {
  /* 共通設定 */
}
.l-container #feature .container03 .container03__accordion .container03__img_01 {
  width: calc(var(--scale-510) * 66rem);
  margin: 0 auto;
}
.l-container #feature .container03 .container03__accordion .container03__img_btn {
  margin-top: calc(var(--scale-510) * 7rem);
}
.l-container #feature .container03 .container03__swiper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* 画像スライダー */
}
.l-container #feature .container03 .container03__swiper .swiper-img {
  width: calc(var(--scale-510) * 51rem);
  overflow: hidden;
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 8rem);
}
.l-container #feature .container03 .container03__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container03 .container03__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container03 .container03__swiper .swiper-pagination {
  position: relative;
  z-index: 10;
  margin-top: calc(var(--scale-510) * 3rem);
}
.l-container #feature .container03 .creditContainer {
  width: auto;
  margin-top: calc(var(--scale-510) * 1rem);
}
.l-container #feature .container03 .creditContainer .credit {
  display: inline-flex;
  margin: 0 auto;
}
.l-container #feature .container03 .creditContainer li a .txt {
  margin-right: 0;
}
.l-container #feature .container04 {
  padding-top: calc(var(--scale-510) * 15rem);
  background-color: #FFF;
  position: relative;
}
.l-container #feature .container04 .container04__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.55rem);
  top: calc(var(--scale-510) * 15rem);
  right: calc(var(--scale-510) * 4rem);
  z-index: 11;
  pointer-events: none;
}
.l-container #feature .container04 .container04__img_left {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.l-container #feature .container04 .container04__img_left .container04__img_01 {
  width: calc(var(--scale-510) * 65rem);
}
.l-container #feature .container04 .container04__img_right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.l-container #feature .container04 .container04__img_right .container04__swiper {
  width: auto;
  /* 画像スライダー */
}
.l-container #feature .container04 .container04__img_right .container04__swiper .swiper-img {
  width: calc(var(--scale-510) * 62rem);
  overflow: hidden;
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 7.8rem);
}
.l-container #feature .container04 .container04__img_right .container04__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container04 .container04__img_right .container04__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container04 .container04__img_right .container04__swiper .swiper-pagination {
  position: relative;
  z-index: 2;
  top: 0.8rem;
  left: 16.4rem;
}
.l-container #feature .container04 .container04__img_right .creditContainer {
  width: calc(var(--scale-510) * 62rem);
  margin-top: calc(var(--scale-510) * 3.3rem);
}
.l-container #feature .container05 {
  padding-top: calc(var(--scale-510) * 15.5rem);
  background-color: #FFF;
  position: relative;
}
.l-container #feature .container05 .container05__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.5rem);
  top: calc(var(--scale-510) * 29rem);
  right: calc(var(--scale-510) * 4rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .container05 .container05__swiper {
  width: auto;
  /* 画像スライダー */
}
.l-container #feature .container05 .container05__swiper .swiper-img {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 8.2rem);
}
.l-container #feature .container05 .container05__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container05 .container05__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container05 .container05__swiper .swiper-pagination {
  position: relative;
  z-index: 2;
  top: 1rem;
  left: 20.6rem;
}
.l-container #feature .container05 .creditContainer {
  width: 37rem;
  margin-top: calc(var(--scale-510) * 4rem);
  margin-left: 2.5rem;
}
.l-container #feature .container06 {
  padding-top: calc(var(--scale-510) * 23.5rem);
  padding-bottom: calc(var(--scale-510) * 19rem);
  background-color: #FFF;
  position: relative;
}
.l-container #feature .container06 .container06__img_right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.l-container #feature .container06 .container06__img_right .container06__img_01 {
  width: calc(var(--scale-510) * 69rem);
}
.l-container #feature .container06 .container06__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.5rem);
  top: calc(var(--scale-510) * 134.5rem);
  right: calc(var(--scale-510) * 4.4rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .container06 .container06__swiper {
  width: auto;
  position: relative;
  /* 画像スライダー */
}
.l-container #feature .container06 .container06__swiper .swiper-img {
  width: calc(var(--scale-510) * 64rem);
  overflow: hidden;
  margin-top: calc(var(--scale-510) * 7.5rem);
}
.l-container #feature .container06 .container06__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container06 .container06__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container06 .container06__swiper .swiper-pagination {
  position: relative;
  z-index: 2;
  top: 1rem;
  left: 14rem;
}
.l-container #feature .container06 .creditContainer {
  width: 37rem;
  margin-top: calc(var(--scale-510) * 4rem);
  margin-left: 2.5rem;
}
.l-container #feature .container07 {
  padding-top: calc(var(--scale-510) * 14rem);
  background-color: #f0f5f7;
}
.l-container #feature .container07 .container07__img_text .container07__img_01 {
  width: calc(var(--scale-510) * 63.72rem);
  margin: 0 auto;
}
.l-container #feature .container07 .container07__img_text .container07__img_02 {
  width: calc(var(--scale-510) * 57.18rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 10rem);
}
.l-container #feature .container07 .container07__img_text .container07__img_04 {
  width: calc(var(--scale-510) * 36rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 9rem);
}
.l-container #feature .container07 .container07__img_text .container07__img_05 {
  width: calc(var(--scale-510) * 45.95rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 4rem);
}
.l-container #feature .container07 .container07__img_text .container07__img_06 {
  width: calc(var(--scale-510) * 33rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 6.5rem);
}
.l-container #feature .container07 .container07__img_text .container07__img_07 {
  width: calc(var(--scale-510) * 51.15rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 4rem);
}
.l-container #feature .container07 .container07__swiper {
  width: auto;
  position: relative;
}
.l-container #feature .container07 .container07__swiper .container07__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.5rem);
  top: calc(var(--scale-510) * 28.5rem);
  right: calc(var(--scale-510) * 11rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .container07 .container07__swiper .container07__img_08 {
  width: calc(var(--scale-510) * 63.45rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 16rem);
}
.l-container #feature .container07 .container07__swiper {
  /* 画像スライダー */
}
.l-container #feature .container07 .container07__swiper .swiper-img {
  width: calc(var(--scale-510) * 66rem);
  overflow: hidden;
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 6.5rem);
}
.l-container #feature .container07 .container07__swiper .swiper-img img {
  width: 100%;
  display: block;
}
.l-container #feature .container07 .container07__swiper {
  /* ページネーション位置 */
}
.l-container #feature .container07 .container07__swiper .swiper-pagination {
  position: relative;
  z-index: 2;
  top: 1rem;
  left: 20.2rem;
}
.l-container #feature .container07 .creditContainer {
  width: 37rem;
  margin-top: calc(var(--scale-510) * 3.6rem);
  margin-left: calc((51rem - var(--scale-510) * 66rem) / 2);
}
.l-container #feature .container08 {
  padding-top: calc(var(--scale-510) * 10rem);
  padding-bottom: calc(var(--scale-510) * 19rem);
  background-color: #f0f5f7;
  position: relative;
}
.l-container #feature .container08 .container08__img_title {
  position: absolute;
  width: calc(var(--scale-510) * 1.5rem);
  top: calc(var(--scale-510) * 26.5rem);
  left: calc(var(--scale-510) * 6.5rem);
  z-index: 3;
  pointer-events: none;
}
.l-container #feature .container08__img_01 {
  width: calc(var(--scale-510) * 51rem);
  margin: 0 auto;
}
.l-container #feature .container08 .creditContainer {
  width: auto;
  display: inline-block;
  margin: 0 auto;
  padding-top: calc(var(--scale-510) * 2.3rem);
}
.l-container #feature .container08 .creditContainer li a .txt {
  margin-right: 0;
}
.l-container #feature .container08 .container08__img_02 {
  width: calc(var(--scale-510) * 45.91rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 19rem);
}
.l-container #feature .container08 .container08__img_03 {
  width: calc(var(--scale-510) * 59rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 7rem);
}
.l-container #feature .container08 .container08__img_04 {
  width: calc(var(--scale-510) * 55.71rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 9rem);
}
.l-container #feature .container09 {
  width: calc(var(--scale-510) * 69rem);
  padding-top: calc(var(--scale-510) * 9.5rem);
  padding-bottom: calc(var(--scale-510) * 10rem);
  background-color: #FFF;
}
.l-container #feature .container09__img_01 {
  width: calc(var(--scale-510) * 45.64rem);
  margin: 0 auto;
}
.l-container #feature .container09__img_02 {
  width: calc(var(--scale-510) * 34.09rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 11rem);
}
.l-container #feature .container09__img_03 {
  width: calc(var(--scale-510) * 49.24rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 4.5rem);
}
.l-container #feature .container09__img_04 {
  width: calc(var(--scale-510) * 40rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 6.2rem);
}
.l-container #feature .container09 .blue-border {
  border: #8ab2ca 0.5px solid;
  width: calc(var(--scale-510) * 61rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 6.7rem);
}
.l-container #feature .container09__img_05 {
  width: calc(var(--scale-510) * 47.09rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 8.6rem);
}
.l-container #feature .container09__img_06 {
  width: calc(var(--scale-510) * 32.8rem);
  margin: 0 auto;
  margin-top: calc(var(--scale-510) * 4.5rem);
}
.l-container #feature .container09 .container09__flex_01 {
  margin-top: calc(var(--scale-510) * 6rem);
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.l-container #feature .container09 .container09__flex_01 .container09__img_07 {
  width: calc(var(--scale-510) * 25.5rem);
}
.l-container #feature .container09 .container09__flex_02 {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.l-container #feature .container09 .container09__flex_02 .container09__img_07 {
  width: calc(var(--scale-510) * 25.5rem);
}
.l-container #feature .container10 {
  width: 100%;
  padding-top: calc(var(--scale-510) * 10.7rem);
  padding-bottom: calc(var(--scale-510) * 12.3rem);
  padding-left: calc(var(--scale-510) * 6rem);
}
.l-container #feature .container10 .container10__img_allcheck {
  width: calc(var(--scale-510) * 60rem);
}
.l-container #feature .container10 .container10__img_allcheck .container10__img_01 {
  width: calc(var(--scale-510) * 40.66rem);
}
.l-container #feature .container10 .container10__img_allcheck .container10__img_02 {
  width: calc(var(--scale-510) * 60rem);
  padding-top: calc(var(--scale-510) * 1rem);
}
.l-container #feature .container10 .container10__img_03 {
  width: calc(var(--scale-510) * 43.44rem);
  margin-top: calc(var(--scale-510) * 5.5rem);
}
.l-container #feature .staff_credit {
  width: calc(var(--scale-510) * 42.34rem);
  margin: 0 auto;
  padding-bottom: calc(var(--scale-510) * 15rem);
}
.l-container #feature .js-fade {
  opacity: 0;
  filter: blur(10px);
  transition: transform 1.5s ease, opacity 1.5s ease, filter 1.5s ease;
}
.l-container #feature .js-fade.is-active {
  transition-delay: 0.5s;
  opacity: 1;
  filter: blur(0);
}

/* 背景が白の場合 */
.js-slide-trigger_white {
  position: relative;
  overflow: hidden;
  display: block;
  /* 上に乗るカーテン（板） */
}
.js-slide-trigger_white::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 105%;
  height: 105%;
  background-color: #FFF;
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform-origin: right;
}
.js-slide-trigger_white {
  /* 中の画像 */
}
.js-slide-trigger_white img {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-slide-trigger_white {
  /* --- 発火時 (is-activeがついた時) --- */
}
.js-slide-trigger_white.is-active::before {
  transform: scaleX(0);
  transform-origin: right;
  transition-delay: 0.5s;
}
.js-slide-trigger_white.is-active img {
  opacity: 1;
  transform: translateX(0);
}

/* 背景が水色の場合 */
.js-slide-trigger_blue {
  position: relative;
  overflow: hidden;
  display: block;
  /* 上に乗るカーテン（板） */
}
.js-slide-trigger_blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 105%;
  height: 105%;
  background-color: #f0f5f7;
  transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform-origin: right;
}
.js-slide-trigger_blue {
  /* 中の画像 */
}
.js-slide-trigger_blue img {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-slide-trigger_blue {
  /* --- 発火時 (is-activeがついた時) --- */
}
.js-slide-trigger_blue.is-active::before {
  transform: scaleX(0);
  transform-origin: right;
  transition-delay: 0.5s;
}
.js-slide-trigger_blue.is-active img {
  opacity: 1;
  transform: translateX(0);
}

.js-arrow {
  position: relative;
  overflow: hidden;
}
.js-arrow img {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1.5s ease-in-out;
  transition: -webkit-transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}
.js-arrow.is-active img {
  -webkit-transform: translateX(0);
  transform: translateX(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;
  }
}