/* FAiTH 下層ページ共通 — design.md 7-1下層ヒーロー＋下層モーションシステム */

/* ── ページヒーロー（Ref 6型：巨大ENタイトル＋JPラベル＋パンくず＋罫線） ── */
.page-hero{position:relative;background:var(--navy);color:#fff;padding:150px 48px 0;overflow:hidden}
.page-hero .inner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.page-title{font:800 clamp(56px,9vw,132px)/1 Manrope,sans-serif;letter-spacing:-.02em}
.page-title .char{display:inline-block}
.page-title-jp{font:500 13px/1 'Noto Sans JP',sans-serif;color:rgba(255,255,255,.6);margin-top:20px}
.crumbs{display:flex;align-items:center;gap:8px;margin-top:34px}
.crumb{font:600 10.5px/1 Manrope,sans-serif;letter-spacing:.1em;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 16px}
.crumb.current{background:rgba(255,255,255,.14);border-color:transparent}
.crumb-line{width:14px;height:1px;background:rgba(255,255,255,.3)}
.page-hero .rule{height:1px;background:rgba(255,255,255,.14);margin-top:36px}
.page-hero-lead{padding:72px 0 110px}
.page-hero-lead .sec-h2{margin-bottom:24px}
.page-hero-lead .sec-body{max-width:680px}

/* ── MESSAGE（Ref 8型：写真左・長文右） ── */
.msg-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start;margin-top:64px}
.plx{overflow:hidden;border-radius:8px}
.plx .ph-box{aspect-ratio:3/4;border-radius:0}
.msg-body p{max-width:600px;font:400 15.5px/2.2 'Noto Sans JP',sans-serif;color:rgba(16,32,43,.78);margin-bottom:28px}
.msg-sign{margin-top:44px}
.msg-sign .sign-role{font:500 12.5px/1.8 'Noto Sans JP',sans-serif;color:var(--slate)}
.msg-sign .sign-name{font:600 24px/1.4 'Noto Sans JP',sans-serif;color:var(--ink);margin-top:6px}
.msg-sign .sign-note{font:400 11.5px/1.8 'Noto Sans JP',sans-serif;color:var(--slate);margin-top:10px}

/* ── BE AUTHENTIC 定義（暗面・アウトライン・マーキー） ── */
.marquee{position:relative;overflow:hidden;pointer-events:none;margin-bottom:56px}
.marquee .track{display:inline-flex;gap:80px;white-space:nowrap;animation:mqFlow 46s linear infinite;will-change:transform}
.marquee .track span{
  font:800 clamp(72px,10vw,150px)/1 Manrope,sans-serif;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);
}
@keyframes mqFlow{to{transform:translateX(-50%)}}
.def-list{border-top:1px solid rgba(255,255,255,.14);margin-top:56px}
.def-item{display:grid;grid-template-columns:72px 1fr;gap:28px;padding:38px 6px;border-bottom:1px solid rgba(255,255,255,.14)}
.def-item .std-num{padding-top:6px}
.def-title{font:600 clamp(19px,2vw,26px)/1.5 'Noto Sans JP',sans-serif;color:#fff;margin-bottom:10px}
.def-body{font:400 14.5px/2 'Noto Sans JP',sans-serif;color:rgba(255,255,255,.72);max-width:640px}

/* ── COMPANY ── */
.mini-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(16,32,43,.12);border:1px solid rgba(16,32,43,.12);margin-top:56px}
.company-table{margin-top:96px;border-top:1px solid rgba(16,32,43,.12)}
.co-row{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:26px 6px;border-bottom:1px solid rgba(16,32,43,.12)}
.co-row dt{font:600 13px/1.8 'Noto Sans JP',sans-serif;color:var(--slate)}
.co-row dd{font:500 15px/1.9 'Noto Sans JP',sans-serif;color:var(--ink)}
.co-row dd small{display:block;font:400 12px/1.8 'Noto Sans JP',sans-serif;color:var(--slate)}

/* ── 下層モーション初期状態はJS制御（no-JSでも全表示） ── */

/* ── SP ── */
@media (max-width:1024px){
  .page-hero{padding:130px 20px 0}
  .msg-grid{grid-template-columns:1fr;gap:40px}
  .mini-nums{grid-template-columns:1fr 1fr}
  .co-row{grid-template-columns:120px 1fr;gap:16px}
}

/* ── 明面（Warm White）ページヒーロー変種＋明面ヘッダー ── */
.page-hero--light{background:var(--warm-white);color:var(--ink)}
.page-hero--light .gridlines span{background:rgba(16,32,43,.06)}
.page-hero--light .page-title-jp{color:var(--slate)}
.page-hero--light .crumb{color:rgba(16,32,43,.7);border-color:rgba(16,32,43,.25)}
.page-hero--light .crumb.current{background:rgba(16,32,43,.08);border-color:transparent}
.page-hero--light .crumb-line{background:rgba(16,32,43,.25)}
.page-hero--light .rule{background:rgba(16,32,43,.12)}
body.light-page .nav-pc a{color:rgba(16,32,43,.75)}
body.light-page .nav-pc a:hover{color:var(--orange)}
body.light-page .nav-pc a.current{color:var(--ink);font-weight:700}
body.light-page .logo-img{filter:none}
body.light-page .menu-pill{color:var(--ink);border-color:rgba(16,32,43,.4)}
body.light-page .site-header.scrolled{background:rgba(247,246,242,.9);box-shadow:0 1px 0 rgba(16,32,43,.08)}
body.dark-page .nav-pc a.current{color:#fff;font-weight:700}

/* ── 採用ページヒーロー（実写背景） ── */
.page-hero--recruit{position:relative}
.page-hero--recruit .hero-photo-bg{
  position:absolute;inset:0;background-image:url("images/recruit-bg.jpg");
  background-size:cover;background-position:center 30%;
}
.page-hero--recruit .hero-photo-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,28,44,.72) 0%,rgba(7,28,44,.5) 55%,rgba(7,28,44,.86) 100%)}

/* ── よくある相談チップ・FAQ ── */
.consult-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;max-width:820px}
.consult-chip{font:500 13px/1.7 'Noto Sans JP',sans-serif;color:var(--ink);border:1px solid rgba(16,32,43,.2);border-radius:999px;padding:10px 20px;background:#fff}

/* ── フォーム ── */
.form-wrap{max-width:720px;margin-top:56px}
.form-row{margin-bottom:28px}
.form-row label{display:block;font:600 13px/1 'Noto Sans JP',sans-serif;color:var(--ink);margin-bottom:10px}
.form-row label .req{color:var(--orange);font-size:11px;margin-left:8px}
.form-row input,.form-row select,.form-row textarea{
  width:100%;font:400 15px/1.7 'Noto Sans JP',sans-serif;color:var(--ink);
  background:#fff;border:1px solid rgba(16,32,43,.22);border-radius:8px;padding:14px 16px;
  transition:border-color .3s;
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--orange)}
.form-row textarea{min-height:160px;resize:vertical}
.form-note{font:400 12.5px/2 'Noto Sans JP',sans-serif;color:var(--slate);margin:24px 0}
.emergency-box{border:1px solid rgba(242,106,33,.5);border-radius:10px;padding:24px 26px;margin-top:56px;background:rgba(242,106,33,.05)}
.emergency-box b{display:block;font:600 14.5px/1.6 'Noto Sans JP',sans-serif;color:var(--ink);margin-bottom:8px}
.emergency-box p{font:400 13px/2 'Noto Sans JP',sans-serif;color:rgba(16,32,43,.75)}

/* ── 募集要項・プロセスリスト（明面） ── */
.light-list{border-top:1px solid rgba(16,32,43,.12)}
.light-list .std-item{border-bottom:1px solid rgba(16,32,43,.12)}
.light-list .std-en{color:var(--slate)}
.light-list .std-title{color:var(--ink)}
.light-list .std-body{color:rgba(16,32,43,.72)}