/* 採用ページのヒーロー（2026-10-06 本人「ダサすぎるから全面的に見直して」→ 3案から C を採用）。
 * 文言・数字は本番と同じ。
 *  C 大見出し＋帯：白地に見出しを1行で大きく、下の緑の帯に説明・実績・ボタンをまとめる
 */
.rh{--bright:#3fd08f;--ink-on:#0b2418;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;
  background:var(--white);color:var(--ink)}
.rh .head{padding:clamp(24px,2.4vw,40px) max(var(--pad),calc((100% - 1560px) / 2));color:var(--ink-on)}
.rh .nav{font-size:clamp(14px,.85vw,17px)}
.rh__in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;
  width:min(100% - var(--pad) * 2,1560px);margin-inline:auto;padding:clamp(24px,3vw,56px) 0 0}
.rh .kicker{margin:0;font-size:clamp(14px,1vw,20px);font-weight:700;letter-spacing:.06em}
.rh__h1{margin:.3em 0 0;font-size:clamp(46px,9.2vw,160px);font-weight:700;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}
.rh__h1 span{display:inline-block}
.rh .intro{grid-column:1;grid-row:1;margin:0;max-width:30em}
.rh .actions{grid-column:3;grid-row:1;margin:0}
.rh__fig{grid-column:2;grid-row:1;border-left:2px solid var(--ink-on);padding-left:clamp(16px,1.6vw,28px)}
.rh__fig .lb{margin:0;font-size:clamp(14px,1vw,20px);font-weight:700}
.rh__fig .num{margin:4px 0 0;font-size:clamp(56px,5.4vw,120px);font-weight:700;line-height:1;letter-spacing:-.01em}
.rh__fig .num small{margin-left:.06em;font-size:.36em}
.rh__fig .note{margin:12px 0 0;max-width:34em;font-size:clamp(12.5px,.8vw,15px);line-height:1.7;opacity:.8}

/* 下の緑の帯（画面の端まで敷く） */
.rh__low{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;gap:clamp(24px,3vw,72px);align-items:end;
  margin:clamp(32px,3.6vw,72px) calc(var(--pad) * -1) 0;padding:clamp(32px,3.6vw,64px) var(--pad) clamp(40px,4vw,72px);color:var(--ink-on)}
.rh__low::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-100vw;
  background:radial-gradient(ellipse 50% 120% at 70% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 70%),var(--bright);
  transform-origin:left;animation:rh-run 1s cubic-bezier(.77,0,.18,1) both}
.rh__copy{display:contents}
@keyframes rh-run{from{transform:scaleX(0)}to{transform:none}}

@media (max-width:1100px){
  .rh__low{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rh .actions{grid-column:1 / -1;grid-row:2}
}
@media (max-width:860px){
  .rh__h1{white-space:normal;font-size:clamp(48px,14vw,80px)}
  .rh__h1 span{display:block}
  .rh__low{grid-template-columns:minmax(0,1fr)}
  .rh__fig{grid-column:1;grid-row:2;border-left:0;border-top:2px solid var(--ink-on);padding:12px 0 0}
  .rh .actions{grid-row:3}
}

@media (prefers-reduced-motion:reduce){
  .rh__low::before{animation:none}
}