@charset "UTF-8";
/*----------------------------------------
Variables
----------------------------------------*/
/*

# Color */
/* $black: #111; */
/* $white: #fff; */
/* $gray: #141414; */
/* $gray-black: #999; */
/* $primary: #e00109; */
/* $primary-white: #d2fbff; */
/* $primary-black: #a3e3e9; */
/* $white-gray: #f5f5f5; */
/* $white-gray2: #f9f9f9; */
/* $red: #ba1d1d; */
/* $red-black: #751313; */
/*

# Border */
/* $color-border: #ddd; */
/* $color-border-black: #111; */
/* $color-border-gray: #707070; */
/*

/*

# Shadow */
/* $shadow: rgba(#777, .1); */
/* $shadow-hover: rgba(#777, .3); */
/*

# Hover */
/* $opacity: .7; */
/*

# Font Family */
/* $font: 游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif */
/* $font-en: "Noto Sans JP", Arial, Helvetica, sans-serif; */
/* $font-cn: "Microsoft Yahei", "PingHei"; */
/* $font-kr: "Malgun Gothic", "Yoon Gothic"; */
/*

# Font Weight */
/* $light: 300; */
/* $regular:400; */
/* $medium: 500; */
/* $bold: 900; */
/*

# Width */
/* $outer-width: 1280px; */
/* $content-width: 1080px; */
/*

# Padding */
/* $side-padding: 20px; */
/* $side-padding-mobile: 20px; */
/*

# Easing */
/* $ease: cubic-bezier(.19, 1, .22, 1); */
/*


*/
/*----------------------------------------
Extend
----------------------------------------*/
/*----------------------------------------
Keyframes
----------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes float-img {
  0% {
    margin: 0;
  }
  100% {
    margin: 10px 0 0;
  }
}
@keyframes focus-out {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes float-bg-horizon {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -59px 0;
  }
}
@keyframes infinite-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes flashing {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .5;
  }
}
@keyframes opening-logo {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*----------------------------------------
common
----------------------------------------*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.3px;
  letter-spacing: 0.03rem;
  color: #fff;
  background: #111;
  line-height: 1.5;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  word-break: break-all;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

a {
  color: #111;
  text-decoration: none;
}
a:not([class]) {
  color: #ba1d1d;
  text-decoration: none;
}
a:not([class]):hover {
  text-decoration: underline;
}

select,
input,
textarea {
  appearance: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
}

select::-ms-expand {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}

svg:not([width]) {
  width: 100%;
}
svg:not([height]) {
  height: auto;
}

::selection {
  background-color: #e00109;
  color: #fff;
}

/*----------------------------------------
g-header
----------------------------------------*/
.g-header {
  font-size: 0;
  background: url("../images/bg_border.jpg") top left repeat-x;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .g-header {
    background-size: auto 10px;
  }
}
@media screen and (max-width: 1024px) {
  .g-header img {
    height: 20px;
  }
}

/*----------------------------------------
g-footer
----------------------------------------*/
.g-footer {
  font-size: 0;
  background: url("../images/bg_border.jpg") bottom right repeat-x;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .g-footer {
    background-size: auto 10px;
  }
}
@media screen and (max-width: 1024px) {
  .g-footer img {
    height: 15px;
  }
}
.g-footer__copy {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .g-footer__copy {
    padding: 0 20px;
    bottom: 30px;
  }
}

.g-page-footer {
  padding: 40px 0 0;
  background: #141414;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .g-page-footer {
    padding: 40px 20px 0;
  }
}
.g-page-footer__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 10px 0;
}
.g-page-footer__list-item-link {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  padding: 5px 10px;
}
.g-page-footer__list-item-link :hover {
  text-decoration: underline;
}
.g-page-footer__list-item-link img {
  margin: 0 10px 0 0;
}
.g-page-footer__Snslist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 10px 0 50px;
}
.g-page-footer__Snslist-item {
  height: 15px;
  vertical-align: middle;
  padding: 0 10px;
}
.g-page-footer__Snslist .bnt_mixi {
  padding: 5px 0 0 0;
}
@media screen and (max-width: 767px) {
  .g-page-footer__Snslist .bnt_mixi {
    padding: 0;
  }
}
.g-page-footer__Snslist .bnt_twitter {
  padding: 5px 0 0 0;
}
@media screen and (max-width: 767px) {
  .g-page-footer__Snslist .bnt_twitter {
    padding: 0;
  }
}
.g-page-footer__company {
  background: #454545;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
}
@media screen and (max-width: 1024px) {
  .g-page-footer__company {
    display: inline-block;
    padding: 20px;
    margin: 0 -20px;
    display: block;
  }
}
.g-page-footer__company-logo {
  margin: 0 10px 0 0;
}
@media screen and (max-width: 1024px) {
  .g-page-footer__company-logo {
    margin: 0 0 10px;
  }
}
.g-page-footer__company-txt {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .g-page-footer__company-txt {
    display: block;
  }
}

.js-animate {
  opacity: 0;
  transform: translateY(-40px);
  transition: all .8s ease;
}
.js-animate.is-active {
  opacity: 1;
  transform: translateY(0);
}

.js-animate-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease;
}
.js-animate-scroll.is-active {
  opacity: 1;
  transform: translateY(0);
}

/*----------------------------------------
c-glitch
----------------------------------------*/
.c-glitch {
  position: relative;
  display: block;
  overflow: hidden;
}
.c-glitch-img {
  display: block;
  position: absolute;
  top: calc(-1 * 5px);
  left: calc(-1 * 10px);
  width: calc(100% + 10px * 2);
  height: calc(100% + 5px * 2);
  background: no-repeat top center;
  background-color: transparent;
  background-size: cover;
  transform: translate3d(0, 0, 0);
  background-blend-mode: none;
}
.c-glitch-img:nth-child(n+2) {
  opacity: 0;
  animation-duration: 4s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.c-glitch-img:nth-child(2) {
  background-color: transparent;
  background-blend-mode: none;
  animation-name: glitch-anim-1;
}
.c-glitch-img:nth-child(3) {
  background-color: transparent;
  background-blend-mode: none;
  animation-name: glitch-anim-2;
}
.c-glitch-img:nth-child(4) {
  background-color: #e00109;
  background-blend-mode: overlay;
  animation-name: glitch-anim-3;
}
.c-glitch-img:nth-child(5) {
  background-color: #141414;
  background-blend-mode: overlay;
  animation-name: glitch-anim-flash;
}

@keyframes glitch-anim-1 {
  0% {
    opacity: 1;
    transform: translate3d(10px, 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(10px, 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * 10px), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * 10px), 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-text {
  0% {
    transform: translate3d(calc(-1 * 10px), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  9.9% {
    transform: translate3d(calc(-1 * 10px), 0, 0) scale3d(-1, -1, 1);
  }
  10%, 100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: .2;
    transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
/*----------------------------------------
l-loader
----------------------------------------*/
body[data-status="loading"] * {
  transition: none !important;
}
body[data-status="loading"] .c-loader {
  opacity: 1;
  pointer-events: auto;
}
body[data-status="opening"] .c-loader {
  opacity: 1;
  pointer-events: auto;
}
body[data-status="opening"] .c-loader__opening {
  opacity: 1;
  pointer-events: auto;
}
body[data-status="opening"] .c-loader__opening-alert-img {
  opacity: 1;
}

.c-loader {
  background: #111;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.c-loader-img {
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  animation: loading .6s linear infinite;
}
.c-loader .c-glitch-img {
  background-image: url("../images/enter/logo_nerv.png");
  background-position: center;
  background-size: auto 480px;
}
@media screen and (max-width: 1024px) {
  .c-loader .c-glitch-img {
    background-size: 75% auto;
  }
}
.c-loader__opening {
  background: url("../images/enter/bg.jpg");
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}
.c-loader__opening::before, .c-loader__opening::after {
  content: "";
  display: block;
  background: url("../images/bg_border.jpg") top left repeat-x;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0;
  z-index: 1;
  animation: float-bg-horizon .3s linear infinite;
}
@media screen and (max-width: 1024px) {
  .c-loader__opening::before, .c-loader__opening::after {
    height: 10px;
  }
}
.c-loader__opening::before {
  top: 0;
}
.c-loader__opening::after {
  bottom: 0;
}
.c-loader__opening-skip {
  border: 0;
  box-shadow: none;
  background: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 15px;
  z-index: 99;
}
@media screen and (max-width: 1024px) {
  .c-loader__opening-skip {
    top: auto;
    right: 0;
    bottom: 10px;
    left: 0;
    padding: 20px;
  }
}
.c-loader__opening-ttl {
  background: url("../images/enter/img_emergency.png") no-repeat;
  background-position: center;
  background-size: auto 480px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  animation: opening-logo .5s ease-in-out infinite alternate;
}
@media screen and (max-width: 1024px) {
  .c-loader__opening-ttl {
    background-size: 75% auto;
  }
}
.c-loader__opening-alert {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.c-loader__opening-alert-img {
  background: url("../images/enter/bg_emergency.png") center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0s linear;
}
.c-loader__opening-alert-img:nth-child(1) {
  transition-delay: 2.1s;
}
.c-loader__opening-alert-img:nth-child(2) {
  transition-delay: 2.2s;
}
.c-loader__opening-alert-img:nth-child(3) {
  transition-delay: 2.3s;
}
.c-loader__opening-alert-img:nth-child(4) {
  transition-delay: 2.4s;
}
.c-loader__opening-alert-img:nth-child(5) {
  transition-delay: 2.5s;
}

@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/*----------------------------------------
top
----------------------------------------*/
.p-top-visual {
  background: url("../images/enter/bg_top.jpg") no-repeat center;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration.is-active svg path {
  opacity: 1;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path {
  opacity: 0;
  transition: opacity .3s linear;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(1) {
  transition-delay: 0.05s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(2) {
  transition-delay: 0.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(3) {
  transition-delay: 0.15s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(4) {
  transition-delay: 0.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(5) {
  transition-delay: 0.25s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(6) {
  transition-delay: 0.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(7) {
  transition-delay: 0.35s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(8) {
  transition-delay: 0.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(9) {
  transition-delay: 0.45s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(10) {
  transition-delay: 0.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(11) {
  transition-delay: 0.55s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(12) {
  transition-delay: 0.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(13) {
  transition-delay: 0.65s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(14) {
  transition-delay: 0.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(15) {
  transition-delay: 0.75s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(16) {
  transition-delay: 0.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(17) {
  transition-delay: 0.85s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(18) {
  transition-delay: 0.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(19) {
  transition-delay: 0.95s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(20) {
  transition-delay: 1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(21) {
  transition-delay: 1.05s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(22) {
  transition-delay: 1.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(23) {
  transition-delay: 1.15s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(24) {
  transition-delay: 1.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(25) {
  transition-delay: 1.25s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(26) {
  transition-delay: 1.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(27) {
  transition-delay: 1.35s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(28) {
  transition-delay: 1.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__collaboration svg path:nth-child(29) {
  transition-delay: 1.45s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch.is-active svg path {
  opacity: 1;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path {
  opacity: 0;
  transition: opacity .3s linear;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(1) {
  transition-delay: 1.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(2) {
  transition-delay: 1.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(3) {
  transition-delay: 1.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(4) {
  transition-delay: 1.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(5) {
  transition-delay: 1.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(6) {
  transition-delay: 1.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(7) {
  transition-delay: 1.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(8) {
  transition-delay: 1.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(9) {
  transition-delay: 1.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(10) {
  transition-delay: 2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(11) {
  transition-delay: 2.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(12) {
  transition-delay: 2.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(13) {
  transition-delay: 2.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(14) {
  transition-delay: 2.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(15) {
  transition-delay: 2.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(16) {
  transition-delay: 2.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(17) {
  transition-delay: 2.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(18) {
  transition-delay: 2.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(19) {
  transition-delay: 2.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(20) {
  transition-delay: 3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(21) {
  transition-delay: 3.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(22) {
  transition-delay: 3.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(23) {
  transition-delay: 3.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(24) {
  transition-delay: 3.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(25) {
  transition-delay: 3.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(26) {
  transition-delay: 3.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(27) {
  transition-delay: 3.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(28) {
  transition-delay: 3.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch svg path:nth-child(29) {
  transition-delay: 3.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02.is-active svg path {
  opacity: 1;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path {
  opacity: 0;
  transition: opacity .3s linear;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(1) {
  transition-delay: 2.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(2) {
  transition-delay: 2.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(3) {
  transition-delay: 2.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(4) {
  transition-delay: 2.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(5) {
  transition-delay: 2.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(6) {
  transition-delay: 2.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(7) {
  transition-delay: 2.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(8) {
  transition-delay: 2.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(9) {
  transition-delay: 2.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(10) {
  transition-delay: 3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(11) {
  transition-delay: 3.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(12) {
  transition-delay: 3.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(13) {
  transition-delay: 3.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(14) {
  transition-delay: 3.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(15) {
  transition-delay: 3.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(16) {
  transition-delay: 3.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(17) {
  transition-delay: 3.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(18) {
  transition-delay: 3.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(19) {
  transition-delay: 3.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(20) {
  transition-delay: 4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(21) {
  transition-delay: 4.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(22) {
  transition-delay: 4.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(23) {
  transition-delay: 4.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(24) {
  transition-delay: 4.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(25) {
  transition-delay: 4.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(26) {
  transition-delay: 4.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(27) {
  transition-delay: 4.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(28) {
  transition-delay: 4.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__catch02 svg path:nth-child(29) {
  transition-delay: 4.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl.is-active svg path {
  opacity: 1;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path {
  opacity: 0;
  transition: opacity .3s linear;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(1) {
  transition-delay: 3.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(2) {
  transition-delay: 3.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(3) {
  transition-delay: 3.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(4) {
  transition-delay: 3.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(5) {
  transition-delay: 3.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(6) {
  transition-delay: 3.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(7) {
  transition-delay: 3.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(8) {
  transition-delay: 3.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(9) {
  transition-delay: 3.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(10) {
  transition-delay: 4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(11) {
  transition-delay: 4.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(12) {
  transition-delay: 4.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(13) {
  transition-delay: 4.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(14) {
  transition-delay: 4.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(15) {
  transition-delay: 4.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(16) {
  transition-delay: 4.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(17) {
  transition-delay: 4.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(18) {
  transition-delay: 4.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(19) {
  transition-delay: 4.9s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(20) {
  transition-delay: 5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(21) {
  transition-delay: 5.1s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(22) {
  transition-delay: 5.2s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(23) {
  transition-delay: 5.3s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(24) {
  transition-delay: 5.4s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(25) {
  transition-delay: 5.5s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(26) {
  transition-delay: 5.6s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(27) {
  transition-delay: 5.7s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(28) {
  transition-delay: 5.8s;
}
.p-top-visual[data-skip="false"] .p-top-visual__ttl svg path:nth-child(29) {
  transition-delay: 5.9s;
}
.p-top-visual .c-glitch-img {
  background-image: url("../images/enter/bg_top.jpg");
  background-position: center;
  background-size: cover;
}
.p-top-visual__inner {
  max-width: 80%;
  padding: 80px 0 140px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .p-top-visual__inner svg {
    width: 100%;
    height: auto;
  }
}
.p-top-visual__ttl {
  padding: 40px 0;
  margin: 0 0 20px;
}
@media screen and (max-width: 1024px) {
  .p-top-visual__ttl {
    padding: 10px 0;
  }
}
.p-top-visual__enter-btn {
  font-size: 0;
  display: inline-block;
  animation: flashing 1s ease-in-out infinite alternate;
}
.p-top-visual__enter-btn .c-glitch-img {
  background-image: url("../images/enter/btn_enter_off.png");
  background-position: center;
  background-size: contain;
  animation-delay: 1s;
}