@keyframes blur {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes smallblur {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes sec00-bg {
  0% {
    opacity: 0;
    transform: scale(1.4) translate(-50%, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, 0);
  }
}
div.hero-video {
  opacity: 0;
  animation: smallblur 1s 0.8s ease forwards;
}

.sec00-box01 h1 {
  animation: blur 1.4s 1s ease forwards;
}
@media screen and (min-width: 768px) {
  .sec00-box01 h1 {
    animation: none;
  }
}
.sec00-box01 p {
  animation: blur 0.6s 1.1s ease forwards;
}
@media screen and (min-width: 768px) {
  .sec00-box01 p {
    animation: none;
  }
}
.sec00-box01 .sec00-bg {
  animation: sec00-bg 1s 1.2s ease forwards;
}
@media screen and (min-width: 768px) {
  .sec00-box01 .sec00-bg {
    animation: none;
  }
}

.sec00-box01 h1, .sec00-box01 p, .sec00-box01 .sec00-bg {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .sec00-box01.ani.animation h1 {
    animation: blur 1.4s ease forwards;
  }
  .sec00-box01.ani.animation p {
    animation: blur 1s 0.1s ease forwards;
  }
  .sec00-box01.ani.animation .sec00-bg {
    animation: sec00-bg 1s 0.3s ease forwards;
  }
}

section.sec00 .movie-box-wrap,
section.sec01 h3,
section.sec01 h4,
section.sec01 .line,
section.sec01 .arrow,
section.sec01 p.en-copy,
section.sec01 p.border-txt,
section.sec01 p.sec01--txt01,
section.sec01 p.sec01--txt02,
section.sec01 p.sec01--txt03,
div.sec01--movie-box,
.wave-mark,
.sec01--icon01,
.features-inbox,
section.sec02 .sec02-anitxt,
.sec02-box,
.sec03-txt01,
.sec04 p,
.sec04 a,
.sec04 .sec04-slide-wrap {
  opacity: 0;
}
section.sec00 .movie-box-wrap.ani.animation,
section.sec01 h3.ani.animation,
section.sec01 h4.ani.animation,
section.sec01 .line.ani.animation,
section.sec01 .arrow.ani.animation,
section.sec01 p.en-copy.ani.animation,
section.sec01 p.border-txt.ani.animation,
section.sec01 p.sec01--txt01.ani.animation,
section.sec01 p.sec01--txt02.ani.animation,
section.sec01 p.sec01--txt03.ani.animation,
div.sec01--movie-box.ani.animation,
.wave-mark.ani.animation,
.sec01--icon01.ani.animation,
.features-inbox.ani.animation,
section.sec02 .sec02-anitxt.ani.animation,
.sec02-box.ani.animation,
.sec03-txt01.ani.animation,
.sec04 p.ani.animation,
.sec04 a.ani.animation,
.sec04 .sec04-slide-wrap.ani.animation {
  animation: blur 0.8s ease forwards;
}

@keyframes title {
  0% {
    transform: translate(0, 1.4em) rotate(20deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
section.sec01 h2,
section.sec02 h2,
section.sec03 h2,
section.sec04 h2 {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  section.sec01 h2,
  section.sec02 h2,
  section.sec03 h2,
  section.sec04 h2 {
    height: 1.4em;
  }
}
section.sec01 h2 span,
section.sec02 h2 span,
section.sec03 h2 span,
section.sec04 h2 span {
  display: inline-block;
  transform: translate(0, 1.4em);
}
@media screen and (min-width: 768px) {
  section.sec01 h2 span,
  section.sec02 h2 span,
  section.sec03 h2 span,
  section.sec04 h2 span {
    height: 1.4em;
    vertical-align: -0.05em;
  }
}
@media screen and (min-width: 1000px) {
  section.sec01 h2 span,
  section.sec02 h2 span,
  section.sec03 h2 span,
  section.sec04 h2 span {
    vertical-align: -0.25em;
  }
}
section.sec01 h2.animation span:nth-of-type(1),
section.sec02 h2.animation span:nth-of-type(1),
section.sec03 h2.animation span:nth-of-type(1),
section.sec04 h2.animation span:nth-of-type(1) {
  animation: title 0.6s 0.1s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(2),
section.sec02 h2.animation span:nth-of-type(2),
section.sec03 h2.animation span:nth-of-type(2),
section.sec04 h2.animation span:nth-of-type(2) {
  animation: title 0.6s 0.15s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(3),
section.sec02 h2.animation span:nth-of-type(3),
section.sec03 h2.animation span:nth-of-type(3),
section.sec04 h2.animation span:nth-of-type(3) {
  animation: title 0.6s 0.2s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(4),
section.sec02 h2.animation span:nth-of-type(4),
section.sec03 h2.animation span:nth-of-type(4),
section.sec04 h2.animation span:nth-of-type(4) {
  animation: title 0.6s 0.25s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(5),
section.sec02 h2.animation span:nth-of-type(5),
section.sec03 h2.animation span:nth-of-type(5),
section.sec04 h2.animation span:nth-of-type(5) {
  animation: title 0.6s 0.3s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(6),
section.sec02 h2.animation span:nth-of-type(6),
section.sec03 h2.animation span:nth-of-type(6),
section.sec04 h2.animation span:nth-of-type(6) {
  animation: title 0.6s 0.35s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(7),
section.sec02 h2.animation span:nth-of-type(7),
section.sec03 h2.animation span:nth-of-type(7),
section.sec04 h2.animation span:nth-of-type(7) {
  animation: title 0.6s 0.4s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(8),
section.sec02 h2.animation span:nth-of-type(8),
section.sec03 h2.animation span:nth-of-type(8),
section.sec04 h2.animation span:nth-of-type(8) {
  animation: title 0.6s 0.45s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(9),
section.sec02 h2.animation span:nth-of-type(9),
section.sec03 h2.animation span:nth-of-type(9),
section.sec04 h2.animation span:nth-of-type(9) {
  animation: title 0.6s 0.5s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(10),
section.sec02 h2.animation span:nth-of-type(10),
section.sec03 h2.animation span:nth-of-type(10),
section.sec04 h2.animation span:nth-of-type(10) {
  animation: title 0.6s 0.55s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(11),
section.sec02 h2.animation span:nth-of-type(11),
section.sec03 h2.animation span:nth-of-type(11),
section.sec04 h2.animation span:nth-of-type(11) {
  animation: title 0.6s 0.6s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(12),
section.sec02 h2.animation span:nth-of-type(12),
section.sec03 h2.animation span:nth-of-type(12),
section.sec04 h2.animation span:nth-of-type(12) {
  animation: title 0.6s 0.65s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(13),
section.sec02 h2.animation span:nth-of-type(13),
section.sec03 h2.animation span:nth-of-type(13),
section.sec04 h2.animation span:nth-of-type(13) {
  animation: title 0.6s 0.7s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(14),
section.sec02 h2.animation span:nth-of-type(14),
section.sec03 h2.animation span:nth-of-type(14),
section.sec04 h2.animation span:nth-of-type(14) {
  animation: title 0.6s 0.75s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(15),
section.sec02 h2.animation span:nth-of-type(15),
section.sec03 h2.animation span:nth-of-type(15),
section.sec04 h2.animation span:nth-of-type(15) {
  animation: title 0.6s 0.8s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(16),
section.sec02 h2.animation span:nth-of-type(16),
section.sec03 h2.animation span:nth-of-type(16),
section.sec04 h2.animation span:nth-of-type(16) {
  animation: title 0.6s 0.85s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(17),
section.sec02 h2.animation span:nth-of-type(17),
section.sec03 h2.animation span:nth-of-type(17),
section.sec04 h2.animation span:nth-of-type(17) {
  animation: title 0.6s 0.9s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(18),
section.sec02 h2.animation span:nth-of-type(18),
section.sec03 h2.animation span:nth-of-type(18),
section.sec04 h2.animation span:nth-of-type(18) {
  animation: title 0.6s 0.95s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(19),
section.sec02 h2.animation span:nth-of-type(19),
section.sec03 h2.animation span:nth-of-type(19),
section.sec04 h2.animation span:nth-of-type(19) {
  animation: title 0.6s 1s ease forwards;
}
section.sec01 h2.animation span:nth-of-type(20),
section.sec02 h2.animation span:nth-of-type(20),
section.sec03 h2.animation span:nth-of-type(20),
section.sec04 h2.animation span:nth-of-type(20) {
  animation: title 0.6s 1.05s ease forwards;
}

.sec03-box.animation div.box01 {
  animation: box01 0.6s 0.4s ease forwards;
}
.sec03-box.animation div.box01 span.txt01 {
  animation: txt01 0.6s 1.2s ease forwards;
}
.sec03-box.animation div.box01 span.txt02 {
  animation: txt02 0.6s 1.2s ease forwards;
}
.sec03-box.animation .arrow {
  animation: arrow 0.6s 0.4s ease forwards;
}

@keyframes box01 {
  0% {
    height: 76%;
  }
  100% {
    height: 42.4%;
  }
}
@keyframes txt01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes txt02 {
  0% {
    opacity: 0;
    transform: translate(-50%, -105%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -95%);
  }
}
@keyframes arrow {
  0% {
    opacity: 0;
    transform: translate(-10%, -10%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}/*# sourceMappingURL=animation.css.map */