/* /recruit/ 専用（2026リデザイン Phase 3）。page-2026.css の後に読む。フラット／グラデーション不使用 */

/* 求人ヒーローの主要条件（時給・勤務時間・勤務頻度） */
.job-key{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;max-width:820px}
.job-key>div{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 18px}
.job-key .label{display:block;font-size:.78rem;font-weight:700;color:var(--sub)}
.job-key .value{display:block;font-weight:700;font-size:1.02rem;margin-top:2px}
.job-key .value.wage{font-family:var(--f-latin);font-size:1.5rem;line-height:1.3;color:var(--red)}
.job-key .wage-note{display:block;font-size:.76rem;color:var(--sub);margin-top:4px}
@media(max-width:760px){.job-key{grid-template-columns:1fr}}

/* 職種カード（一覧） */
.job-card .wage{font-family:var(--f-latin);font-weight:700;font-size:1.45rem;color:var(--red);display:block}
.job-card .wage-note{display:block;font-size:.78rem;color:var(--sub)}
.job-card .job-meta{margin:14px 0 18px}
.job-card .job-meta .label{display:block;font-size:.78rem;font-weight:700;color:var(--sub)}
.job-card .job-meta>div+div{margin-top:10px}

/* 仕事の魅力・歓迎条件など */
.appeal{display:grid;gap:14px}
.appeal strong{display:block;font-weight:700;margin-bottom:2px}
.appeal p{color:var(--sub);font-size:.94rem}

/* 1日の流れ */
.flow{max-width:860px}
.flow li{display:grid;grid-template-columns:5.5em 1fr;gap:20px;padding:16px 0;border-top:1px dashed var(--line)}
.flow li:first-child{border-top:0;padding-top:0}
.flow .t{font-family:var(--f-latin);font-weight:700;font-size:1.05rem;color:var(--red)}
.flow h3{font-family:var(--f-head);font-weight:700;font-size:1rem;margin-bottom:2px}
.flow p{color:var(--sub);font-size:.93rem}
@media(max-width:560px){.flow li{grid-template-columns:1fr;gap:2px}}

/* 補足ボックス（ポイント・応募時のお願い） */
.note-box{background:var(--wood-l);border-radius:20px;padding:clamp(20px,2.4vw,28px);margin-top:20px}
.note-box h3{font-family:var(--f-head);font-weight:900;font-size:1.05rem;margin-bottom:8px}
.note-box p,.note-box li{color:var(--sub);font-size:.94rem}
.note-box p+p{margin-top:6px}

/* 応募ボタン（赤CTA内） */
.cta .apply-note{color:#ffe3df;font-size:.86rem;margin-top:10px}