/* ====================================================================
   アニメーション専用スタイル（animations.css）
   
   【対象ページ】
   - 全ページ共通: CSS Transitions, Intersection Observer用スタイル
   
   【機能】
   - スクロール連動フェードイン
   - CSS Transitions（ホバーエフェクト等）
   - アニメーション関連の共通定義
   
   【重要】
   - このファイルの変更は禁止（動作確認済みのため）
   ==================================================================== */

/* ====================================================================
   1. スクロール連動フェードインアニメーション
   ==================================================================== */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}