:root{
  --ink:#2a2c34; --muted:#6b6e78; --paper:#ffffff; --line:rgba(27,29,36,.14);
  --accent:#b8935a;                     /* ★本番HPの色に差し替える */
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);line-height:1.8;
  font-family:-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;font-size:16px}
img{max-width:100%;height:auto}
.bh-in,.bf,.post,.post-list{max-width:900px;margin:0 auto;padding:0 20px}
.bh{border-bottom:1px solid var(--line)}
.bh-in{display:flex;justify-content:space-between;align-items:center;min-height:56px}
.bh-brand{font-weight:700;text-decoration:none;color:var(--ink)}
.bh-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;
  text-decoration:none;color:var(--ink)}
h1,h2,h3{line-height:1.5}
h2{border-left:4px solid var(--accent);padding-left:.6em;margin-top:2em}
table{border-collapse:collapse;width:100%}
.table-wrap{overflow-x:auto}
.bcta{margin:2.5em 0;text-align:center}
.bcta-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;
  background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;font-weight:700}
.bf{border-top:1px solid var(--line);margin-top:3em;padding-top:2em;padding-bottom:3em;
  color:var(--muted);font-size:14px}
@media(max-width:600px){ body{font-size:15px} }