.ani-slidein {
  opacity: 0;
  filter: blur(2px);
}
.ani-slidein.left {
  transform: translateX(-10px);
}
.ani-slidein.left02 {
  transform: translateX(-50px);
}
.ani-slidein.right {
  transform: translateX(10px);
}
.ani-slidein.top {
  transform: translateY(-10px);
}
.ani-slidein.bottom {
  transform: translateY(10px);
}

.ani-fadein {
  opacity: 0;
}

.ani-textin {
  clip-path: inset(0 100% 0 0);
}
@media (max-width: 480px) {
  .ani-textin.fadein-sp {
    clip-path: inset(0);
    opacity: 0;
  }
}

.effect.ani-slidein {
  transition: transform ease-out 0.6s 0s, opacity ease-out 0.6s 0s, filter ease-out 0.6s 0s;
  opacity: 1;
  filter: blur(0);
  transform: translate(0);
}
.effect.ani-slidein.quick {
  transition: transform 0.4s 0s, opacity 0.4s 0s;
}
.effect.ani-slidein.trans-1 {
  transition: transform 1s 0s, opacity 1s 0s;
}
.effect.ani-slidein.trans-2 {
  transition: transform 2s 0s, opacity 2s 0s;
}
.effect.ani-fadein {
  transition: opacity 0.5s;
  opacity: 1;
}
.effect.ani-textin {
  transition: clip-path 2.6s;
  clip-path: inset(0);
}
.effect.ani-textin.slow {
  transition: clip-path 2s;
}
@media (max-width: 480px) {
  .effect.ani-textin.fadein-sp {
    transition: opacity 0.5s;
    opacity: 1;
  }
}
.effect.animated-text {
  transition: stroke-dashoffset 3s ease-in 0s;
  stroke-dashoffset: 0;
}

.delay-0 {
  transition-delay: 0s !important;
  animation-delay: 0s !important;
}

.delay-2 {
  transition-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}

.delay-3 {
  transition-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}

.delay-4 {
  transition-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}

.delay-5 {
  transition-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}

.delay-6 {
  transition-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}

.delay-7 {
  transition-delay: 0.7s !important;
  animation-delay: 0.7s !important;
}

.delay-8 {
  transition-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}

.delay-9 {
  transition-delay: 0.9s !important;
  animation-delay: 0.9s !important;
}

.delay-10 {
  transition-delay: 1s !important;
  animation-delay: 1s !important;
}

.delay-11 {
  transition-delay: 1.1s !important;
  animation-delay: 1.1s !important;
}

.delay-12 {
  transition-delay: 1.2s !important;
  animation-delay: 1.2s !important;
}

.delay-13 {
  transition-delay: 1.3s !important;
  animation-delay: 1.3s !important;
}

.delay-14 {
  transition-delay: 1.4s !important;
  animation-delay: 1.4s !important;
}

.delay-15 {
  transition-delay: 1.5s !important;
  animation-delay: 1.5s !important;
}

.delay-16 {
  transition-delay: 1.6s !important;
  animation-delay: 1.6s !important;
}

.delay-17 {
  transition-delay: 1.7s !important;
  animation-delay: 1.7s !important;
}

.delay-18 {
  transition-delay: 1.8s !important;
  animation-delay: 1.8s !important;
}

.delay-19 {
  transition-delay: 1.9s !important;
  animation-delay: 1.9s !important;
}

.delay-20 {
  transition-delay: 2s !important;
  animation-delay: 2s !important;
}

.delay-21 {
  transition-delay: 2.1s !important;
  animation-delay: 2.1s !important;
}

.delay-30 {
  transition-delay: 3s !important;
  animation-delay: 3s !important;
}

@media (max-width: 480px) {
  .delay-0-sp {
    transition-delay: 0s !important;
    animation-delay: 0s !important;
  }
}

@media (max-width: 480px) {
  .delay-5-sp {
    transition-delay: 0.5s !important;
    animation-delay: 0.5s !important;
  }
}

@media (max-width: 480px) {
  .delay-7-sp {
    transition-delay: 0.7s !important;
    animation-delay: 0.7s !important;
  }
}

@media (max-width: 480px) {
  .delay-12-sp {
    transition-delay: 1.2s !important;
    animation-delay: 1.2s !important;
  }
}

.ani-step01 {
  animation: org01 0.6s step-end infinite;
}

.ani-step02 {
  animation: org02 0.8s steps(2, end) infinite;
}

.ani-step02-r {
  animation: org02-r 0.8s steps(2, end) infinite;
}

@media (max-width: 480px) {
  .ani-step02-b-sp {
    animation: org01-b-sp 0.8s steps(2, end) infinite;
  }
}

.ani-step03 {
  animation: org03 0.8s steps(2, end) infinite;
}

.ani-step03-r {
  animation: org03-r 0.8s steps(2, end) infinite;
}

.ani-step04 {
  animation: org04 7s step-end backwards infinite;
}

.ani-step04-double {
  animation: org04-double 10s step-end backwards infinite;
}

@keyframes org01 {
  0% {
    rotate: 0deg;
  }
  50% {
    rotate: -2deg;
  }
  100% {
    rotate: 0deg;
  }
}
@keyframes org02 {
  0% {
    transform: translateY(0);
    rotate: 0deg;
  }
  100% {
    transform: translateY(5px);
    rotate: -4deg;
  }
}
@keyframes org02-r {
  0% {
    transform: translateY(0);
    rotate: 0deg;
  }
  100% {
    transform: translateY(-5px);
    rotate: 4deg;
  }
}
@keyframes org01-b-sp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes org03 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}
@keyframes org03-r {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes org04 {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  5.143% {
    clip-path: inset(0 66% 0 0);
  }
  10.286% {
    clip-path: inset(0 40% 0 0);
  }
  15.429% {
    clip-path: inset(0 0 0 0);
  }
  70.286% {
    clip-path: inset(0 0 0 0);
  }
  75.429% {
    clip-path: inset(0 0 0 33%);
  }
  80.571% {
    clip-path: inset(0 0 0 60%);
  }
  85.714% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes org04-double {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  2.571% {
    clip-path: inset(0 83% 0 0);
  }
  5.143% {
    clip-path: inset(0 66% 0 0);
  }
  7.714% {
    clip-path: inset(0 53% 0 0);
  }
  10.286% {
    clip-path: inset(0 40% 0 0);
  }
  12.857% {
    clip-path: inset(0 20% 0 0);
  }
  15.429% {
    clip-path: inset(0 0 0 0);
  }
  70.286% {
    clip-path: inset(0 0 0 0);
  }
  72.857% {
    clip-path: inset(0 0 0 16.5%);
  }
  75.429% {
    clip-path: inset(0 0 0 33%);
  }
  78% {
    clip-path: inset(0 0 0 46.5%);
  }
  80.571% {
    clip-path: inset(0 0 0 60%);
  }
  83.143% {
    clip-path: inset(0 0 0 80%);
  }
  85.714% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}/*# sourceMappingURL=animation.css.map */