/* 主要ページへの共通ナビゲーション。幅768px以下は折り返さず横スクロールする。 */
.global-nav {
    background-color: #071c33;
    border-bottom: 1px solid #16324f;
}

.global-nav-inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.global-nav a {
    color: #e2e8f0;
    text-decoration: none;
    font-size: 9.3pt;
    font-weight: bold;
    padding: 9px 12px;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.global-nav a:hover {
    color: #fbd38d;
    background-color: rgba(255, 255, 255, 0.05);
}

.global-nav a[aria-current="page"] {
    color: #fbd38d;
    border-bottom-color: #ea580c;
}

.global-nav a:focus-visible {
    outline: 2px solid #fbd38d;
    outline-offset: -2px;
}

/* トップとコミュニティは、会社名ヘッダーの直下にメニューを密着させる */
@media screen {
    .header:has(+ .global-nav) {
        border-radius: 4px 4px 0 0;
        margin-bottom: 0;
    }

    .header + .global-nav {
        border-radius: 0 0 4px 4px;
        margin-bottom: 16px;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .global-nav-inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #334155 transparent;
    }

    .global-nav-inner::-webkit-scrollbar {
        height: 4px;
    }

    .global-nav-inner::-webkit-scrollbar-thumb {
        background: #334155;
        border-radius: 2px;
    }
}

@media print {
    .global-nav {
        display: none !important;
    }
}