@charset "utf-8";
#ok-column{--accent:#008fa5;--ink:#193744;--muted:#52626a;color:var(--ink);font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.95;max-width:1160px;margin:auto;padding:28px 24px 80px}#ok-column *{box-sizing:border-box}#ok-column h1,#ok-column h2,#ok-column h3,#ok-column p,#ok-column figure{margin:0}#ok-column a{color:#006c80;text-decoration:underline;text-underline-offset:.2em}#ok-column a:hover{color:#004452}#ok-column a:focus-visible{outline:3px solid #dd9d24;outline-offset:4px}#ok-column .crumb{font-size:13px;margin-bottom:30px}#ok-column .crumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}#ok-column .crumb li+li:before{content:'›';margin-right:8px;color:#839097}#ok-column .eyebrow{color:#00798d;font-size:13px;font-weight:700;letter-spacing:.1em}#ok-column h1{font-size:clamp(27px,3.5vw,43px);line-height:1.5;letter-spacing:.015em;margin:10px 0 24px;font-weight:800}#ok-column .intro{font-size:17px;max-width:840px;color:var(--muted);margin:0 0 30px}#ok-column .topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 50px}#ok-column .topic-nav a{border:1px solid #c8dfe4;background:#f3fafb;border-radius:5px;padding:8px 16px;text-decoration:none;font-size:14px}#ok-column .category{margin:0 0 62px;scroll-margin-top:100px}#ok-column h2{font-size:clamp(22px,2.5vw,29px);line-height:1.6;font-weight:750;margin:45px 0 22px;padding-bottom:12px;border-bottom:2px solid #d6e8eb}#ok-column h3{font-size:19px;line-height:1.65;font-weight:700;margin:20px 0 12px}#ok-column .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#ok-column .card{border:1px solid #dbe5e8;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}#ok-column .card>a{display:block;text-decoration:none;color:inherit;height:100%}#ok-column img{display:block;max-width:100%;height:auto}#ok-column .card img{width:100%;aspect-ratio:3/2;object-fit:cover}#ok-column .card-body{padding:21px}#ok-column .card h3{font-size:18px;margin:8px 0 14px}#ok-column .card p{font-size:14px;color:var(--muted);line-height:1.9}#ok-column .card .read{display:inline-block;margin-top:15px;color:#007b90;font-size:14px;font-weight:700}#ok-column .card small{font-size:12px;color:#60747c}#ok-column .article{max-width:840px;margin:auto}#ok-column .article .lead{padding:25px 28px;background:#f0f8fa;border-left:4px solid var(--accent);font-size:17px;margin-bottom:30px}#ok-column .article>figure{margin:30px 0 40px}#ok-column .article>figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px}#ok-column figcaption{font-size:12px;color:#64767d;margin-top:8px;text-align:right}#ok-column .article p+p{margin-top:18px}#ok-column .article ul{padding-left:1.4em}#ok-column .article li{margin:8px 0}#ok-column .toc{border:1px solid #d6e4e8;padding:22px 28px;border-radius:6px;margin:30px 0}#ok-column .toc p{font-weight:700}#ok-column .toc ol{margin:10px 0 0;padding-left:1.3em;font-size:14px}#ok-column .references{font-size:13px;color:var(--muted)}#ok-column .references ul{list-style:none;padding:0}#ok-column .references a{overflow-wrap:anywhere}#ok-column .related{background:#f6fafb;border-radius:8px;padding:8px 25px 25px;margin-top:40px}#ok-column .related h2{font-size:23px;margin-top:22px}#ok-column .back{margin-top:35px}#ok-column .updated{font-size:13px;color:var(--muted);margin:0 0 22px}#ok-column .hero-photo img{width:100%;max-height:360px;object-fit:cover;border-radius:8px}#ok-column .hero-photo{margin-bottom:40px}@media(max-width:900px){#ok-column .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#ok-column{padding:20px 16px 55px;font-size:16px}#ok-column .grid{grid-template-columns:1fr;gap:22px}#ok-column .article .lead{padding:20px;font-size:16px}#ok-column .crumb{margin-bottom:22px}#ok-column .topic-nav{gap:7px;margin-bottom:35px}#ok-column .topic-nav a{padding:7px 12px;font-size:13px}#ok-column h2{margin-top:34px}#ok-column .toc{padding:18px 20px}#ok-column .related{padding:4px 18px 20px}}
/* コラム各ページのみに読み込む共通タイトル表示。ヘッダー・フッターには変更を加えない。 */
#wcfront_pagetitle{display:block!important;background:#f0f8fa!important;min-height:0!important;height:auto!important;padding:40px 24px!important;color:#193744!important}#wcfront_pagetitle::before,#wcfront_pagetitle::after{display:none!important}#wcfront_pagetitle .wcfront_pagetitle--text_wrap{max-width:1112px;width:100%;position:static;margin:0 auto;padding:0;transform:none}#wcfront_pagetitle h1.wcfront_pagetitle--text{font-size:clamp(27px,3.4vw,42px);line-height:1.5;font-weight:800;color:#193744;text-align:left;margin:0;text-shadow:none}#wcfront_pagetitle .wcfront_pagetitle--text2{display:none}#ok-column .crumb ol,#ok-column .crumb li{list-style:none!important;counter-reset:none!important;padding-left:0!important}#ok-column .crumb li::marker{content:''!important}#ok-column .crumb li::before{content:none!important;display:none!important}#ok-column .crumb li+li::before{content:'›'!important;display:inline!important;margin-right:8px!important}#ok-column .article ul{list-style:disc!important}#ok-column .article ul li::before{content:none!important}@media(max-width:600px){#wcfront_pagetitle{padding:26px 16px!important}}
/* テスト表示確認後のタイトル画像・パンくず調整 */
#wcfront_pagetitle .wcfront_pagetitle--image,#wcfront_pankuzu{display:none!important}#ok-column .crumb li{display:inline-flex!important;align-items:baseline!important}#ok-column .crumb li+li::before{position:static!important;display:inline-block!important;width:auto!important;height:auto!important;transform:none!important;background:none!important;border:0!important;float:none!important;margin:0 8px 0 0!important;color:#839097!important}
/* 2026-11-06: 共通リセットによるHTML5要素のinline表示をコラム内で補正 */
#ok-column header,#ok-column nav,#ok-column main,#ok-column footer,#ok-column section,#ok-column article,#ok-column aside{display:block}