/* =====================================================================
   ヘッダーナビ整理（2026-08-09 FB: 項目が多すぎて右が切れる）
   主要5項目＋「コンテンツ ▾」ドロップダウン。
   艦隊共通エンジン(style.css)は編集せず、必要なページだけこのCSSを追加で読む。
   ===================================================================== */

/* 横幅が足りないときに中央寄せナビが溢れないよう、詰めて折り返さない */
.header-nav { gap: 2px; min-width: 0; flex-wrap: nowrap; }
.header-nav > a { padding: 7px 9px; }

/* クリックで開いた状態（hoverはstyle.css側で効く） */
.hdr-nav-dd.is-open .hdr-nav-dd-menu { display: block; }
.hdr-nav-dd.is-open .hdr-dd-caret { transform: rotate(180deg); }
.hdr-nav-dd-trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* 主要導線（適性診断・求人）は他項目より強く。片側アクセント帯は使わない */
.header-nav > a.hdr-nav-key {
  font-weight: 800; color: var(--accent);
  background: rgba(8, 145, 178, .08);
}
.header-nav > a.hdr-nav-key:hover { color: #fff; background: var(--accent); }

/* 暗いヒーローに重なる透明ヘッダー時は白文字に揃える */
.hx-home .header:not(.is-glass):not(.header--solid) .hdr-nav-dd-trigger { color: rgba(255, 255, 255, .88); background: none; }
.hx-home .header:not(.is-glass):not(.header--solid) .hdr-nav-dd-trigger:hover { color: #fff; background: rgba(255, 255, 255, .14); }
.hx-home .header:not(.is-glass):not(.header--solid) .header-nav > a.hdr-nav-key {
  color: #fff; background: rgba(255, 255, 255, .18);
}
.hx-home .header:not(.is-glass):not(.header--solid) .header-nav > a.hdr-nav-key:hover { background: rgba(255, 255, 255, .3); }

/* メニュー内は常に濃色文字（ヘッダーの白文字化を継承させない） */
.hdr-nav-dd-menu a { color: #0D1117 !important; background: none; }
.hdr-nav-dd-menu a:hover { background: rgba(8, 145, 178, .1); color: #0891B2 !important; }

@media (max-width: 1180px) {
  .header-nav > a, .hdr-nav-dd-trigger { font-size: 12.5px; padding: 7px 7px; }
  .logo-name-sub { display: none; }
}