/* 東京介護タクシー情報センター コラム共通スタイル */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Noto Sans JP',sans-serif; background:#f5f7fa; color:#222; font-size:15px; line-height:1.9; }
a { color:#1a56a0; }
header { background:#fff; border-bottom:1px solid #e5e7eb; }
.header-inner { max-width:760px; margin:0 auto; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.site-name { font-size:.72rem; color:#64748b; }
.header-inner .brand { font-size:1.02rem; color:#16a34a; font-weight:700; }
.header-back { font-size:.8rem; white-space:nowrap; text-decoration:none; }
.container { max-width:760px; margin:0 auto; padding:22px 20px 60px; }
.breadcrumb { font-size:.78rem; color:#64748b; margin-bottom:16px; }
.breadcrumb a { color:#64748b; text-decoration:none; }
article { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:34px 32px; }
.cat-tag { display:inline-block; background:#ecfdf5; color:#15803d; font-size:.74rem; font-weight:700; padding:3px 11px; border-radius:20px; margin-bottom:14px; }
h1 { font-size:1.62rem; line-height:1.5; margin-bottom:14px; }
.lead { color:#475569; font-size:.96rem; background:#f8fafc; border-left:3px solid #cbd5e1; padding:13px 16px; border-radius:0 8px 8px 0; margin-bottom:8px; }
h2 { font-size:1.28rem; margin:36px 0 12px; padding-bottom:8px; border-bottom:2px solid #16a34a; }
h3 { font-size:1.08rem; margin:26px 0 8px; color:#15803d; }
p { margin:12px 0; }
ul, ol { margin:12px 0 12px 1.4em; }
li { margin:6px 0; }
table { width:100%; border-collapse:collapse; margin:18px 0; font-size:.88rem; }
th, td { border:1px solid #e5e7eb; padding:11px 12px; text-align:left; vertical-align:top; }
th { background:#f0fdf4; font-weight:700; }
.note-ymyl { background:#fffbeb; border:1px solid #fde68a; border-radius:9px; padding:14px 16px; font-size:.86rem; color:#92400e; margin:26px 0 6px; }
.related { background:#f8fafc; border:1px solid #e5e7eb; border-radius:10px; padding:18px 20px; margin-top:34px; }
.related .rtitle { font-size:.82rem; font-weight:700; color:#64748b; margin-bottom:10px; }
.related ul { margin:0; list-style:none; }
.related li { margin:8px 0; padding-left:18px; position:relative; }
.related li::before { content:"\203A"; position:absolute; left:0; color:#16a34a; font-weight:700; }
.cta { display:block; text-align:center; background:#16a34a; color:#fff; text-decoration:none; font-weight:700; padding:14px; border-radius:9px; margin-top:24px; }
footer { background:#1e293b; color:#cbd5e1; text-align:center; font-size:.78rem; line-height:1.9; padding:26px 20px; margin-top:40px; }
footer a { color:#93c5fd; text-decoration:none; }
footer strong { color:#fff; }
/* 一覧ページ */
.hub-hero { background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border-radius:12px; padding:30px 28px; margin-bottom:24px; }
.hub-hero h1 { color:#fff; font-size:1.5rem; margin-bottom:8px; }
.hub-hero p { color:#dcfce7; font-size:.9rem; margin:0; }
.cat-block { margin-bottom:30px; }
.cat-block .cat-h { font-size:1.12rem; font-weight:700; padding:8px 0 10px; border-bottom:2px solid #16a34a; margin-bottom:6px; }
.art-link { display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e5e7eb; border-radius:9px; padding:13px 16px; margin:9px 0; text-decoration:none; color:#222; transition:.15s; }
.art-link:hover { border-color:#16a34a; background:#f8fdfb; }
.art-link .num { flex:none; width:30px; height:30px; background:#ecfdf5; color:#15803d; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; }
.art-link .ttl { font-size:.92rem; font-weight:500; }
