/* =========================================================
   HIC コラム（/column/）専用スタイル。lp.css の上に重ねる
   白基調・紺 #1B2A4A・青緑 #3ADBC6・黄金比の余白
   ========================================================= */
.art{padding:var(--s5) 0 var(--s6)}
.art .wrap{max-width:820px}
.crumb{font-size:var(--t-1);color:var(--muted);letter-spacing:.06em;display:flex;gap:var(--s1);flex-wrap:wrap;margin-bottom:var(--s3)}
.crumb a{color:var(--muted);border-bottom:1px solid var(--line)}
.crumb a:hover{color:var(--teal-deep);border-color:currentColor}
.art .eyebrow{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-1);font-weight:500;letter-spacing:.2em;color:var(--teal-deep)}
.art .eyebrow::before{content:"";width:var(--s4);height:1px;background:var(--teal-deep)}
.art h1{font-family:var(--serif);font-size:clamp(var(--t2),3vw,var(--t3));letter-spacing:.04em;line-height:1.5;margin:var(--s3) 0 var(--s2)}
.art .meta{font-size:13px;color:var(--muted);letter-spacing:.04em;margin-bottom:var(--s4);display:flex;gap:var(--s3);flex-wrap:wrap}
.art .lead{font-size:var(--t0);color:var(--body);background:var(--surface);border-left:3px solid var(--teal);padding:var(--s3) var(--s4);border-radius:var(--r);margin-bottom:var(--s4)}
.toc{border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s5);background:#fff}
.toc b{display:block;font-size:var(--t-1);letter-spacing:.2em;color:var(--muted);font-weight:500;margin-bottom:var(--s2)}
.toc ol{margin:0;padding-left:1.4em;font-size:14.5px;line-height:2}
.toc a{color:var(--body);border-bottom:1px solid var(--line)}
.toc a:hover{color:var(--teal-deep);border-color:currentColor}
.art h2{font-family:var(--serif);font-size:clamp(var(--t1),2.6vw,var(--t2));letter-spacing:.06em;margin:var(--s5) 0 var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);line-height:1.45}
.art h3{font-size:var(--t1);letter-spacing:.04em;margin:var(--s4) 0 var(--s2);line-height:1.45}
.art p{margin:0 0 var(--s3);color:var(--body)}
.art ul,.art ol{margin:0 0 var(--s3);padding-left:1.5em;color:var(--body)}
.art li{margin-bottom:var(--s1)}
.art a.tx{color:var(--teal-deep);border-bottom:1px solid currentColor}
.art table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 var(--s3);background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.art th,.art td{padding:var(--s2) var(--s2);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7;color:var(--body)}
.art thead th{background:var(--surface);color:var(--ink);font-weight:500;white-space:nowrap}
.art tbody th{background:var(--surface);color:var(--ink);font-weight:500;white-space:nowrap;width:9em}
.art tr:last-child td,.art tr:last-child th{border-bottom:0}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--s3)}
.tblwrap table{min-width:560px;margin:0}
.calc{background:var(--navy);color:#fff;border-radius:var(--r);padding:var(--s4);margin:0 0 var(--s4)}
.calc b{display:block;font-size:var(--t-1);letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:var(--s2)}
.calc .f{font-family:var(--serif);font-size:clamp(var(--t0),2.4vw,var(--t1));line-height:1.7;letter-spacing:.04em}
.calc .f span{color:var(--teal)}
.calc p{color:rgba(255,255,255,.72);font-size:13.5px;margin:var(--s2) 0 0}
.ex{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);margin:0 0 var(--s3);font-size:14.5px;line-height:1.9;color:var(--body);white-space:pre-line}
.ex b{display:block;font-size:var(--t-1);letter-spacing:.2em;color:var(--teal-deep);font-weight:500;margin-bottom:var(--s1);white-space:normal}
.chk{list-style:none;padding:0;margin:0 0 var(--s3)}
.chk li{position:relative;padding:var(--s1) 0 var(--s1) var(--s3);border-top:1px solid var(--line)}
.chk li:last-child{border-bottom:1px solid var(--line)}
.chk li::before{content:"";position:absolute;left:1px;top:19px;width:8px;height:4px;border-left:1.5px solid var(--teal-deep);border-bottom:1.5px solid var(--teal-deep);transform:rotate(-45deg)}
.pt{background:var(--teal-soft);border-radius:var(--r);padding:var(--s3) var(--s4);margin:0 0 var(--s3);font-size:14.5px;color:var(--ink)}
.pt b{font-weight:600}
.art .faq{max-width:none;margin:0 0 var(--s4)}
.art .faq summary{font-size:var(--t0)}
.art .faq p{font-size:14.5px}
.cta-box{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--r);padding:var(--s4);margin:var(--s5) 0 0}
.cta-box h2{border:0;margin:0 0 var(--s2);padding:0;font-size:var(--t1)}
.cta-box p{font-size:14.5px}
.cta-box .cta{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s3) 0 var(--s2)}
.cta-box .other{font-size:13px;color:var(--muted);margin:0}
.cta-box .other a{color:var(--teal-deep);border-bottom:1px solid currentColor}
.rel{margin-top:var(--s4);font-size:14px;color:var(--muted)}
.rel a{color:var(--teal-deep);border-bottom:1px solid currentColor}
.author{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.9}
/* 一覧 */
.list{display:grid;gap:var(--s3);margin-top:var(--s4)}
.list a.item{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);transition:.35s var(--ease)}
.list a.item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent}
.list .k{font-size:var(--t-1);letter-spacing:.2em;color:var(--teal-deep);font-weight:500}
.list .t{display:block;font-family:var(--serif);font-size:var(--t1);color:var(--ink);margin:var(--s1) 0;line-height:1.45;letter-spacing:.04em}
.list p{font-size:14px;color:var(--body);margin:0}
@media(max-width:640px){
  .art{padding:var(--s4) 0 var(--s5)}
  .cta-box .cta .btn{width:100%}
}