/*
Theme Name: DELIC Recruit Theme
Theme URI: https://www.kk-delic.com/
Author: DELIC + M365 Copilot
Description: 採用強化に特化した株式会社DELICのWordPressクラシックテーマ。求人CPT・構造化データ・応募フォームを内蔵。
Version: 1.0.2
License: GNU General Public License v2 or later
Text Domain: delic
*/

:root {
  --brand:#111827;        /* 深いグレー */
  --accent:#ef4444;       /* 赤 */
  --bg:#ffffff;
  --muted:#6b7280;
}
body {font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif; color:var(--brand); background:var(--bg);}
a {color:var(--accent); text-decoration: none}
a:hover {text-decoration: underline}
.container {max-width: 1100px; margin: 0 auto; padding: 0 16px}
.btn {display:inline-block; background:var(--accent); color:#fff; padding:12px 20px; border-radius:6px; font-weight:700}
.btn--outline {background:transparent; border:2px solid var(--accent); color:var(--accent)}
.hero {background:#0b0f1a url('') center/cover no-repeat; color:#fff; padding: 72px 0}
.hero h1 {font-size: clamp(28px,4vw,44px); line-height:1.2; margin:0 0 12px}
.hero p {font-size:clamp(16px,2vw,20px); opacity:.9}
.grid {display:grid; gap:24px}
.grid-3 {grid-template-columns: repeat(auto-fit, minmax(240px,1fr))}
.card {border:1px solid #e5e7eb; border-radius:12px; padding:20px}
.badge {display:inline-block; font-size:12px; color:#374151; background:#f3f4f6; padding:4px 8px; border-radius:999px}
.header {border-bottom:1px solid #e5e7eb}
.header__inner {display:flex; align-items:center; gap:16px; padding:12px 0}
.header__nav {margin-left:auto}
.header__nav a {margin-left:16px; font-weight:600; color:#374151}
.footer {border-top:1px solid #e5e7eb; padding:24px 0; color:#6b7280; font-size:14px}
.job-card h3 {margin:.2rem 0 .4rem; font-size:20px}
.job-meta {display:flex; flex-wrap:wrap; gap:8px; margin:.4rem 0}
.job-meta .item {background:#f9fafb; border:1px solid #e5e7eb; border-radius:6px; padding:4px 8px; font-size:13px}
.job-apply-sticky {position:sticky; top:0; background:#fff; border-bottom:1px solid #e5e7eb; z-index:10; padding:12px 0}
.notice {background:#fef3c7; border:1px solid #fde68a; padding:12px; border-radius:8px}
.section {padding:48px 0}
.kpi {display:flex; gap:20px; flex-wrap:wrap}
.kpi .box {flex:1 1 200px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; text-align:center}
.kpi .num {font-size:28px; font-weight:800}