@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 1 */
.phase-1 .kv {
  z-index: 1;
}
.phase-1 .moviesMain__clips--target.moviesMain__clips--last {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.phase-1 .kvBg__inner--img {
  background-image: url(../img/contents/phase-1/kv/kv--1--pc.png);
}

.kvSlogan__var--1 {
  top: 18.6676427526vw;
  right: 17.5695461201vw;
}
.kvSlogan__var--1 .kvSlogan__inner .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  transform: scale(0);
}
.kvSlogan__var--1 .kvSlogan__inner .st0, .kvSlogan__var--1 .kvSlogan__inner .st1 {
  fill: rgba(var(--design-color), 1);
}

.footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--left {
  width: 100%;
}
.footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--left > span {
  background-image: url(../img/contents/phase-1/footer/slider__img--1--pc.jpg);
}
.footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--right {
  display: none;
}
.footerSliderBlock.footerSliderBlock--1 .kvSlogan.kvSlogan__var--1 {
  top: 10.2489019034vw;
  right: 21.9619326501vw;
}
.footerSliderBlock.footerSliderBlock--1 .kvSlogan.kvSlogan__var--1 .kvSlogan__inner {
  background-image: url(../img/contents/phase-1/kv/kv__slogan--1.svg);
}

/*============================================================================================ sp 767px */
@media only screen and (max-width: 767px) {
  /* ============================================================== phase */
  /* --------------------------------------- phase 1 */
  .phase-1 .kvBg__inner--img {
    background-image: url(../img/contents/phase-1/kv/kv--1--sp.png);
  }
  .footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--left {
    width: 100%;
    height: 61.8705035971%;
  }
  .footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--left > span {
    background-image: url(../img/contents/phase-1/footer/slider__img--1--sp--1.jpg);
  }
  .footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--right {
    display: block;
    width: 100%;
    height: 38.1294964029%;
  }
  .footerSliderBlock.footerSliderBlock--1 .footerSliderBlock__inner--imgList--right > span {
    background-image: url(../img/contents/phase-1/footer/slider__img--1--sp--2.jpg);
  }
  .footerSliderBlock.footerSliderBlock--1 .kvSlogan.kvSlogan__var--1 {
    top: 5.8565153734vw;
    right: 1.4641288433vw;
  }
}
/* ============================================================== edit 0816 */
.phase-1 .article__bgBorder.lineup {
  margin-bottom: 0;
}
.phase-1 .footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  overflow: visible;
  white-space: nowrap;
}
.phase-1 .footerPageTop {
  position: fixed;
  height: 40px;
  bottom: 20px;
  transform: translate(-50%, 180%);
}
.phase-1 .footerPageTop__btn {
  top: 0;
  right: 40px;
  left: auto;
}

.phase-1.footerPageTop--show .footerPageTop {
  transform: translate(-50%, 0%);
}

@media only screen and (max-width: 767px) {
  .phase-1 .footerPageTop {
    bottom: 10px;
  }
  .phase-1 .footerPageTop__btn {
    right: 10px;
    transform-origin: right center;
  }
  .phase-1 .footerCopy {
    left: 7px;
    bottom: 15px;
  }
}/*# sourceMappingURL=phase-1.css.map */