@charset "UTF-8";
/* コラム記事用（top.css の上に重ねる明るいテーマ） */
body{background:var(--bg)}
.col-wrap{max-width:820px;margin:0 auto;padding:0 20px}
.col-header{padding:52px 0 30px;border-bottom:1px solid var(--line);margin-bottom:38px}
.col-eyebrow{margin:0 0 14px;font-family:var(--latin);font-size:13px;letter-spacing:.22em;color:var(--slate)}
.col-header h1{margin:0 0 14px;font-family:var(--mincho);font-weight:500;font-size:clamp(26px,4.6vw,40px);line-height:1.45;letter-spacing:.06em;color:var(--navy)}
.col-header h1 em{font-style:normal;color:var(--purple)}
.col-meta{margin:0;font-size:13px;color:var(--muted)}
.col-body{font-size:15.5px;line-height:2;color:var(--ink)}
.col-body h2{margin:48px 0 18px;padding-left:14px;border-left:3px solid var(--gold);font-family:var(--mincho);font-weight:500;font-size:clamp(20px,3vw,25px);line-height:1.5;letter-spacing:.06em;color:var(--navy)}
.col-body h3{margin:30px 0 10px;font-family:var(--mincho);font-weight:500;font-size:18px;color:var(--navy)}
.col-body p{margin:0 0 18px}
.col-body a{color:var(--slate);text-decoration:underline;text-underline-offset:3px}
.col-body a:hover{color:var(--navy)}
.col-body ul,.col-body ol{margin:0 0 18px;padding-left:1.4em}
.col-body li{margin-bottom:8px}
.col-body strong{color:var(--navy)}
.col-body img{border-radius:6px}
.col-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;background:#fff}
.col-table th,.col-table td{padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}
.col-table th{background:#f1f0f8;color:var(--navy);font-weight:500}
.col-table tr:nth-child(even) td{background:#fafafc}
@media(max-width:640px){.col-table{display:block;overflow-x:auto;white-space:normal}.col-table th,.col-table td{min-width:96px}}
.col-callout{background:#fff;border:1px solid #e6d9b3;border-left:4px solid var(--gold);border-radius:6px;padding:20px 22px;margin:28px 0;box-shadow:0 1px 3px rgba(35,42,107,.045)}
.col-callout strong{color:var(--navy)}
.col-cta{display:inline-block;margin-top:8px;background:var(--navy);color:#fff!important;padding:12px 28px;border-radius:999px;text-decoration:none!important;font-family:var(--mincho);font-size:14px;letter-spacing:.1em}
.col-cta:hover{background:var(--navy-deep)}
.col-faq{margin:16px 0}
.col-faq dt{font-weight:700;color:var(--navy);margin-top:20px}
.col-faq dd{margin:6px 0 0}
.col-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:24px 0 40px}
.col-related a{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;text-decoration:none;transition:transform .25s,box-shadow .25s}
.col-related a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(35,42,107,.09)}
.col-related .r-tag{font-family:var(--latin);font-size:12px;color:var(--gold);letter-spacing:.14em}
.col-related .r-title{color:var(--navy);font-size:15px;margin-top:6px;line-height:1.6}
.col-back{display:inline-block;margin:28px 0;color:var(--slate);text-decoration:none;font-size:14px}
.col-back:hover{color:var(--navy);text-decoration:underline}
.col-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:30px 0 56px}
.col-card{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 1px 3px rgba(35,42,107,.045)}
.col-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(35,42,107,.09)}
.col-card .c-icon{font-size:28px;margin-bottom:10px}
.col-card h3{margin:0 0 8px;font-family:var(--mincho);font-weight:500;font-size:18px;line-height:1.5;color:var(--navy)}
.col-card p{margin:0;font-size:13px;line-height:1.85;color:var(--ink)}
.home-faq{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px;margin-bottom:32px;font-size:15px;line-height:1.9}
.home-faq dt{font-weight:700;color:var(--navy);margin-top:20px}
.home-faq dt:first-child{margin-top:0}
.home-faq dd{margin:6px 0 0}
.ad-slot{margin-bottom:40px}