@charset "UTF-8";
@keyframes mile-move-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes yurayura1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  @keyframes yurayura1 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-3.5px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@keyframes yurayura2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  @keyframes yurayura2 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(3.5px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@keyframes top-kv-bubble {
  0% {
    scale: 0;
    opacity: 0;
  }
  66% {
    scale: 0;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes top-kv-bubble2 {
  0% {
    scale: 0;
    opacity: 0;
  }
  80% {
    scale: 0;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes top-kv-cloud-tl {
  0% {
    transform: translate(10px, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-cloud-bl {
  0% {
    transform: translate(30px, -8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-cloud-tr {
  0% {
    transform: translate(-10px, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-cloud-br {
  0% {
    transform: translate(-30px, -8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-gull {
  0% {
    transform: translate(90px, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-ship1 {
  0% {
    scale: 1.186;
    transform: translate(-245px, 62.4px);
  }
  100% {
    scale: 1;
    transform: translate(0, 0);
  }
}
@keyframes top-kv-ship2 {
  0% {
    scale: 1.186;
    transform: translate(-178.4px, 46px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes top-kv-ship3 {
  0% {
    scale: 1.186;
    transform: translate(248.3px, 56.8px);
  }
  100% {
    scale: 1;
    transform: translate(0, 0);
  }
}
@keyframes top-kv-ship4 {
  0% {
    scale: 1.186;
    transform: translate(253.1px, 72.8px);
  }
  100% {
    scale: 1;
    transform: translate(0, 0);
  }
}