/* --- レスポンシブ対応 --- */
@media (max-width: 1024px) {
    .container {
        padding: 15px;
    }

    .main-navigation .nav-menu {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .site-header .container {
        flex-direction: column;
    }

    .main-navigation .nav-menu {
        flex-direction: column;
        align-items: center;
    }

    .main-navigation .nav-menu a {
        display: block;
        padding: 10px;
    }
}