/**
 * グローバルメニューの調整（全ページで読み込む）
 * メニューに「導入事例」を追加して4項目になり、PC幅で文字が2行に折り返したため、
 * スマホ表示（768px以下、ハンバーガーメニュー）より広い幅では、ロゴ・文字を小さくしてメニューを1行に収める
 */
@media (min-width: 769px) {
    .site-header__logo {
        flex-shrink: 0;
    }

    .nav-menu a {
        white-space: nowrap;
    }
}

@media (min-width: 1025px) and (max-width: 1220px) {
    .site-header__logo img {
        height: 30px;
    }

    .nav-menu {
        gap: 12px;
    }

    .nav-menu a {
        font-size: 0.7rem;
    }

    .btn--header-cta,
    .btn--header-contact {
        padding: 9px 14px;
        font-size: 0.8rem;
    }
}

@media (min-width: 1221px) and (max-width: 1399px) {
    .nav-menu {
        gap: 20px;
    }

    .nav-menu a {
        font-size: 0.75rem;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .site-header__inner {
        gap: 12px;
    }

    .site-header__logo img {
        height: 24px;
    }

    .nav-menu {
        gap: 10px;
    }

    .nav-menu a {
        font-size: 0.62rem;
    }

    .site-header__cta {
        gap: 6px;
    }

    .btn--header-cta,
    .btn--header-contact {
        padding: 8px 10px;
        font-size: 0.7rem;
    }
}

@media (min-width: 769px) and (max-width: 899px) {
    .site-header__inner {
        gap: 8px;
    }

    .site-header__logo img {
        height: 20px;
    }

    .nav-menu {
        gap: 8px;
    }

    .nav-menu a {
        font-size: 0.56rem;
    }

    .site-header__cta {
        gap: 4px;
    }

    .btn--header-cta,
    .btn--header-contact {
        padding: 7px 8px;
        font-size: 0.6rem;
    }
}