/* ========================================
   読み込み時アニメーション
   ======================================== */

/* アニメーション定義 */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 適用クラス */
.animate-slideDown {
    animation: slideDown 0.8s ease-out;
}

.animate-slideDown-delay-short {
    animation: slideDown 0.8s ease-out 0.2s backwards;
}

.animate-slideDown-delay-medium {
    animation: slideDown 0.8s ease-out 0.4s backwards;
}

.animate-fadeIn {
    animation: fadeIn 1.2s ease-out;
}