/* 導入事例ページ 共通スタイル（case-*.html から読む。同じCSSを何枚も持たない） */
:root{--bg:#f7f2ee;--ink:#2b2724;--dim:#7a6a60;--line:#e3d9d0;--gold:#c8912f;--card:#fff}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);
 font:16px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Mincho ProN","Yu Mincho",serif}
.wrap{max-width:720px;margin:0 auto;padding:34px 20px 70px}
.kicker{font:700 11px/1 system-ui,sans-serif;letter-spacing:.18em;color:var(--gold);margin:0 0 14px}
h1{font-size:29px;line-height:1.55;margin:0 0 6px;letter-spacing:.01em}
h1 b{color:var(--gold)}
.lead{color:var(--dim);font-size:14.5px;margin:0 0 26px}
h2{font-size:18px;margin:38px 0 10px;padding-left:12px;border-left:4px solid var(--gold);line-height:1.6}
p{margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:18px 0}
.num{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;text-align:center;
 background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 18px;margin:18px 0}
.num b{display:block;font-size:40px;line-height:1.1;font-family:system-ui,sans-serif;letter-spacing:-.02em}
.num span{display:block;font-size:12px;color:var(--dim);font-family:system-ui,sans-serif;margin-top:6px}
.num .to{font-size:22px;color:var(--gold)}
.num .after b{color:var(--gold)}
.bars{margin:6px 0 0}
.bar{display:grid;grid-template-columns:82px 1fr 62px;gap:10px;align-items:center;margin:9px 0;
 font:13px/1 system-ui,sans-serif;color:var(--dim)}
.bar i{display:block;height:18px;border-radius:4px;background:#ded3c8;min-width:3px}
.bar.after i{background:var(--gold)}
.bar em{font-style:normal;text-align:right;color:var(--ink);font-weight:700}
.say{background:#fffdf8;border:1px solid #ecdcbb;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
 padding:16px 18px;margin:16px 0;font-size:17px;line-height:1.9}
.say small{display:block;font:12px/1.7 system-ui,sans-serif;color:var(--dim);margin-top:8px}
.honest{background:#f4efe9;border:1px dashed #cbbdb0;border-radius:14px;padding:16px 18px;margin:22px 0}
.honest b{color:var(--gold)}
ul{margin:0;padding-left:1.2em}li{margin:6px 0}
.cta{display:block;text-align:center;background:var(--ink);color:#fff;text-decoration:none;
 border-radius:12px;padding:16px;margin-top:30px;font:700 15px system-ui,sans-serif}
footer{margin-top:26px;color:var(--dim);font-size:11.5px;line-height:1.9;
 border-top:1px solid var(--line);padding-top:14px;font-family:system-ui,sans-serif}
.other{display:grid;gap:10px;margin-top:24px}
.other a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;
 padding:13px 15px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.7}
.other a b{color:var(--gold)}