/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/* MV  PC
------------------------------------ */
.top .headline,
.top .mv-catch img,
.top .mv-img {
  opacity: 0;
}
.top .mv-catch {
  overflow: hidden;
}
.top .mv-img {
  animation: fade 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.top .headline {
  animation: fade 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 0.8s;
}
.top .catch01 {
  animation: fadeLeft 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1s;
}
.top .catch02 {
  animation: fadeLeft 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1.2s;
}
.top .catch03 {
  animation: fadeLeft 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1.4s;
}
.top .catch04 {
  animation: fadeLeft 0.5s cubic-bezier(0.7, 0, 0.9, 1) forwards;
  animation-delay: 1.6s;
}

@keyframes mvImg {
  0% {
    width: 100%;
    opacity: 0;
  }
  30% {
    width: 100%;
    opacity: 1;
  }
  50% {
    width: 100%;
    opacity: 1;
  }
  100% {
    width: 81.7%;
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeLeft {
  from {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  to {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
/* SV  PC
------------------------------------ *//*# sourceMappingURL=animation.css.map */