/* 会社の正式ロゴ（2026-10-14 本人指示）。全22ページのヘッダーとフッター。youth.css の後に読む。
   原本＝広報部の会社ロゴ原本（HarvestBizCareerロゴ.ai・logo.ai）から余白だけを除いて書き出したもの。色・文字・縦横比は変えない。
   キャッシュで古い指定が残らないよう、別ファイルにしてページ側で版の番号（?v=）を付けて読む。 */
.site-header .logo.logo--brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; font-size: 0; line-height: 1; }
.site-header .logo--brand img { display: block; width: auto; height: 38px; max-width: none; transition: height 0.35s var(--ease); }
.site-header.is-small .logo--brand img { height: 32px; }
.site-header .logo__sub { display: block; padding-left: 12px; border-left: 1px solid var(--c-line); font-family: var(--f-jp, "Noto Sans JP", sans-serif); font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: 0.04em; color: var(--c-deeper); white-space: nowrap; }
.site-footer .logo.logo--footer { display: inline-block; font-size: 0; line-height: 0; }
.site-footer .logo--footer img { display: block; width: auto; height: 104px; max-width: none; }
@media (max-width: 1100px) {
  .site-header .logo.logo--brand { gap: 10px; }
  .site-header .logo--brand img { height: 34px; }
  .site-header .logo__sub { padding-left: 10px; font-size: 11px; }
}
@media (max-width: 960px) {
  .site-header .logo--brand img, .site-header.is-small .logo--brand img { height: 32px; }
}
@media (max-width: 400px) {
  .site-header .logo.logo--brand { gap: 8px; }
  .site-header .logo--brand img, .site-header.is-small .logo--brand img { height: 30px; }
  .site-header .logo__sub { padding-left: 8px; font-size: 10.5px; }
}