:root{--yellow:#f7c51f;--ink:#11120f;--paper:#f6f5f0;--coral:#ff5964;--line:#d9d6cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}.media-header{height:88px;padding:0 max(22px,4vw);display:flex;align-items:center;justify-content:space-between;border-top:6px solid var(--yellow);border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:4}.media-header img{width:245px}.media-nav{display:flex;align-items:center;gap:28px;font-weight:800;font-size:14px}.media-nav .cta{background:var(--ink);color:#fff;border-radius:999px;padding:15px 24px}.media-hero{min-height:360px;background:var(--yellow);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:70px 24px}.media-hero:before{content:"KNOWLEDGE";position:absolute;font:900 clamp(90px,17vw,270px)/1 Figtree,sans-serif;color:rgba(255,255,255,.2);letter-spacing:-.07em}.media-hero>*{position:relative}.eyebrow{font:800 12px/1 Figtree,sans-serif;letter-spacing:.22em}.media-hero h1{font-size:clamp(46px,7vw,88px);margin:20px 0 14px;letter-spacing:-.06em}.media-hero p{font-size:17px;font-weight:600}.media-wrap{max-width:1240px;margin:auto;padding:70px 24px 110px}.category-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:46px}.category-nav a{border:2px solid var(--ink);padding:11px 20px;border-radius:999px;font-weight:800;font-size:13px}.category-nav a:first-child{background:var(--ink);color:#fff}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:54px 32px}.article-card{display:block}.thumb{aspect-ratio:16/9;border:2px solid var(--ink);border-radius:24px;overflow:hidden;background-image:url('/insights/assets/insights-thumbnails-sheet-v1.png');background-size:200% 200%;box-shadow:9px 9px 0 var(--yellow)}.thumb.p1{background-position:0 0}.thumb.p2{background-position:100% 0}.thumb.p3{background-position:0 100%}.thumb.p4{background-position:100% 100%}.article-card .meta{display:flex;gap:12px;margin:24px 0 12px;font-size:12px;font-weight:800;color:#777}.tag{color:var(--ink);background:#fff1bd;border-radius:999px;padding:4px 10px}.article-card h2{font-size:24px;line-height:1.55;margin:0;letter-spacing:-.03em}.article-card p{font-size:14px;line-height:1.9;color:#666}.article-card:hover h2{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:6px;text-underline-offset:4px}.media-cta{margin-top:90px;background:var(--ink);color:#fff;padding:58px;border-radius:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.media-cta h2{font-size:36px;margin:0}.media-cta a{background:var(--yellow);color:var(--ink);padding:18px 30px;border-radius:999px;font-weight:900}.media-footer{background:#efefec;border-top:8px solid var(--yellow);padding:55px max(24px,6vw)}.media-footer img{width:260px}.media-footer p{font-size:12px;color:#666}.article-hero{max-width:1120px;margin:0 auto;padding:75px 24px 36px}.breadcrumb{font-size:12px;color:#777;margin-bottom:38px}.article-hero .tag{display:inline-block}.article-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.35;letter-spacing:-.045em;margin:22px 0}.article-date{font-size:13px;color:#777}.article-cover{max-width:1120px;margin:0 auto}.article-cover .thumb{border-radius:30px;box-shadow:12px 12px 0 var(--yellow)}.article-layout{max-width:1120px;margin:70px auto 120px;padding:0 24px;display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px}.article-body{font-size:16px;line-height:2}.article-body .lead{font-size:19px;font-weight:600}.article-body h2{font-size:32px;line-height:1.5;margin:70px 0 24px;padding-left:20px;border-left:10px solid var(--yellow)}.article-body h3{font-size:23px;margin:42px 0 16px}.article-body ul{background:#fff5cf;border-radius:20px;padding:25px 25px 25px 50px}.article-body .note{background:#f3f2ed;border-left:5px solid var(--coral);padding:20px}.toc{position:sticky;top:30px;border:2px solid var(--ink);padding:24px;border-radius:18px;align-self:start}.toc strong{display:block;margin-bottom:15px}.toc a{display:block;font-size:13px;line-height:1.6;padding:9px 0;border-top:1px solid var(--line)}.related{margin-top:70px;border-top:1px solid var(--line);padding-top:35px}.related a{display:block;font-weight:800;margin:12px 0;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:4px}.mobile-menu{display:none}@media(max-width:800px){.media-header{height:74px}.media-header img{width:180px}.media-nav a:not(.cta){display:none}.media-nav .cta{padding:11px 16px;font-size:12px}.media-hero{min-height:280px}.media-hero h1{font-size:44px}.media-hero p{font-size:14px}.media-wrap{padding:48px 18px 90px}.article-grid{grid-template-columns:1fr;gap:44px}.article-card h2{font-size:21px}.media-cta{padding:34px 24px;display:block}.media-cta h2{font-size:28px;margin-bottom:25px}.article-hero{padding-top:45px}.article-hero h1{font-size:34px}.article-cover{padding:0 18px}.article-layout{grid-template-columns:1fr;margin-top:45px;padding:0 20px}.toc{position:static;grid-row:1}.article-body h2{font-size:27px}.article-body{font-size:15px}.thumb{border-radius:18px}.media-footer{padding-bottom:100px}}
/* Shared site chrome for the media and every article page. */
.media-header{height:94px;padding:0 max(22px,4vw);border-top:6px solid var(--yellow);position:relative;z-index:20}.media-brand{display:flex;align-items:center}.media-header .media-brand img{display:block;width:245px;height:auto}.media-menu{display:none;width:44px;height:44px;padding:10px;border:0;background:transparent}.media-menu span{display:block;height:2px;background:var(--ink);margin:6px 0;transition:.25s}
.media-footer{padding:58px max(24px,6vw) 30px;display:grid;grid-template-columns:minmax(250px,1.2fr) 2fr;gap:52px 8vw}.media-footer-brand img{display:block;width:270px;max-width:100%;height:auto}.media-footer-brand strong{display:block;margin:22px 0 12px;font-size:20px;line-height:1.65}.media-footer-brand p{font-size:13px;line-height:1.9;color:#555}.media-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.media-footer-nav b,.media-footer-nav a{display:block}.media-footer-nav b{margin-bottom:16px}.media-footer-nav a{font-size:13px;margin:11px 0}.media-footer-bottom{grid-column:1/-1;border-top:1px solid #ccc;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#666}.media-footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:800px){body .media-header{height:76px;padding:0 18px}body .media-header .media-brand img{width:178px}.media-menu{display:block}body .media-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:18px;border-bottom:4px solid var(--yellow);box-shadow:0 18px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}body .media-header.menu-open .media-nav{display:flex}body .media-nav a,body .media-nav a:not(.cta){display:block;padding:14px 8px}.media-nav .cta{text-align:center;margin-top:8px;padding:13px 16px}.media-header.menu-open .media-menu span:nth-child(1){transform:translateY(8px) rotate(45deg)}.media-header.menu-open .media-menu span:nth-child(2){opacity:0}.media-header.menu-open .media-menu span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body .media-footer{grid-template-columns:1fr;padding:42px 24px 105px;gap:34px}.media-footer-brand img{width:220px}.media-footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px}.media-footer-bottom{display:block}.media-footer-bottom nav{margin-top:18px;display:grid;gap:10px}}
/* Shared site chrome: kept visually identical to the top page. */
.site-header{height:88px;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,4vw,72px);background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.brand{width:240px;display:block}.brand img{display:block;width:100%;height:58px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:14px;font-weight:700}.header-cta{background:var(--ink);color:#fff;border-radius:999px;padding:15px 22px;font-weight:800}.header-cta span{color:var(--yellow);margin-left:12px}.menu-button{display:none;background:transparent;border:0;padding:8px}.menu-button span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}
body.mobile-menu-open{overflow:hidden}.site-header .menu-button{position:relative;z-index:32;cursor:pointer}.site-header .menu-button span{transition:transform .25s ease,opacity .2s ease}.site-header.menu-open .menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .menu-button span:nth-child(2){opacity:0}.site-header.menu-open .menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-footer{position:relative;background:#efefec;padding:80px max(24px,6vw) 30px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;border-top:8px solid var(--yellow)}.footer-brand img{display:block;width:min(360px,90%);height:auto}.footer-brand p{font-size:23px;font-weight:900;line-height:1.55;margin:34px 0}.footer-brand small{font-size:13px;color:#666}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-nav b{font-size:17px;margin-bottom:9px}.footer-nav a,.footer-nav span{font-size:14px;font-weight:600;color:#454640}.footer-nav a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(17,18,15,.18);padding-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:#6a6b66}.footer-bottom nav{display:flex;gap:30px}.footer-float{position:absolute;right:4vw;bottom:60px;width:155px;height:155px;border-radius:50%;background:var(--ink);color:#fff;border:7px solid var(--yellow);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 1px var(--ink);transform:rotate(4deg)}.footer-float::before,.footer-float::after{content:"";position:absolute;width:18px;height:45px;background:var(--yellow);top:-45px;left:50%;transform-origin:bottom}.footer-float::before{transform:rotate(-35deg)}.footer-float::after{transform:translateX(22px) rotate(35deg)}.footer-float span{font-size:12px}.footer-float strong{color:var(--yellow);font-size:18px}.footer-float i{font-style:normal;margin-top:5px}.footer-brand>small{display:block;font-size:13px;font-weight:700;line-height:1.8;color:var(--ink)}.footer-brand address{display:grid;gap:18px;margin-top:18px;font-style:normal;font-size:12px;line-height:1.75;color:#5f605b}.footer-brand address span{display:block}.footer-brand address b{display:block;color:var(--ink);font-size:11px;letter-spacing:.08em;margin-bottom:2px}.footer-brand address br{display:block}
@media(max-width:980px){.site-header nav{display:none}.header-cta{margin-left:auto}.site-footer{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(3,1fr)}.footer-float{display:none}}
@media(max-width:640px){.site-header{height:70px;padding:0 15px}.brand{width:175px}.brand img{height:45px}.header-cta{display:none}.site-header .menu-button{display:block;margin-left:auto}.site-header.menu-open nav{display:flex;position:fixed;z-index:30;inset:70px 0 0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:42px 24px 110px;background:#f7c51f;overflow-y:auto}.site-header.menu-open nav a{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;border-bottom:2px solid #11120f;font-size:22px;font-weight:900}.site-header.menu-open nav a::after{content:"→";font-family:Figtree,sans-serif}.site-footer{padding:60px 20px 110px;gap:45px}.footer-brand img{width:250px}.footer-brand p{font-size:20px}.footer-nav{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-nav>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom nav{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 20px}}
.article-thumb-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:2px solid var(--ink);border-radius:24px;box-shadow:9px 9px 0 var(--yellow)}.article-cover-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:2px solid var(--ink);border-radius:30px;box-shadow:12px 12px 0 var(--yellow)}

/* Article cover dimensions include HTML width/height hints; clear the fixed height on mobile. */
@media(max-width:800px){.seo-article-cover img{height:auto}}