/* style.css */

/* スムーズスクロールの設定 */
html {
    scroll-behavior: smooth;
}

/* フェードイン・アップ アニメーションの初期状態 */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

/* アニメーションの遅延ユーティリティ */
.delay-200 {
    transition-delay: 0.2s;
}

.delay-400 {
    transition-delay: 0.4s;
}

/* 画像のホバーエフェクト微調整 */
img {
    backface-visibility: hidden;
}