@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/* MV  PC
------------------------------------ */
@media screen and (min-width: 768px) {
  .top .headline {
    opacity: 0;
    transform: translateY(20px);
    animation: headlineFade 0.4s ease forwards;
    animation-delay: 1.7s;
  }
}
.top .mv {
  opacity: 0;
  filter: blur(12px);
  animation: mvShow 0.6s ease forwards, kenBurns 3s ease-out forwards;
}
.top .mv-catch {
  overflow: hidden;
}
.top .mv-catch span {
  opacity: 0;
  transform: translateY(100%);
}
.top .mv-catch01 {
  animation: catchUp 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: 0.5s;
}
.top .mv-catch02 {
  animation: catchUp 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: 0.7s;
}
.top .mv-catch03 {
  animation: catchUp 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: 0.9s;
}
.top .mv-catch04 {
  animation: catchUp 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: 1.1s;
}
.top .about-list-item::before {
  width: 0;
  opacity: 0;
  overflow: hidden;
}
.top .about-list-item01.aos-animate::before, .top .about-list-item03.aos-animate::before {
  animation: border01 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
.top .about-list-item01.aos-animate::before {
  animation-delay: 0.7s;
}
.top .about-list-item02.aos-animate::before {
  animation: border02 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: 1s;
}
.top .about-list-item03.aos-animate::before {
  animation-delay: 1.3s;
}

.top .com-ttl01 .en img, .sub .com-ttl01 .en img {
  transform-origin: center;
  animation: wobble 2.5s ease-in-out infinite;
}

/* animation 
------------------------------------ */
/* MV出現 */
@keyframes mvShow {
  0% {
    opacity: 0;
    filter: blur(12px);
  }
  100% {
    opacity: 1;
    filter: blur(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 */