/* カスタムスタイル */
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    background-color: #FFFBEB; /* brand-cream */
}

.section-title-en {
    font-family: 'Patrick Hand', cursive;
    color: #F97316;
    letter-spacing: 0.1em;
}

/* グラデーションテキスト */
.text-gradient {
    background: linear-gradient(to right, #F59E0B, #F97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* タイムラインのスタイル */
.timeline-line {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #cbd5e1;
    z-index: 0;
}
@media (min-width: 768px) {
    .timeline-line {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* モバイルメニューのアニメーション */
#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.menu-closed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
}
.menu-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* 柔らかい画像の角丸とシャドウ */
.img-soft {
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.3);
}