/* =========================================
   Fade In Animation
   ========================================= */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px); /* 30px下から開始 */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* フェードインさせたい要素につけるクラス */
.fade-in-up {
  animation-name: fadeInUp;
  animation-duration: 1.2s; /* 1.2秒かけて表示 */
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); /* なめらかな動き */
  animation-fill-mode: forwards; /* アニメーション後、表示状態を維持 */
  opacity: 0; /* 最初は消しておく */
}

/* 前回のコードにこれを追記 */
.delay-content {
  animation-delay: 0.4s; /* 0.4秒遅れてスタート */
}