@charset "UTF-8";

/* 表示領域に入ったコンテンツ */
.fadeIn {
  animation: fadeInAnime 1s forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeInTrigger {
  opacity: 0;
}

/* ロゴ・メインビジュアル */
.blur {
  animation: blurAnime 1s forwards;
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fadeIn,
  .fadeInTrigger,
  .blur {
    animation: none;
    opacity: 1;
  }
}