@charset "UTF-8";
/* ============================================================== scrollBar */
@keyframes scrollBar-anime {
  0% {
    transform: translate3d(0, -115%, 0);
  }
  100% {
    transform: translate3d(0, 150%, 0);
  }
}
/* =================================================================== loopAnime */
@keyframes loopAnime {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(var(--var), 0, 0);
  }
}
/* =================================================================== rotateAnime 360 */
@-webkit-keyframes rotateAnime-360 {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotateAnime-360 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* =================================================================== btnBgHover */
@keyframes btnBgHover-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* =================================================================== btnBgHover */
@keyframes onebyone-anime {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 回転
=================================================================== */
/* 上下ジャンプ
=================================================================== */
/* 上下ふわふわ
=================================================================== */
/* スライド
=================================================================== */
/* 雪
=================================================================== */
/* フェード
=================================================================== */
/* フェード2
=================================================================== */
/* フェード3
=================================================================== */
/* animation delay
=================================================================== */
@keyframes anime_circleFill {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
  }
}
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================== phase */
/* --------------------------------------- phase_2 / phase-7 */
.phase_2.phase-7 {
  /* --------------------------------------- footer playbtn color */
}
.phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(1) .kvBlock__img--inner > span {
  background-image: url(../img/contents/phase-7/kv/1__img--1.jpg);
}
.phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(2) .kvBlock__img--inner {
  padding-top: 151.9721577726%;
}
.phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(2) .kvBlock__img--inner > span {
  background-image: url(../img/contents/phase-7/kv/1__img--2.jpg);
}
.phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(3) .kvBlock__img--inner {
  padding-top: 143.7254901961%;
}
.phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(3) .kvBlock__img--inner > span {
  background-image: url(../img/contents/phase-7/kv/1__img--3.jpg);
}
.phase_2.phase-7 .footerSliderBlock.footerSliderBlock--8 .footerSliderBlock__inner--phase2 > span {
  background-image: url(../img/contents/phase-7/footer/slider__img--1--pc.png);
  background-color: #ebebeb;
}
.phase_2.phase-7 .footerSliderBlock.footerSliderBlock--8 .playBtn__inner {
  border-color: black;
  background-color: rgba(0, 0, 0, 0);
}
.phase_2.phase-7 .footerSliderBlock.footerSliderBlock--8 .playBtn__text > span, .phase_2.phase-7 .footerSliderBlock.footerSliderBlock--8 .playBtn__icon > span {
  background-color: black;
}

/* ============================================================== phase_2 / phase-7 sp */
@media only screen and (max-width: 767px) {
  .phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(1) .kvBlock__img--inner > span {
    background-image: url(../img/contents/phase-7/kv/1__img--1.jpg);
  }
  .phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(2) .kvBlock__img--inner {
    padding-top: 151.9721577726%;
  }
  .phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(2) .kvBlock__img--inner > span {
    background-image: url(../img/contents/phase-7/kv/1__img--2.jpg);
  }
  .phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(3) .kvBlock__img--inner {
    padding-top: 143.7254901961%;
  }
  .phase_2.phase-7 .kvBlock--1 .kvBlock__img:nth-child(3) .kvBlock__img--inner > span {
    background-image: url(../img/contents/phase-7/kv/1__img--3.jpg);
  }
  .phase_2.phase-7 .footerSliderBlock.footerSliderBlock--8 .footerSliderBlock__inner--phase2 > span {
    background-image: url(../img/contents/phase-7/footer/slider__img--1--sp.png);
  }
}