/* ヘッダー左上を Amazing の公式ロゴ＋社名＋キャッチコピーにする（2026-10-07 三好さん指示）。
   既存の「入社前事件簿｜採用ゲーム制作」の文字は要素を残したまま隠す（題字はヒーローに大きく出ている）。 */
.head .head-logo{gap:10px}
.head .head-logo .brand-wordmark{display:none!important}
.head .head-logo > img.v7-mark{display:block!important;width:34px;height:34px;border-radius:7px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.v7-brand{display:flex;align-items:center;gap:12px;min-width:0}
.v7-co{font:800 17px/1.2 "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;letter-spacing:.02em;color:#1b2a4a;white-space:nowrap}
.v7-catch{font:700 13px/1.4 "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;letter-spacing:.04em;color:#556079;padding-left:12px;border-left:1px solid rgba(27,42,74,.22);white-space:nowrap}
/* フッターの社名（旧ロゴの画像から新ロゴ＋社名へ） */
.foot-brand{display:flex;align-items:center;gap:8px}
.foot-brand .v7-foot-mark{display:block;width:28px;height:28px;border-radius:6px;flex:none}
.foot-brand .v7-foot-name{font:800 16px/1.2 "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;letter-spacing:.02em}
/* 375px未満は社名とコピーの幅で相談ボタンが押し出されるので詰める */
@media (max-width:374px){
  .head .head-in{gap:8px}
  .head .head-cta{padding:6px 10px!important;font-size:12px!important;white-space:nowrap;flex:none}
  .v7-co{font-size:14px!important}
  .v7-catch{white-space:normal!important;word-break:keep-all;overflow-wrap:normal}
}
@media (max-width:767px){
  .head .head-logo > img.v7-mark{width:30px;height:30px;border-radius:6px}
  .head .head-logo{gap:8px}
  .v7-brand{flex-direction:column;align-items:flex-start;gap:1px}
  .v7-co{font-size:15px}
  .v7-catch{font-size:12px;padding-left:0;border-left:0;letter-spacing:.02em}
}
