/* コラム記事用スタイル（legal.css を併用） */
.breadcrumb{margin:0 0 18px;color:var(--soft);font-size:12px}
.breadcrumb a{color:var(--main-dark)}
.ad-disclosure-line{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--soft);font-size:12px}
.article-hero{position:relative;margin:0 0 24px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--cream);box-shadow:var(--shadow)}
.article-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;color:var(--soft);font-size:12px}
.article-meta span{display:inline-flex;align-items:center;gap:6px}
.article-meta span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.article-body p,.article-body li{font-size:15.5px}
.article-lead{font-size:16.5px;font-weight:500}
.article-body h3{margin:22px 0 8px;color:var(--ink);font-size:16.5px}
.article-body ul{padding-left:1.4em}
.table-scroll{overflow-x:auto}
.compare-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
.compare-table th,.compare-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7}
.compare-table thead th{background:var(--pale);color:var(--main-dark);white-space:nowrap}
.compare-table tbody th{background:var(--cream);white-space:nowrap;font-weight:700}
.cta-box{margin:46px 0 0;padding:30px 24px;border-radius:18px;background:var(--pale);text-align:center}
.cta-box .cta-lead{margin:0 0 16px;font-family:var(--head);font-weight:700;font-size:17px;color:var(--main-dark)}
.cta-box small{display:block;margin-top:12px;color:var(--soft)}
.cta-button{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:52px;padding:0 32px;border-radius:99px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}
.cta-button:hover{opacity:.9}
.related h2{margin:0 0 14px}
.related-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.related-list a{display:block;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;font-weight:700;font-size:14.5px}
.related-list a:hover{border-color:var(--main)}
.article-foot-note{margin-top:36px;padding-top:20px;border-top:1px dashed var(--line);color:var(--soft);font-size:12.5px;line-height:1.8}
/* コラム一覧ページ */
.column-intro{max-width:650px;margin:0 0 30px;color:#4d6669}
.article-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.article-list li:first-child{grid-column:1/-1}
.article-list a{display:grid;height:100%;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.article-list a:hover{transform:translateY(-4px);border-color:var(--main);box-shadow:0 18px 42px rgba(34,85,93,.16)}
.article-card-image{overflow:hidden;background:var(--cream);aspect-ratio:16/9}
.article-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.article-list a:hover .article-card-image img{transform:scale(1.035)}
.article-card-copy{display:flex;flex-direction:column;padding:20px 22px 22px}
.article-category{align-self:flex-start;margin:0 0 8px;padding:4px 10px;border-radius:99px;background:var(--pale);color:var(--main-dark);font-size:10px;font-weight:700;letter-spacing:.08em}
.article-list b{display:block;font-family:var(--head);font-size:17.5px;color:var(--main-dark);line-height:1.55}
.article-list p{margin:8px 0 0;color:#4d6669;font-size:13.5px;line-height:1.8}
.article-list small{display:block;margin-top:auto;padding-top:12px;color:var(--soft);font-size:11px}
@media(max-width:600px){.article-hero{margin-left:-10px;margin-right:-10px;border-radius:18px}.article-list{grid-template-columns:1fr}.article-list li:first-child{grid-column:auto}.article-card-copy{padding:18px}.compare-table{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.article-list a,.article-card-image img{transition:none}}

/* 2026-07-28: LPと共通のブルー基調へ統一 */
:root{--base:#f7f9fc;--surface:#fff;--ink:#24314f;--soft:#66728c;--main:#3f67a8;--main-dark:#263f73;--pale:#e2eaf5;--cream:#fff8e9;--accent:#e6533f;--line:#d5deeb;--shadow:0 12px 36px rgba(38,63,115,.1)}
body{color:var(--ink);background:linear-gradient(150deg,var(--cream),var(--base) 42%,var(--pale))}
.legal-card p,.legal-card li,.legal-card dd,.column-intro,.article-list p{color:#586681}
.article-list a:hover{box-shadow:0 18px 42px rgba(38,63,115,.16)}
.legal-footer{background:#1f315c}.legal-footer a{color:#cbd5e8}.legal-footer p{color:#aebbd1}
.contact-form input,.contact-form textarea{border-color:#aab8cf}