/* ===== 採用情報ページ固有（初期は準備中） ===== */

.btn .ar{width:26px; height:1px; background:currentColor; display:block; transition:width .34s}
.btn:hover .ar{width:40px}

.prep{text-align:center; border:1px solid var(--rule); padding:clamp(48px,7vw,96px) var(--pad); background:var(--wash)}
.prep-en{font-family:var(--en); font-size:11.5px; letter-spacing:.24em; color:var(--gray)}
.prep h2{font-family:var(--sans); font-weight:700; font-size:clamp(21px,3vw,31px); letter-spacing:.04em; margin-top:14px}
.prep h2::after{content:""; display:block; width:44px; height:3px; background:var(--lux); margin:20px auto 0}
.prep-sub{font-size:13px; color:var(--gray); margin-top:26px; line-height:1.9}
.prep-btn{margin-top:20px; display:inline-flex; width:auto; min-width:264px}
.prep-note{font-size:12.5px; color:var(--gray); margin-top:18px; line-height:1.9}

.plan{margin-top:clamp(48px,6vw,86px)}
.plan-hd{font-size:clamp(18px,2.2vw,23px); margin-top:12px; letter-spacing:.04em}
.planlist{list-style:none; margin-top:26px; border-top:1px solid var(--rule)}
.planlist li{display:grid; grid-template-columns:70px 1fr; gap:0 18px; align-items:baseline; padding:20px 0; border-bottom:1px solid var(--rule)}
.p-n{font-family:var(--num); font-weight:600; font-size:22px; color:var(--lux); line-height:1}
.planlist h4{font-family:var(--sans); font-weight:700; font-size:15.5px; letter-spacing:.03em}
.planlist p{font-size:13px; color:var(--gray); line-height:1.9; margin-top:4px}

@media (max-width:900px){
  .planlist li{grid-template-columns:48px 1fr}
  .p-n{font-size:18px}
}