.act01,
.act02,
.act03,
.act04,
.act05,
.act06,
.act07,
.act08,
.act09,
.act10,
.act {
  opacity: 0;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.act01:before, .act01.on,
.act02:before,
.act02.on,
.act03:before,
.act03.on,
.act04:before,
.act04.on,
.act05:before,
.act05.on,
.act06:before,
.act06.on,
.act07:before,
.act07.on,
.act08:before,
.act08.on,
.act09:before,
.act09.on,
.act10:before,
.act10.on,
.act:before,
.act.on {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.act01.set,
.act02.set,
.act03.set,
.act04.set,
.act05.set,
.act06.set,
.act07.set,
.act08.set,
.act09.set,
.act10.set,
.act.set {
  opacity: 0;
}
.act01.set.on,
.act02.set.on,
.act03.set.on,
.act04.set.on,
.act05.set.on,
.act06.set.on,
.act07.set.on,
.act08.set.on,
.act09.set.on,
.act10.set.on,
.act.set.on {
  opacity: 1;
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
}
.act01.set.first,
.act02.set.first,
.act03.set.first,
.act04.set.first,
.act05.set.first,
.act06.set.first,
.act07.set.first,
.act08.set.first,
.act09.set.first,
.act10.set.first,
.act.set.first {
  opacity: 1;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.act01.slow,
.act02.slow,
.act03.slow,
.act04.slow,
.act05.slow,
.act06.slow,
.act07.slow,
.act08.slow,
.act09.slow,
.act10.slow,
.act.slow {
  -webkit-transition-duration: 3500ms !important;
          transition-duration: 3500ms !important;
}
.act01.delay_1,
.act02.delay_1,
.act03.delay_1,
.act04.delay_1,
.act05.delay_1,
.act06.delay_1,
.act07.delay_1,
.act08.delay_1,
.act09.delay_1,
.act10.delay_1,
.act.delay_1 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.act01.delay_1 .set.on, .act01.delay_1:before, .act01.delay_1.on,
.act02.delay_1 .set.on,
.act02.delay_1:before,
.act02.delay_1.on,
.act03.delay_1 .set.on,
.act03.delay_1:before,
.act03.delay_1.on,
.act04.delay_1 .set.on,
.act04.delay_1:before,
.act04.delay_1.on,
.act05.delay_1 .set.on,
.act05.delay_1:before,
.act05.delay_1.on,
.act06.delay_1 .set.on,
.act06.delay_1:before,
.act06.delay_1.on,
.act07.delay_1 .set.on,
.act07.delay_1:before,
.act07.delay_1.on,
.act08.delay_1 .set.on,
.act08.delay_1:before,
.act08.delay_1.on,
.act09.delay_1 .set.on,
.act09.delay_1:before,
.act09.delay_1.on,
.act10.delay_1 .set.on,
.act10.delay_1:before,
.act10.delay_1.on,
.act.delay_1 .set.on,
.act.delay_1:before,
.act.delay_1.on {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.act01.delay_2,
.act02.delay_2,
.act03.delay_2,
.act04.delay_2,
.act05.delay_2,
.act06.delay_2,
.act07.delay_2,
.act08.delay_2,
.act09.delay_2,
.act10.delay_2,
.act.delay_2 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.act01.delay_2 .set.on, .act01.delay_2:before, .act01.delay_2.on,
.act02.delay_2 .set.on,
.act02.delay_2:before,
.act02.delay_2.on,
.act03.delay_2 .set.on,
.act03.delay_2:before,
.act03.delay_2.on,
.act04.delay_2 .set.on,
.act04.delay_2:before,
.act04.delay_2.on,
.act05.delay_2 .set.on,
.act05.delay_2:before,
.act05.delay_2.on,
.act06.delay_2 .set.on,
.act06.delay_2:before,
.act06.delay_2.on,
.act07.delay_2 .set.on,
.act07.delay_2:before,
.act07.delay_2.on,
.act08.delay_2 .set.on,
.act08.delay_2:before,
.act08.delay_2.on,
.act09.delay_2 .set.on,
.act09.delay_2:before,
.act09.delay_2.on,
.act10.delay_2 .set.on,
.act10.delay_2:before,
.act10.delay_2.on,
.act.delay_2 .set.on,
.act.delay_2:before,
.act.delay_2.on {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.act01.delay_3,
.act02.delay_3,
.act03.delay_3,
.act04.delay_3,
.act05.delay_3,
.act06.delay_3,
.act07.delay_3,
.act08.delay_3,
.act09.delay_3,
.act10.delay_3,
.act.delay_3 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.act01.delay_3 .set.on, .act01.delay_3:before, .act01.delay_3.on,
.act02.delay_3 .set.on,
.act02.delay_3:before,
.act02.delay_3.on,
.act03.delay_3 .set.on,
.act03.delay_3:before,
.act03.delay_3.on,
.act04.delay_3 .set.on,
.act04.delay_3:before,
.act04.delay_3.on,
.act05.delay_3 .set.on,
.act05.delay_3:before,
.act05.delay_3.on,
.act06.delay_3 .set.on,
.act06.delay_3:before,
.act06.delay_3.on,
.act07.delay_3 .set.on,
.act07.delay_3:before,
.act07.delay_3.on,
.act08.delay_3 .set.on,
.act08.delay_3:before,
.act08.delay_3.on,
.act09.delay_3 .set.on,
.act09.delay_3:before,
.act09.delay_3.on,
.act10.delay_3 .set.on,
.act10.delay_3:before,
.act10.delay_3.on,
.act.delay_3 .set.on,
.act.delay_3:before,
.act.delay_3.on {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.act01.delay_4,
.act02.delay_4,
.act03.delay_4,
.act04.delay_4,
.act05.delay_4,
.act06.delay_4,
.act07.delay_4,
.act08.delay_4,
.act09.delay_4,
.act10.delay_4,
.act.delay_4 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.act01.delay_4 .set.on, .act01.delay_4:before, .act01.delay_4.on,
.act02.delay_4 .set.on,
.act02.delay_4:before,
.act02.delay_4.on,
.act03.delay_4 .set.on,
.act03.delay_4:before,
.act03.delay_4.on,
.act04.delay_4 .set.on,
.act04.delay_4:before,
.act04.delay_4.on,
.act05.delay_4 .set.on,
.act05.delay_4:before,
.act05.delay_4.on,
.act06.delay_4 .set.on,
.act06.delay_4:before,
.act06.delay_4.on,
.act07.delay_4 .set.on,
.act07.delay_4:before,
.act07.delay_4.on,
.act08.delay_4 .set.on,
.act08.delay_4:before,
.act08.delay_4.on,
.act09.delay_4 .set.on,
.act09.delay_4:before,
.act09.delay_4.on,
.act10.delay_4 .set.on,
.act10.delay_4:before,
.act10.delay_4.on,
.act.delay_4 .set.on,
.act.delay_4:before,
.act.delay_4.on {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.act01.delay_5,
.act02.delay_5,
.act03.delay_5,
.act04.delay_5,
.act05.delay_5,
.act06.delay_5,
.act07.delay_5,
.act08.delay_5,
.act09.delay_5,
.act10.delay_5,
.act.delay_5 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.act01.delay_5 .set.on, .act01.delay_5:before, .act01.delay_5.on,
.act02.delay_5 .set.on,
.act02.delay_5:before,
.act02.delay_5.on,
.act03.delay_5 .set.on,
.act03.delay_5:before,
.act03.delay_5.on,
.act04.delay_5 .set.on,
.act04.delay_5:before,
.act04.delay_5.on,
.act05.delay_5 .set.on,
.act05.delay_5:before,
.act05.delay_5.on,
.act06.delay_5 .set.on,
.act06.delay_5:before,
.act06.delay_5.on,
.act07.delay_5 .set.on,
.act07.delay_5:before,
.act07.delay_5.on,
.act08.delay_5 .set.on,
.act08.delay_5:before,
.act08.delay_5.on,
.act09.delay_5 .set.on,
.act09.delay_5:before,
.act09.delay_5.on,
.act10.delay_5 .set.on,
.act10.delay_5:before,
.act10.delay_5.on,
.act.delay_5 .set.on,
.act.delay_5:before,
.act.delay_5.on {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.act01.delay_6,
.act02.delay_6,
.act03.delay_6,
.act04.delay_6,
.act05.delay_6,
.act06.delay_6,
.act07.delay_6,
.act08.delay_6,
.act09.delay_6,
.act10.delay_6,
.act.delay_6 {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.act01.delay_6 .set.on, .act01.delay_6:before, .act01.delay_6.on,
.act02.delay_6 .set.on,
.act02.delay_6:before,
.act02.delay_6.on,
.act03.delay_6 .set.on,
.act03.delay_6:before,
.act03.delay_6.on,
.act04.delay_6 .set.on,
.act04.delay_6:before,
.act04.delay_6.on,
.act05.delay_6 .set.on,
.act05.delay_6:before,
.act05.delay_6.on,
.act06.delay_6 .set.on,
.act06.delay_6:before,
.act06.delay_6.on,
.act07.delay_6 .set.on,
.act07.delay_6:before,
.act07.delay_6.on,
.act08.delay_6 .set.on,
.act08.delay_6:before,
.act08.delay_6.on,
.act09.delay_6 .set.on,
.act09.delay_6:before,
.act09.delay_6.on,
.act10.delay_6 .set.on,
.act10.delay_6:before,
.act10.delay_6.on,
.act.delay_6 .set.on,
.act.delay_6:before,
.act.delay_6.on {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.inup {
  -webkit-transform: translate(0, 80px);
          transform: translate(0, 80px);
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.inup.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.inup.first {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.indown {
  -webkit-transform: translate(0, -80px);
          transform: translate(0, -80px);
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.indown.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.indown.first {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.inleft {
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.inleft.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.inleft.first {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.inright {
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.inright.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.inright.first {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-duration: 4s;
          transition-duration: 4s;
}

.slide_l {
  position: relative;
}
.slide_l.on {
  opacity: 1;
}
.slide_l.on:before {
  content: "";
  position: absolute;
  background-color: #1f3290;
  -webkit-animation-name: slide_l;
          animation-name: slide_l;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slide_l.first {
  opacity: 1;
}
.slide_l.first:before {
  content: "";
  position: absolute;
  background-color: #1f3290;
  -webkit-animation-name: slide_l;
          animation-name: slide_l;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@-webkit-keyframes slide_l {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes slide_l {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.slide_r {
  position: relative;
}
.slide_r.on .actset {
  opacity: 1;
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}
.slide_r.on {
  opacity: 1;
}
.slide_r.on:before {
  content: "";
  position: absolute;
  background-color: #1f3290;
  -webkit-animation-name: slide_r;
          animation-name: slide_r;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@-webkit-keyframes slide_r {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes slide_r {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.slide_t {
  position: relative;
}
.slide_t.on .actset {
  opacity: 1;
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}
.slide_t.on {
  opacity: 1;
}
.slide_t.on:before {
  content: "";
  position: absolute;
  background-color: #153243;
  -webkit-animation-name: slide_t;
          animation-name: slide_t;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@-webkit-keyframes slide_t {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes slide_t {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.slide_b {
  position: relative;
}
.slide_b.on {
  opacity: 1;
}
.slide_b.on:before {
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-animation-name: slide_b;
          animation-name: slide_b;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@-webkit-keyframes slide_b {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes slide_b {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.zoom_out {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.zoom_out.on {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: 2.5s;
  transition: 2.5s;
}
.zoom_out.first {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: 3.5s;
  transition: 3.5s;
}

.zoom_in {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
}
.zoom_in.on {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.zoom_in.first {
  opacity: 1;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 3.5s;
          animation-duration: 3.5s;
  -webkit-transition: 3.5s;
  transition: 3.5s;
}

.blur.on {
  opacity: 0;
  -webkit-animation-name: anime-blur;
          animation-name: anime-blur;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.blur.first {
  opacity: 0;
  -webkit-animation-name: anime-blur;
          animation-name: anime-blur;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes anime-blur {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em);
    -webkit-filter: blur(2.5rem);
            filter: blur(2.5rem);
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes anime-blur {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em);
    -webkit-filter: blur(2.5rem);
            filter: blur(2.5rem);
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.lineup {
  letter-spacing: -3rem !important;
  -webkit-transition-duration: 1.2s !important;
          transition-duration: 1.2s !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lineup.on {
  letter-spacing: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
}
.lineup.first {
  letter-spacing: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: 2s;
  transition: 2s;
}

.flip_l {
  -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
          transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  -webkit-transition-duration: 1500s;
          transition-duration: 1500s;
}
.flip_l.on {
  opacity: 1;
  -webkit-perspective-origin: left center;
          perspective-origin: left center;
  -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
          transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
}

.flip_r {
  -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
          transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
  opacity: 0;
}
.flip_r.on {
  -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
          transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
}

.flip_b {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
  opacity: 0;
}
.flip_b.on {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
  opacity: 1;
}

.rotateY {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  opacity: 0;
}
.rotateY.on {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
  opacity: 1;
}

.txt_split.type_popup.on {
  opacity: 1;
}
.txt_split.type_popup.on span {
  opacity: 0;
  animation: type_popup 0.3s ease forwards;
  -webkit-animation: type_popup 0.3s ease forwards;
  display: inline-block;
}
.txt_split.type_popup.first {
  opacity: 1;
}
.txt_split.type_popup.first span {
  opacity: 0;
  animation: type_popup 0.3s ease forwards;
  -webkit-animation: type_popup 0.3s ease forwards;
  display: inline-block;
}
.txt_split.type_up.on {
  opacity: 1;
}
.txt_split.type_up.on span {
  opacity: 0;
  animation: type_up 0.3s ease forwards;
  -webkit-animation: type_up 0.3s ease forwards;
  display: inline-block;
}
.txt_split.type_up.first {
  opacity: 1;
}
.txt_split.type_up.first span {
  opacity: 0;
  animation: type_up 0.3s ease forwards;
  -webkit-animation: type_up 0.3s ease forwards;
  display: inline-block;
}
.txt_split.type_blur.on {
  opacity: 1;
}
.txt_split.type_blur.on span {
  opacity: 0;
  -webkit-animation: catch-anime-blur 0.8s ease-in 0.8s forwards;
  animation: catch-anime-blur 0.8s ease-in 0.8s forwards;
  display: inline-block;
}
.txt_split.type_blur.first {
  opacity: 1;
}
.txt_split.type_blur.first span {
  opacity: 0;
  -webkit-animation: catch-anime-blur 0.8s ease-in 2.8s forwards;
  animation: catch-anime-blur 0.8s ease-in 2.8s forwards;
  display: inline-block;
}
.txt_split.type_lineup {
  letter-spacing: -10em !important;
}
.txt_split.type_lineup.on {
  opacity: 1;
}
.txt_split.type_lineup.on span {
  letter-spacing: 0 !important;
  opacity: 1;
  transition: 2s -1.5s !important;
}
.txt_split.type_lineup.first {
  opacity: 1;
}
.txt_split.type_lineup.first span {
  letter-spacing: 0 !important;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.txt_split.type_box_big span, .txt_split.type_box span {
  background-color: #1f3290;
}
.txt_split.type_box_sub_big span, .txt_split.type_box_sub span {
  background-color: #153243;
}
.txt_split.type_box span, .txt_split.type_box_sub span {
  line-height: 50px;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 120%;
  color: #fff;
  margin: 3px;
}
@media screen and (max-width: 500px) {
  .txt_split.type_box span, .txt_split.type_box_sub span {
    line-height: 2;
    height: 2em;
    width: 2em;
    font-size: 120%;
    margin: 1px;
  }
}
.txt_split.type_box.on, .txt_split.type_box_sub.on {
  opacity: 1;
}
.txt_split.type_box.on span, .txt_split.type_box_sub.on span {
  opacity: 0;
  -webkit-animation: catch-anime 0.8s ease-in 2.8s forwards;
  animation: catch-anime 0.8s ease-in 2.8s forwards;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.txt_split.type_box.first, .txt_split.type_box_sub.first {
  opacity: 1;
}
.txt_split.type_box.first span, .txt_split.type_box_sub.first span {
  opacity: 0;
  -webkit-animation: catch-anime 0.8s ease-in 2.8s forwards;
  animation: catch-anime 0.8s ease-in 2.8s forwards;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.txt_split.type_box.radius span, .txt_split.type_box_sub.radius span {
  border-radius: 5px;
  font-size: 90%;
}
.txt_split.type_box_big span, .txt_split.type_box_sub_big span {
  line-height: 1.6em;
  width: 1.6em;
  text-align: center;
  color: #fff;
  margin: 3px;
  border-radius: 10px;
}
@media screen and (max-width: 500px) {
  .txt_split.type_box_big span, .txt_split.type_box_sub_big span {
    line-height: 1.6em;
    width: 1.6em;
  }
}
.txt_split.type_box_big.on, .txt_split.type_box_sub_big.on {
  opacity: 1;
}
.txt_split.type_box_big.on span, .txt_split.type_box_sub_big.on span {
  opacity: 0;
  -webkit-animation: catch-anime 0.8s ease-in 2.8s forwards;
  animation: catch-anime 0.8s ease-in 2.8s forwards;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.txt_split.type_box_big.first, .txt_split.type_box_sub_big.first {
  opacity: 1;
}
.txt_split.type_box_big.first span, .txt_split.type_box_sub_big.first span {
  opacity: 0;
  -webkit-animation: catch-anime 0.8s ease-in 2.8s forwards;
  animation: catch-anime 0.8s ease-in 2.8s forwards;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.txt_split.type_glow.on {
  opacity: 1;
}
.txt_split.type_glow.on span {
  opacity: 0;
  -webkit-animation: catch-anime-glow 0s ease-out forwards;
          animation: catch-anime-glow 0s ease-out forwards;
}
.txt_split.type_glow.first {
  opacity: 1;
}
.txt_split.type_glow.first span {
  opacity: 0;
  -webkit-animation: catch-anime-glow 1s ease-in forwards;
          animation: catch-anime-glow 1s ease-in forwards;
}

.glowAnime span {
  opacity: 0;
}

.glowAnime.glow span {
  -webkit-animation: catch-anime-glow 1s ease-out forwards;
          animation: catch-anime-glow 1s ease-out forwards;
}

@-webkit-keyframes catch-anime-glow {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 10px transparent, 0 0 15px transparent;
  }
}

@keyframes catch-anime-glow {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 #fff, 0 0 0 #fff;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff;
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 10px transparent, 0 0 15px transparent;
  }
}
@-webkit-keyframes type_popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes type_popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes type_up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes type_up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes catch-anime-blur {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-filter: blur(1.5rem);
            filter: blur(1.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes catch-anime-blur {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-filter: blur(1.5rem);
            filter: blur(1.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.logo_animation01 {
  position: relative;
  width: 100px;
  height: 100px;
}
.logo_animation01.size_m {
  width: 300px;
  height: 300px;
}
.logo_animation01 li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: logo_animation01 1.5s ease infinite alternate forwards;
          animation: logo_animation01 1.5s ease infinite alternate forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.logo_animation01 li:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  z-index: 0;
}
.logo_animation01 li:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  z-index: 1;
}
.logo_animation01 li:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  z-index: 2;
}

@-webkit-keyframes logo_animation01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes logo_animation01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.logo_animation02 {
  position: relative;
  width: 100px;
  height: 100px;
}
.logo_animation02 li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.logo_animation02 li:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  z-index: 0;
  -webkit-animation: logo_animation02b 1.5s ease infinite alternate forwards;
          animation: logo_animation02b 1.5s ease infinite alternate forwards;
}
.logo_animation02 li:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  z-index: 1;
  -webkit-animation: logo_animation02c 1.5s ease infinite alternate forwards;
          animation: logo_animation02c 1.5s ease infinite alternate forwards;
}
.logo_animation02 li:nth-child(3) {
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
  z-index: 2;
  -webkit-animation: logo_animation02a 3.5s ease infinite alternate forwards;
          animation: logo_animation02a 3.5s ease infinite alternate forwards;
}

@-webkit-keyframes logo_animation02a {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes logo_animation02a {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes logo_animation02b {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes logo_animation02b {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes logo_animation02c {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes logo_animation02c {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.logo_animation03 {
  position: relative;
  width: 100%;
  height: 500px;
}
.logo_animation03 li {
  opacity: 0;
  -webkit-animation: logo_animation01 1.5s ease infinite alternate forwards;
          animation: logo_animation01 1.5s ease infinite alternate forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  text-align: center;
  margin: 0 auto 60px;
}
.logo_animation03 li:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  z-index: 0;
  line-height: 1.4;
  margin: 0 auto 60px;
  letter-spacing: 0.5em;
}
.logo_animation03 li:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  z-index: 1;
  margin: 0 auto 60px;
}
.logo_animation03 li:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  z-index: 2;
  font-size: 120%;
  line-height: 1.2;
  margin: 0 auto 0;
  letter-spacing: 0.5em;
}