/* =========================
　　ヘッダー本体（id = site-header）
========================= */
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
/* ヘッダー帯 */
#site-header .site-header__body {
    background: #004e96;
    padding: min(2vw, 24px);
    height: min(7.333vw, 88px); /* 24+24+ロゴ(40) */
    display: flex;
    align-items: center;
}
/* containerの余計な制限を解除 */
#site-header .site-header__wrapper {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* 左：ロゴ */
#site-header .site-header__logo {
    height: min(3.333vw, 40px);
}

/* 右：ボタンエリア */
#site-header .site-header__right {
    display: flex;
    align-items: center;
    gap: min(1.333vw, 16px);
}

/* ボタン共通 */
#site-header .site-header__btn {
    display: flex;
    align-items: center;
    gap: min(0.667vw, 8px);
    padding: min(0.833vw, 10px) min(1.333vw, 16px);
    border-radius: 9999px;
    background: #004e96;
    color: #fff;
    text-decoration: none;
    font-size: min(1.333vw, 16px);
    line-height: 1;
    white-space: nowrap;
    margin-right: 0;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}
#site-header .site-header__btn:hover {
    background: #2166a6;
    transform: translateY(-2px);
    box-shadow: 0 min(0.667vw, 8px) min(1.667vw, 20px) rgba(0, 0, 0, 0.25);
}

/* ログアウト（白） */
#site-header .site-header__btn--white {
    background: #fff;
    color: #004e96;
}
#site-header .site-header__btn--white:hover {
    background: #c9e0f6;
}

/* アイコン */
#site-header .site-header__icon {
    width: min(1.333vw, 16px);
    height: min(1.333vw, 16px);
    min-width: min(1.333vw, 16px);
    min-height: min(1.333vw, 16px);
}

#site-header .site-header__icon-maintenance {
    width: min(1.666vw, 20px);
    height: min(1.666vw, 20px);
    min-width: min(1.666vw, 20px);
    min-height: min(1.666vw, 20px);
}