@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: 0.3s;
}
.top .mv-img02 {
  animation-delay: 0.4s;
}
.top .mv-hata {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.4s ease forwards;
  animation-delay: 0.5s;
}
.top .mv-catch {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.4s ease forwards;
  animation-delay: 0.9s;
}
.top .mv-fuki {
  opacity: 0;
  filter: blur(12px);
  transform: translateY(-10px);
  animation: mvShow 0.4s ease forwards;
}
.top .mv-fuki01 {
  animation-delay: 1.1s;
}
.top .mv-fuki02 {
  animation-delay: 1.4s;
}
.top .mv-fuki02-deco {
  transform: translateY(75%);
  animation: nyoki 0.3s ease forwards;
  animation-delay: 1.7s;
  z-index: -1;
}
.top .worries-box .illu01 {
  transform: translateY(75%);
  z-index: -1;
}
.top .worries-box .illu01.aos-animate {
  animation-delay: 0.5s;
}
.top .worries-box .illu03 {
  transform: translateY(75%);
  z-index: -1;
}
.top .worries-box .illu03.aos-animate {
  animation-delay: 0.7s;
}
.top .worries-box .aos-animate {
  animation: nyoki 0.2s ease forwards;
}
.top .bnr-list-en {
  opacity: 0;
  transform: translate(-10px, 10px);
}
.top .bnr-list-en.aos-animate {
  animation: nyoki02 1s ease forwards;
  animation-delay: 0.3s;
}
.top .bnr-list-en02.aos-animate {
  animation-delay: 0.5s;
}
.top .bnr-list-en03.aos-animate {
  animation-delay: 0.7s;
}

/* animation 
------------------------------------ */
/* MV出現 */
@keyframes mvShow {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}
@keyframes nyoki {
  0% {
    transform: translateY(75%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes nyoki02 {
  0% {
    opacity: 0;
    transform: translate(-10px, 10px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/* Ken Burns */
@keyframes kenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
  }
}
/* 下から生える */
@keyframes catchUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* headline */
@keyframes headlineFade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes wobble {
  0% {
    transform: rotate(-0.4deg);
  }
  50% {
    transform: rotate(0.4deg);
  }
  100% {
    transform: rotate(-0.4deg);
  }
}
@keyframes border01 {
  from {
    width: 0;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  to {
    width: 48px;
    opacity: 1;
  }
}
@keyframes border02 {
  from {
    width: 0;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  to {
    width: 115px;
    opacity: 1;
  }
}/*# sourceMappingURL=animation.css.map */