/* insights.css — 一覧＋記事の統合スタイル。で切替。 */ body:where([data-page~="insights-list"]){--bg:#FBFBF9;--white:#FFFFFF;--soft:#F4F4F0;--soft2:#EEEEE9;--ink:#17181A;--body:#484C50;--muted:#7C8085;--dim:#A6A9AD;--line:#E7E7E2;--line2:#D9D9D2;--c-bpo:#0E8C8C;--c-emp:#0BA37F;--c-data:#6D5EF6;--c-ma:#1E4E8C;--c-fund:#AE823E;--dark:#141517;--dark2:#0E0F10;--font-display:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif;--font-sans:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif;--font-en:"Space Grotesk","Segoe UI",system-ui,sans-serif;--wrap:1120px;--gutter:clamp(1.1rem,.6rem + 2.4vw,2.4rem);--sec:clamp(3.4rem,2.4rem + 5vw,6rem);--spectrum:linear-gradient(90deg,var(--c-bpo) 0 20%,var(--c-emp) 20% 40%,var(--c-data) 40% 60%,var(--c-ma) 60% 80%,var(--c-fund) 80% 100%)} body:where([data-page~="insights-article"]){--bg:#FBFBF9;--white:#FFFFFF;--soft:#F4F4F0;--soft2:#EEEEE9;--ink:#17181A;--body:#3D4247;--muted:#7C8085;--dim:#A6A9AD;--line:#E7E7E2;--line2:#D9D9D2;--c-bpo:#0E8C8C;--c-emp:#0BA37F;--c-data:#6D5EF6;--c-ma:#1E4E8C;--c-fund:#AE823E;--dark:#141517;--dark2:#0E0F10;--ac:var(--c-bpo);--font-display:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif;--font-sans:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif;--font-en:"Space Grotesk","Segoe UI",system-ui,sans-serif;--wrap:1120px;--prose:44rem;--gutter:clamp(1.1rem,.6rem + 2.4vw,2.4rem);--spectrum:linear-gradient(90deg,var(--c-bpo) 0 20%,var(--c-emp) 20% 40%,var(--c-data) 40% 60%,var(--c-ma) 60% 80%,var(--c-fund) 80% 100%)} *{box-sizing:border-box} html{scroll-padding-top:82px} body{margin:0} body:where([data-page~="insights-list"]) .page{background:var(--bg);color:var(--body);font-family:var(--font-sans);line-height:1.9;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden} body:where([data-page~="insights-article"]) .page{background:var(--bg);color:var(--body);font-family:var(--font-sans);line-height:1.95;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden} .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)} a{color:inherit} .spectrum-bar{height:3px;background:var(--spectrum)} h1{font-feature-settings:"palt" 1} h2{font-feature-settings:"palt" 1} .site-header{position:sticky;top:0;z-index:60;background:rgba(16,17,19,.92);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid rgba(255,255,255,.08)} .hd-inner{display:flex;align-items:center;height:66px;gap:1.3rem} body:where([data-page~="insights-list"]) .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:700;letter-spacing:.1em;font-size:1.02rem} body:where([data-page~="insights-article"]) .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:700;letter-spacing:.1em} .brand-mark{width:15px;height:15px;background:#fff;border-radius:2px;position:relative} body:where([data-page~="insights-list"]) .brand-mark::after{content:"";position:absolute;inset:auto auto 3px 3px;width:5px;height:5px;background:var(--c-emp);border-radius:1px} body:where([data-page~="insights-article"]) .brand-mark::after{content:"";position:absolute;inset:auto auto 3px 3px;width:5px;height:5px;background:var(--ac);border-radius:1px} .hd-nav{display:flex;gap:1.6rem;margin-left:auto;font-size:.9rem;font-weight:500;letter-spacing:.04em} .hd-nav a{text-decoration:none;color:rgba(255,255,255,.72)} .hd-nav a:hover{color:#fff} .hd-nav a[aria-current]{color:#fff} .hd-cta{text-decoration:none;background:#F4F4F1;color:#17181A;font-weight:700;font-size:.84rem;padding:.6rem 1.25rem;letter-spacing:.05em;white-space:nowrap;transition:background .2s} .hd-cta:hover{background:#fff} .mobile-menu-toggle,.mobile-menu-panel{display:none} body.mobile-menu-open{overflow:hidden} body:where([data-page~="insights-list"]) .crumb{font-family:var(--font-en);font-size:.76rem;color:var(--muted);padding-top:1.6rem} body:where([data-page~="insights-article"]) .crumb{font-family:var(--font-en);font-size:.76rem;color:var(--muted);margin-bottom:2rem} .crumb a{text-decoration:none;color:var(--muted)} .crumb a:hover{color:var(--ink)} .hero{padding-block:clamp(2.4rem,1.6rem + 3vw,4rem) clamp(1.6rem,1rem + 2vw,2.6rem);border-bottom:1px solid var(--line)} .eyebrow{font-family:var(--font-en);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 1rem} .hero h1{font-family:var(--font-display);color:var(--ink);font-weight:700;font-size:clamp(2rem,1.4rem + 2.6vw,3rem);line-height:1.4;letter-spacing:.05em;margin:0 0 1rem} .hero p{max-width:40rem;color:var(--body);font-size:1.05rem;margin:0} .list-wrap{padding-block:var(--sec)} .ins-list{border-top:1px solid var(--line2)} .ins-row{display:grid;grid-template-columns:12em 1fr;gap:.3rem 2.6rem;padding:1.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .2s} a.ins-row:hover{background:#F7F7F3;color:inherit} .ins-cat{display:flex;align-items:center;gap:.6rem;align-self:start;font-family:var(--font-en);font-size:.7rem;letter-spacing:.1em;color:var(--muted);font-weight:600;padding-top:.35rem} .ins-cat i{width:8px;height:8px;background:var(--sc,var(--c-emp));flex:none} .ins-main h3{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin:0 0 .3rem;line-height:1.6;font-weight:700;letter-spacing:.02em} .ins-main p{font-size:.88rem;color:var(--muted);margin:0} .ins-main .more{display:inline-block;margin-top:.7rem;font-size:.82rem;color:var(--ink);font-weight:700} body:where([data-page~="insights-list"]) .cta-band{background:var(--dark);color:#EDEDEB;position:relative;overflow:hidden} body:where([data-page~="insights-article"]) .cta-band{background:var(--dark);color:#EDEDEB;position:relative;overflow:hidden;margin-top:2rem} .cta-band .spectrum-bar{position:absolute;top:0;left:0;width:100%} .cta-band .wrap{padding-block:clamp(3rem,2rem + 4vw,5rem)} body:where([data-page~="insights-list"]) .cta-band h2{font-family:var(--font-display);color:#fff;font-size:clamp(1.5rem,1.1rem + 2vw,2.2rem);margin:0 0 .8rem;letter-spacing:.05em} body:where([data-page~="insights-article"]) .cta-band h2{font-family:var(--font-display);color:#fff;font-size:clamp(1.5rem,1.1rem + 2vw,2.1rem);margin:0 0 .8rem;letter-spacing:.05em} .cta-band .sub{color:rgba(237,237,235,.72);max-width:38rem;margin:0 0 2rem} .cta-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.22);max-width:720px} .cta-row{display:grid;grid-template-columns:9.5em 1fr auto;gap:1.2rem;align-items:baseline;padding:1.1rem .3rem;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:background .2s} .cta-row:hover{background:rgba(255,255,255,.06);color:#fff} body:where([data-page~="insights-list"]) .cta-row .n{font-family:var(--font-en);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-emp);font-weight:700} body:where([data-page~="insights-article"]) .cta-row .n{font-family:var(--font-en);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ac);font-weight:700} .cta-row .t{font-size:.98rem;font-weight:700} .cta-row .t small{display:block;font-size:.82rem;color:rgba(237,237,235,.66);font-weight:400;margin-top:.2rem} .cta-row .arr{font-weight:700} .site-footer{background:var(--dark2);color:rgba(255,255,255,.5);padding-block:0 4rem;font-size:.85rem} .site-footer .spectrum-bar{margin-bottom:3rem} .ft-top{display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:space-between} .ft-brand{color:#fff;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:.55rem} .ft-brand .brand-mark{background:#fff} .ft-cols{display:flex;gap:3rem;flex-wrap:wrap} .ft-col h4{color:#fff;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .9rem;font-family:var(--font-en)} .ft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem} .ft-col a{text-decoration:none;color:rgba(255,255,255,.55)} .ft-col a:hover{color:#fff} body:where([data-page~="insights-list"]) .ft-note{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:rgba(255,255,255,.4)} body:where([data-page~="insights-article"]) .ft-note{padding-top:1.4rem;font-size:.78rem;color:rgba(255,255,255,.4);margin-top:2.4rem;border-top:1px solid rgba(255,255,255,.1)} body:where([data-page~="insights-list"]) a:focus-visible{outline:2px solid var(--c-emp);outline-offset:3px} .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mediv-wp-skip-link{position:absolute;z-index:9999;top:8px;left:-9999px;padding:10px 14px;background:#fff;color:#111}.mediv-wp-skip-link:focus{left:8px}.mediv-honeypot{position:absolute;left:-10000px}.mediv-legacy-consent{color:inherit;font-size:12px;line-height:1.8}.mediv-legacy-consent input{width:auto;margin-right:.5em}.mediv-form-status{margin:0 auto 18px;padding:12px 16px;border:1px solid #ef4444;background:#fee2e2;color:#7f1d1d} body:where([data-page~="insights-article"]) a:focus-visible{outline:2px solid var(--ac);outline-offset:3px} body:where([data-page~="insights-list"]) .cta-row:focus-visible{outline:2px solid var(--c-emp);outline-offset:3px} body:where([data-page~="insights-article"]) .cta-row:focus-visible{outline:2px solid var(--ac);outline-offset:3px} .ins-row:focus-visible{outline:2px solid var(--c-emp);outline-offset:3px} .prose{max-width:var(--prose);margin-inline:auto} article{padding-block:clamp(2rem,1.4rem + 2vw,3.2rem) clamp(3rem,2rem + 4vw,5rem)} .a-cat{font-family:var(--font-en);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);font-weight:700} .a-title{font-family:var(--font-display);color:var(--ink);font-weight:700;font-size:clamp(1.9rem,1.4rem + 2.4vw,2.9rem);line-height:1.5;letter-spacing:.04em;margin:.8rem 0 1rem;font-feature-settings:"palt" 1} .a-meta{font-family:var(--font-en);font-size:.82rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1.6rem;margin-bottom:2.4rem} .a-lead{font-size:1.16rem;color:var(--ink);line-height:1.9;margin:0 0 2rem} article h2{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.35rem,1.05rem + 1.2vw,1.75rem);line-height:1.55;letter-spacing:.04em;margin:2.8rem 0 1rem;font-weight:700;font-feature-settings:"palt" 1} article p{margin:0 0 1.3rem;font-size:1.02rem} article strong{color:var(--ink);font-weight:700} .pull{font-family:var(--font-display);font-size:clamp(1.3rem,1rem + 1.4vw,1.7rem);color:var(--ink);line-height:1.7;letter-spacing:.04em;border-left:3px solid var(--ac);padding:.4rem 0 .4rem 1.4rem;margin:2.4rem 0} .a-list{margin:0 0 1.3rem;padding-left:0;list-style:none} .a-list li{position:relative;padding-left:1.6rem;margin-bottom:.7rem;font-size:1.02rem} .a-list li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;background:var(--ac);border-radius:2px} .related{margin:2.8rem 0;border-top:2px solid var(--ac);border-bottom:1px solid var(--line);padding:1.5rem 0 1.7rem} .related .k{font-family:var(--font-en);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ac);font-weight:700} .related h3{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin:.4rem 0 .5rem;font-weight:700} .related p{font-size:.92rem;color:var(--muted);margin:0 0 1rem} .related a{display:inline-block;text-decoration:none;color:#fff;background:var(--ac);font-weight:700;font-size:.9rem;padding:.65rem 1.3rem} .related a:hover{filter:brightness(.88);color:#fff} @media(max-width:820px){.hd-nav{display:none}} @media(max-width:760px){.ins-row{grid-template-columns:1fr}.cta-row{grid-template-columns:1fr auto}.cta-row .n{grid-column:1 / -1}} /* ===== Unified typography system ===== */ body:where([data-page~="insights-list"], [data-page~="insights-article"]){ --font-display:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif; --font-sans:"Zen Kaku Gothic New","Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",system-ui,sans-serif; --font-en:"Space Grotesk","Segoe UI",system-ui,sans-serif; } body:where([data-page~="insights-list"], [data-page~="insights-article"]) .page{font-size:16px;letter-spacing:.01em} body:where([data-page~="insights-list"], [data-page~="insights-article"]) .brand{font-size:1rem;letter-spacing:.07em} .hd-nav{font-size:.875rem;letter-spacing:.03em} .hd-cta{font-size:.9375rem} .hero h1,.a-title,article h2,.ins-main h3,.related h3,.cta-band h2{font-family:var(--font-display);font-weight:700} .hero h1,.a-title{letter-spacing:.03em} article h2{letter-spacing:.02em} article p,.a-list li{font-size:1rem;line-height:1.95} .a-lead{font-size:1.125rem;line-height:1.9} .ins-main p,.related p{font-size:.875rem;line-height:1.8} .hd-cta,.related a{font-size:.9375rem} .site-footer,.ft-note{font-size:.875rem;line-height:1.7} body:where([data-page~="insights-article"]) [style*="font-size:.8rem"]{font-size:.875rem!important;line-height:1.75} @media(max-width:760px){ .hero h1,.a-title{font-size:clamp(1.9rem,8.2vw,2.25rem);line-height:1.45} article h2{font-size:clamp(1.4rem,6vw,1.65rem)} } /* ===== Mobile site navigation and touch targets ===== */ @media(max-width:860px){ .site-header .hd-nav,.site-header .hd-cta{display:none} .site-header .mobile-menu-toggle{margin-left:auto;min-width:76px;height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .mobile-menu-icon{width:18px;height:14px;display:flex;flex-direction:column;justify-content:center;gap:5px} .mobile-menu-icon i{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s ease} .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:first-child{transform:translateY(3px) rotate(45deg)} .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:last-child{transform:translateY(-3px) rotate(-45deg)} body:where([data-page~="insights-list"],[data-page~="insights-article"]) .mobile-menu-panel{position:fixed;inset:66px 0 0;z-index:90;overflow-y:auto;display:flex;flex-direction:column;padding:14px var(--gutter) calc(32px + env(safe-area-inset-bottom));background:#101113;border-top:1px solid rgba(255,255,255,.08)} .mobile-menu-panel[hidden]{display:none!important} .mobile-menu-panel a{min-height:56px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:16px;font-weight:700} .mobile-menu-panel a::after{content:"→";margin-left:auto;color:var(--ac,var(--c-emp))} .mobile-menu-panel .mobile-menu-contact{margin-top:16px;padding-inline:16px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.06)} .mobile-menu-toggle:focus-visible,.mobile-menu-panel a:focus-visible{outline:2px solid var(--ac,var(--c-emp));outline-offset:3px} .ft-col a{min-height:44px;display:flex;align-items:center} }