/* ========== animation.css ========== */

/* フェードイン */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 1s forwards;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* スライドイン */
.slide-in-left {
  opacity: 0;
  transform: translateX(-40px);
  animation: slideLeft 1.2s forwards;
}
@keyframes slideLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* フェードインダウン */
.fade-in-down {
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeDown 1.2s forwards;
}
@keyframes fadeDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}