/* ==========================================================================
   スクロール連動アニメーション
   （フェード対象セレクタと初期非表示スタイルは partials/header.php を参照）
   ========================================================================== */

/* ---- フェードイン ---- */
html.reveal-on .is-revealed {
  opacity: 1;
  transform: none;
}

/* ---- 棒グラフ ---- */
html.reveal-on .chart__bar {
  height: 0;
  transition: none;
}

/* ---- フッターの LINE 吹き出し ---- */
@keyframes bubble-bounce {
  0%, 100% { transform: translateY(0); }
  20% { transform: translateY(-10px); }
  40% { transform: translateY(0); }
  55% { transform: translateY(-5px); }
  70% { transform: translateY(0); }
  82% { transform: translateY(-2px); }
  92% { transform: translateY(0); }
}
html.reveal-on .footer-social__note.is-bounced {
  animation: bubble-bounce 1.1s cubic-bezier(.28, .84, .42, 1);
}