/* ==========================================================================
   jobs.css — 広告専用LP（/lp/driver/・/lp/mechanic/・/recruit/mechanic/）
   style.css を継承したうえで、この3ページだけが読み込む。
   既存の .page-lp（/lp/・/lp/result/）とは異なり、SP追従バーは表示したまま
   にする（オーナー指示・2026-10-01。詳細は SPEC_JOBS.md）。
   ========================================================================== */

/* ---------- ヘッダー・ナビ・フッターの非表示（SP追従バーは対象外） ---------- */
body.page-adlp .site-header .main-nav,
body.page-adlp .site-header .nav-toggle,
body.page-adlp .mobile-nav,
body.page-adlp .site-footer{ display:none !important; }

/* ヘッダーはロゴのみ残す（どこの会社のページか分かるように・トップへ戻れるように） */
body.page-adlp .site-header{ position:absolute; pointer-events:none; }
body.page-adlp .site-header .brand{ pointer-events:auto; }
body.page-adlp .site-header.is-scrolled{
  height:88px;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}
body.page-adlp .site-header.is-scrolled .brand{ color:#fff; }
body.page-adlp .site-header.is-scrolled .brand .logo-light{ display:block; }
body.page-adlp .site-header.is-scrolled .brand .logo-dark{ display:none; }

/* 紺帯の余白の二重取りを解消（.lp-hero 側の padding だけで足りる。style.css の
   .page-lp と同じ理由・同じ対処） */
body.page-adlp .page-hero-body{ padding-block:0; }

/* 上部表記: SPで語中改行になるのを防ぐ（style.css の .page-lp .hero-eyebrow と同じ対処）。
   項目そのものは折り返さず、入りきらない項目を次の行へ送る。 */
body.page-adlp .hero-eyebrow{ flex-wrap:wrap; row-gap:.4em; }
body.page-adlp .hero-eyebrow > span:not(.hero-eyebrow-sep){ white-space:nowrap; }
@media (max-width:640px){
  body.page-adlp .hero-eyebrow > span:last-child{ flex-basis:100%; }
  body.page-adlp .hero-eyebrow > .hero-eyebrow-sep:nth-last-child(2){ display:none; }
}

/* ---------- こんな方へ：チェックリスト ---------- */
.adlp-fit-list{
  display:grid;
  gap:.9rem;
  max-width:760px;
  margin-inline:auto;
}
.adlp-fit-item{
  display:flex;
  align-items:flex-start;
  gap:.8em;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:1.1em 1.4em;
  font-size:.95rem;
  color:var(--text);
  box-shadow:var(--shadow-1);
}
.adlp-fit-item svg{ flex:none; margin-top:.2em; color:var(--brand); width:1.2em; height:1.2em; }

/* ---------- 簡易フッター（社名・所在地・プライバシーポリシー・トップへ） ---------- */
.adlp-simple-footer{
  background:var(--navy-950);
  color:var(--on-dark-muted);
  text-align:center;
  font-size:.8rem;
  line-height:1.9;
  padding-block:2.4rem;
  padding-inline:20px;
}
@media (max-width:900px){
  .adlp-simple-footer{ padding-bottom:calc(2.4rem + 88px + env(safe-area-inset-bottom)); }
}
.adlp-simple-footer a{ color:#fff; text-decoration:underline; text-underline-offset:.2em; }
.adlp-simple-footer address{ font-style:normal; }
.adlp-simple-footer .adlp-simple-footer-links{
  margin-top:.6em;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.4em 1em;
}

/* ---------- /recruit/mechanic/ ファーストビュー（2026-10-01 作り替え。/recruit/ と同じ文字組み） ----------
   写真は右寄せ・左端をマスクでぼかし、紺のグラデーションで色味を抑える。
   style.css の .page-hero img（全面背景）を上書きする。 */
.page-hero--mechanic{ min-height:clamp(560px,72vh,760px); background:var(--navy-950); }
.page-hero--mechanic .mechanic-hero-photo{
  inset:0 0 0 auto; width:min(52%,700px); height:100%;
  object-fit:cover; object-position:50% 88%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 38%);
  filter:saturate(.85);
}
.page-hero--mechanic::after{
  background:linear-gradient(90deg,rgba(2,15,36,.94) 0%,rgba(2,15,36,.82) 42%,rgba(2,15,36,.18) 72%,rgba(2,15,36,.28) 100%);
}
.hero-h1--mechanic .hero-h1-lead{ display:block; }
.hero-h1--mechanic .hero-h1-big{ font-size:clamp(2.4rem,6.2vw,4.6rem); white-space:nowrap; }
.hero-h1--mechanic .hero-h1-big em{ font-size:1.2em; }
.hero-h1--mechanic .hero-h1-tail{ margin-left:.15em; }
.mechanic-stats .stat-num{ font-family:inherit; font-size:clamp(1.25rem,2.4vw,1.9rem); }
.mechanic-stats .stat-br{ display:none; }
@media (max-width:768px){
  .page-hero--mechanic .mechanic-hero-photo{ width:100%; -webkit-mask-image:none; mask-image:none; object-position:55% 85%; }
  .page-hero--mechanic::after{ background:linear-gradient(180deg,rgba(2,15,36,.62) 0%,rgba(2,15,36,.8) 50%,rgba(2,15,36,.9) 100%); }
}
@media (max-width:600px){
  .hero-h1--mechanic .hero-h1-big{ font-size:1.85rem; }
  .mechanic-stats .stat-num{ white-space:normal; line-height:1.3; }
  .mechanic-stats .stat-br{ display:block; }
  .mechanic-stats .stat-sep{ display:none; }
  .hero-h1--mechanic .hero-h1-sub{ display:block; font-size:.92rem; line-height:1.6; }
  .hero-h1--mechanic .hero-h1-sub::before,.hero-h1--mechanic .hero-h1-sub::after{ display:none; }
}