@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.otf)format("opentype");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Black.otf)format("opentype");font-weight:900;font-display:swap}:root{--primary:#2e7d32;--primary-container:#4caf50;--on-primary-container:#fff;--secondary:#4caf50;--secondary-container:#e8f5e9;--on-secondary-container:#2e7d32;--tertiary:#ff9800;--tertiary-dark:#8a4f00;--tertiary-container:#ffe9c7;--bg:#fff;--surface:#fff;--surface-low:#f5f5f5;--surface-high:#eee;--outline:#eee;--text:#111;--text-sub:#666;--font-head:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, sans-serif;--font-body:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, sans-serif;--max:1280px;--gutter:24px}@media (width<=760px){:root{--gutter:16px}}:root[data-theme=dark]{--bg:#10140e;--surface:#171b13;--surface-low:#1c2117;--surface-high:#242a1e;--outline:#333a2b;--text:#eef1ea;--text-sub:#adb5a4;--primary:#66bb6a;--primary-container:#2e7d32;--on-primary-container:#fff;--secondary-container:#1b4332;--on-secondary-container:#c1ecd4;--tertiary-container:#4a2a0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10140e;--surface:#171b13;--surface-low:#1c2117;--surface-high:#242a1e;--outline:#333a2b;--text:#eef1ea;--text-sub:#adb5a4;--primary:#66bb6a;--primary-container:#2e7d32;--on-primary-container:#fff;--secondary-container:#1b4332;--on-secondary-container:#c1ecd4;--tertiary-container:#4a2a0f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;word-break:var(--word-break);overflow-wrap:anywhere;margin:0;overflow-x:clip}html{--word-break:keep-all}html,body{overflow-x:clip}html[lang=ja]{--word-break:normal}h1,h2,h3,h4{font-family:var(--font-head);margin:0;font-weight:800}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}button:disabled,input:disabled{cursor:default}.layout{align-items:flex-start;gap:24px;max-width:1648px;margin:0 auto;padding:0;display:flex}main.col{min-width:0;padding:28px var(--gutter) 56px;flex:1;max-width:1280px;margin:0 auto}.hub-hero-full{width:auto;margin:-28px calc(-1 * var(--gutter)) 24px;background-position:50%;background-size:cover;background-color:var(--surface-low);align-items:flex-start;min-height:240px;display:flex;position:relative}.hub-hero-full:after{content:"";background:linear-gradient(#0a140c00 15%,#0a140c1f 40%,#0a140cbf);position:absolute;inset:0}.hub-hero-full-inner{z-index:1;padding:114px var(--gutter) 28px;box-sizing:border-box;width:100%;position:relative}.hub-hero-full-inner h1{color:#fff;font-size:32px;font-weight:800;line-height:1.25}.hub-hero-full-inner p{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:640px;height:48px;margin-top:10px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=640px){.hub-hero-full{min-height:224px}.hub-hero-full-inner{padding-top:58px}.hub-hero-full-inner h1{font-size:26px}.hub-hero-full-inner p{-webkit-line-clamp:4;height:96px}}.content-body{grid-template-columns:minmax(0,760px) minmax(300px,1fr);align-items:start;column-gap:44px;display:grid}@media (width<=1080px){.content-body{grid-template-columns:minmax(0,760px);justify-content:center}}.detail-body{grid-template-rows:auto 1fr}.detail-body>.breadcrumb{grid-area:1/1}.detail-body>article{grid-area:2/1}.detail-body>.article-side{grid-area:1/2/span 2}.ad-slot-mobile{display:block}.ad-slot-pc{display:none}@media (width>=1280px){.ad-slot-mobile{display:none}.ad-slot-pc{display:block}}.ad-rail{flex-shrink:0;display:none;position:sticky;top:80px}@media (width>=1648px){.ad-rail{width:160px;display:block}.layout{padding:0}.layout:has(.ad-rail){grid-template-columns:184px 1280px 24px 160px;gap:0;display:grid}.layout:has(.ad-rail)>main.col{grid-column:2;width:100%;max-width:none}.layout:has(.ad-rail)>.ad-rail{grid-column:4}}@media (width>=1280px) and (width<=1647px){.ad-rail.right{width:300px;display:block}}
