:root{
  --white:#FFFFFF;
  --paper:#F7F6F2;
  --ink:#16202B;
  --ink-2:#3F4A56;
  --muted:#7A838C;
  --line:#DDD9D2;
  --line-strong:#B9B3AA;
  --accent:#B7321F;
  --accent-hover:#93271A;
  --accent-soft:#F8ECE8;
  --on-dark:#F4F2EE;
  --on-dark-2:#A5AEB8;
  --dark-line:#2B3846;
  --hd:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
  --bd:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;
  --en:"IBM Plex Sans Condensed","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--bd);font-size:16px;line-height:1.95;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1120px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:22px}
.logo{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}
.logo .mark{width:26px;height:26px;display:block;flex:none}
.logo b{font-family:var(--hd);font-size:21px;letter-spacing:.06em}
.logo span{align-self:flex-end;padding-bottom:3px;font-family:var(--en);font-weight:600;font-size:11px;letter-spacing:.18em;color:var(--muted)}
.nav-links{display:none;gap:24px;margin-left:auto;font-size:13.5px;color:var(--ink-2)}
.nav-links a{padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-family:var(--hd);padding:9px 16px;border-radius:2px;border:1px solid var(--accent);font-size:13.5px;line-height:1.4;white-space:nowrap}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.nav .btn{margin-left:auto}
@media(min-width:960px){.nav-links{display:flex}.nav .btn{margin-left:0}}
@media(max-width:420px){.logo span{display:none}.nav-in{padding:10px 16px;gap:12px}.nav .btn{padding:8px 10px;font-size:12px}}
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--en);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--accent)}
.column-head{background:var(--paper);border-bottom:1px solid var(--line);padding:70px 0 64px}
.column-head-in,.column-list,.article-head,.article-body{width:min(100% - 40px,820px);margin-inline:auto}
.column-head h1{font-family:var(--hd);font-size:clamp(34px,6vw,58px);line-height:1.3;margin:14px 0 12px}
.column-head p{margin:0;color:var(--ink-2);font-size:17px}
.column-head-link{margin-top:14px!important}
.column-head-link a{color:var(--accent);font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:2px}
/* 一覧は「1本＝1枚のカード」が離れて見えるようにする（隣接した枠線が1本の帯に見えていた） */
.column-list{list-style:none;margin:0;padding:52px 0 88px;display:grid;gap:34px}
.column-item{margin:0}
.column-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:0;
  border:1px solid var(--line);border-radius:6px;background:var(--white);overflow:hidden;
  box-shadow:0 1px 0 rgba(22,32,43,.04);transition:border-color .18s,transform .18s,box-shadow .18s}
.column-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,32,43,.09)}
.column-card-thumb{background:var(--paper);border-right:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.column-card-thumb img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}
.column-card-body{padding:26px 28px 26px;display:flex;flex-direction:column}
.column-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.column-card time,.article-meta{font-family:var(--en);font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--accent)}
.column-card-no{font-family:var(--en);font-weight:600;font-size:11px;letter-spacing:.1em;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:2px 9px;line-height:1.7}
.column-card h2{font-family:var(--hd);font-size:clamp(20px,2.6vw,25px);line-height:1.5;margin:2px 0 10px}
.column-card p{color:var(--ink-2);margin:0;line-height:1.85;font-size:15px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.column-card .more{display:inline-block;margin-top:auto;padding-top:16px;font-weight:700;color:var(--accent);font-size:14px}
.article-head{padding:64px 0 34px}
.article-head h1{font-family:var(--hd);font-size:clamp(31px,5.2vw,50px);line-height:1.45;margin:14px 0 18px;letter-spacing:.005em}
.article-head .lead{font-size:17px;color:var(--ink-2);margin:18px 0 0}
.article-eyecatch{width:min(100% - 40px,1000px);margin:0 auto 54px}
.article-eyecatch img{display:block;width:100%;height:auto}
.article-body{padding-bottom:88px}
.article-body h2,.article-body h3{font-family:var(--hd);line-height:1.55;letter-spacing:.005em}
.article-body h2{font-size:clamp(25px,4vw,34px);margin:72px 0 22px;padding-top:18px;border-top:1px solid var(--line)}
.article-body h3{font-size:clamp(20px,3vw,25px);margin:42px 0 14px}
.article-body p{margin:0 0 1.45em}
.article-body strong{font-weight:700;color:var(--ink)}
.article-body blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--accent);background:var(--paper);color:var(--ink-2)}
.article-body blockquote p{margin:0}
.article-body ol,.article-body ul{padding-left:1.5em;margin:18px 0 28px}
.article-body li{padding-left:.3em;margin:.45em 0}
.article-body hr{border:0;border-top:1px solid var(--line);margin:58px 0}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-figure{margin:42px -80px 30px}
.article-figure img{display:block;width:100%;height:auto;background:var(--paper)}
.article-note-link{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.article-note-link a{font-weight:700;color:var(--accent)}
@media(max-width:980px){.article-figure{margin-left:0;margin-right:0}}
@media(max-width:760px){.column-card{grid-template-columns:1fr}.column-card-thumb{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){body{font-size:15.5px}.column-head{padding:48px 0 44px}.column-list{padding:32px 0 64px;gap:22px}.column-card-body{padding:20px 20px 22px}.column-card h2{font-size:19px}.article-head{padding:42px 0 24px}.article-head .lead{font-size:16px}.article-eyecatch{width:100%;margin-bottom:36px}.article-body h2{margin-top:56px}.article-figure{margin-top:30px}}
footer.ft{background:var(--ink);color:var(--on-dark-2);border-top:1px solid var(--dark-line);padding:36px 0;font-size:12.5px;line-height:2}
.ft-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between}
.ft b{color:var(--on-dark);font-family:var(--hd);font-size:16px;display:block;margin-bottom:4px}