@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/* MV  PC
------------------------------------ */
.top .mv-img {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.4s ease forwards;
  animation-delay: 0s;
}
.top .mv-catch {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.4s ease forwards;
  animation-delay: 0.2s;
}
.top .mv-catch .border::before {
  width: 0%;
  animation: catchBorder 0.5s cubic-bezier(0.931, 0.008, 0.677, 0.995) forwards;
}
.top .mv-catch .border01::before {
  animation-delay: 0.7s;
}
.top .mv-catch .border02::before {
  animation-delay: 0.8s;
}
.top .mv-catch .ac {
  color: #333333;
  animation: catchColor 0.3s ease forwards;
  animation-delay: 1.2s;
}
.top .mv-catch-sub {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.2s ease forwards;
  animation-delay: 1.2s;
}
.top .mv-catch-sub::before {
  width: 0%;
  animation: catchBorder 0.5s cubic-bezier(0.931, 0.008, 0.677, 0.995) forwards;
  animation-delay: 1.5s;
}

/* animation 
------------------------------------ */
/* MV出現 */
@keyframes mvShow {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes catchBorder {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes catchColor {
  0% {
    color: #333333;
  }
  100% {
    color: #ffa943;
  }
}/*# sourceMappingURL=animation.css.map */