/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/* MV  PC
------------------------------------ */
.top .mv-catch-wrap {
  opacity: 0;
}
.top .mv-movie {
  animation: mvMovie 2s linear forwards;
}
.top .mv-catch-wrap {
  animation: mvFade 0.5s linear forwards;
  animation-delay: 0.5s;
}
.top .mv-catch .border::before {
  transform: scaleX(0);
  transform-origin: left;
  animation: marker 1s ease forwards;
  animation-delay: 0.7s;
}

@keyframes mvMovie {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  15% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    left: auto;
  }
}
@keyframes mvFade {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes marker {
  to {
    transform: scaleX(1);
  }
}
@keyframes headline {
  to {
    padding-top: 140px;
  }
}
/* SV  PC
------------------------------------ *//*# sourceMappingURL=animation.css.map */