.article-page{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a8a;--bg:#fafafa;--bg-alt:#f4f4f5;--surface:#fff;--surface-2:#f9fafb;--line:#e5e7eb;--line-soft:#f1f2f4;--ink:#1f2937;--ink-strong:#0f172a;--ink-muted:#525b6d;--ink-faint:#6b7280;--brand:var(--blue-600);--brand-bg:var(--blue-50);--brand-strong:var(--blue-700);--font-art-sans:var(--font-noto-sans-jp), "Hiragino Kaku Gothic ProN", "Yu Gothic UI", sans-serif;--font-art-serif:var(--font-noto-serif-jp), "Hiragino Mincho ProN", "Yu Mincho", serif;--font-art-heading:var(--font-art-serif);--font-art-body:var(--font-art-sans);--fs-body:17px;--lh-body:1.95;--ls-body:.035em;--content-w:680px;--radius-sm:6px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 1px #0f172a0a;--shadow:0 4px 16px #0f172a12, 0 1px 3px #0f172a0d;--shadow-lg:0 24px 48px #0f172a1a, 0 4px 12px #0f172a0f;background:var(--bg);color:var(--ink);font-family:var(--font-art-body);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.article-page a{color:var(--brand-strong);text-underline-offset:3px}.article-page a:hover{color:var(--brand)}.article-page a:focus-visible,.article-page button:focus-visible,.article-page .inline-cta:focus-visible,.article-page .cta-card__btn:focus-visible,.article-page .inline-cta__btn:focus-visible,.article-page .toc__link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.article-page .page{max-width:1200px;margin:0 auto;padding:0 24px}.article-page .article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:80px;padding:32px 0 80px;display:grid}@media (max-width:1024px){.article-page .article-layout{grid-template-columns:1fr;gap:48px}}.article-page .hero{max-width:var(--content-w);margin:0 auto;padding:32px 0 16px}.article-page .hero__breadcrumbs{color:var(--ink-faint);letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:12.5px;display:flex}.article-page .hero__breadcrumbs a{color:var(--ink-muted);text-decoration:none}.article-page .hero__breadcrumbs a:hover{color:var(--brand)}.article-page .hero__breadcrumbs .sep{opacity:.4}.article-page .hero__eyebrow{background:var(--brand-bg);color:var(--brand-strong);letter-spacing:.1em;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.article-page .hero__eyebrow:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.article-page .hero__title{font-family:var(--font-art-heading);letter-spacing:.01em;color:var(--ink-strong);text-wrap:pretty;margin:0 0 24px;font-size:clamp(26px,4.2vw,42px);font-weight:700;line-height:1.45}.article-page .hero__title .title-tag{vertical-align:middle;background:var(--ink-strong);color:#fff;font-family:var(--font-art-sans);letter-spacing:.06em;border-radius:4px;margin-right:6px;padding:4px 10px;font-size:.55em;font-weight:800;display:inline-block;transform:translateY(-3px)}.article-page .hero__title .hl{background:linear-gradient(transparent 65%, var(--brand-bg) 65%);padding:0 2px}.article-page .hero__lede{color:var(--ink-muted);text-wrap:pretty;margin:0 0 28px;font-size:clamp(15px,1.6vw,17px);line-height:1.95}.article-page .hero__meta{color:var(--ink-muted);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 24px;padding-top:20px;font-size:13px;display:flex}.article-page .hero__meta .meta-item{align-items:center;gap:8px;display:inline-flex}.article-page .hero__meta .meta-item svg{opacity:.7;width:14px;height:14px}.article-page .hero__author{align-items:center;gap:10px;display:inline-flex}.article-page .hero__author-avatar{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-art-sans);border-radius:50%;place-items:center;display:grid}.article-page .hero__author-name{color:var(--ink);font-weight:600}.article-page .hero__author-sub{color:var(--ink-faint);font-size:11.5px}.article-page .hero-visual{border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:linear-gradient(135deg, var(--blue-100) 0%, var(--blue-50) 100%);max-width:900px;margin:24px auto 48px;overflow:hidden}.article-page .hero-visual img{width:100%;height:auto;display:block}.article-page .article{max-width:var(--content-w);margin:0 auto}.article-page .article>*+*{margin-top:1.2em}.article-page .article h2{font-family:var(--font-art-heading);letter-spacing:.02em;color:var(--ink-strong);margin:2.6em 0 .9em;padding-top:.8em;scroll-margin-top:80px;font-size:clamp(22px,2.6vw,28px);font-weight:700;line-height:1.55;position:relative}.article-page .article h2 .num{font-family:var(--font-art-sans);letter-spacing:.18em;color:var(--brand);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.article-page .article h3{font-family:var(--font-art-heading);letter-spacing:.02em;color:var(--ink-strong);border-left:3px solid var(--brand);margin:2em 0 .7em;padding-left:14px;scroll-margin-top:80px;font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.6}.article-page .article p{text-wrap:pretty;word-break:auto-phrase;margin:0 0 1.2em}.article-page .article p:last-child{margin-bottom:0}.article-page .article strong,.article-page .article b{background:linear-gradient(transparent 60%, var(--brand-bg) 60%);padding:0 1px;font-weight:700}.article-page .article em{color:var(--brand-strong);font-style:normal;font-weight:600}.article-page .article ul,.article-page .article ol{margin:1.2em 0;padding-left:0;list-style:none}.article-page .article ul li,.article-page .article ol li{margin-bottom:.5em;padding-left:26px;position:relative}.article-page .article ul li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(.95em - 3px);left:4px}.article-page .article ol{counter-reset:list}.article-page .article ol li{counter-increment:list;padding-left:32px}.article-page .article ol li:before{content:counter(list);background:var(--brand);color:#fff;width:22px;height:22px;font-family:var(--font-art-sans);letter-spacing:0;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:.35em;left:0}.article-page .article .lede{color:var(--ink-strong);border-left:4px solid var(--brand);margin-bottom:2em;padding:4px 0 4px 20px;font-size:1.08em}.article-page .callout{border-radius:var(--radius);background:var(--brand-bg);border:1px solid #2563eb40;border-color:color-mix(in oklch, var(--brand) 25%, transparent);margin:2em 0;padding:22px 26px;position:relative}.article-page .callout__label{font-family:var(--font-art-sans);letter-spacing:.12em;color:var(--brand-strong);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-flex}.article-page .callout__label .dot{background:var(--brand);border-radius:50%;width:8px;height:8px}.article-page .callout__title{font-family:var(--font-art-heading);color:var(--ink-strong);letter-spacing:.02em;margin:0 0 6px;font-size:17px;font-weight:700}.article-page .callout p{margin-bottom:.6em;font-size:.95em}.article-page .callout p:last-child{margin-bottom:0}.article-page .callout--data{background:var(--surface-2);border-color:var(--line)}.article-page .callout--data .callout__label{color:var(--ink-muted)}.article-page .callout--data .callout__label .dot{background:var(--ink-muted)}.article-page .stat-strip{background:var(--line);border-radius:var(--radius);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:2em 0;display:grid;overflow:hidden}.article-page .stat{background:var(--surface);text-align:center;padding:22px 18px}.article-page .stat__label{font-family:var(--font-art-sans);color:var(--ink-faint);letter-spacing:.14em;margin-bottom:8px;font-size:11.5px;font-weight:600}.article-page .stat__value{font-family:var(--font-art-heading);color:var(--ink-strong);letter-spacing:.02em;font-size:30px;font-weight:700;line-height:1}.article-page .stat__value .unit{color:var(--ink-muted);font-size:14px;font-weight:500;font-family:var(--font-art-sans);margin-left:2px}.article-page .stat__sub{color:var(--ink-muted);margin-top:6px;font-size:11.5px}@media (max-width:640px){.article-page .stat-strip{grid-template-columns:1fr}.article-page .stat__value{font-size:26px}}.article-page .data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;margin:2em 0;font-size:14px;overflow:hidden}.article-page .data-table th,.article-page .data-table td{text-align:left;border-bottom:1px solid var(--line-soft);letter-spacing:.02em;padding:14px 16px}.article-page .data-table th{background:var(--surface-2);font-family:var(--font-art-sans);color:var(--ink-muted);letter-spacing:.1em;white-space:nowrap;font-size:12px;font-weight:700}.article-page .data-table tr:last-child td{border-bottom:0}.article-page .data-table td.num{font-family:var(--font-art-sans);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-strong);font-weight:600}.article-page .data-table .area{font-family:var(--font-art-heading);color:var(--ink-strong);font-weight:700}.article-page .data-table .badge{background:var(--brand-bg);color:var(--brand-strong);font-family:var(--font-art-sans);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.article-page .steps{gap:16px;margin:2em 0;display:grid}.article-page .step-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:56px 1fr;gap:18px;padding:22px;transition:border-color .16s,box-shadow .16s;display:grid}.article-page .step-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.article-page .step-card__num{font-family:var(--font-art-heading);color:var(--brand);letter-spacing:.02em;padding-top:4px;font-size:28px;font-weight:700;line-height:1;position:relative}.article-page .step-card__num:after{content:"STEP";font-family:var(--font-art-sans);letter-spacing:.16em;color:var(--ink-faint);margin-top:4px;font-size:10px;font-weight:700;display:block}.article-page .step-card__title{font-family:var(--font-art-heading);color:var(--ink-strong);letter-spacing:.02em;margin:0 0 6px;font-size:17px;font-weight:700}.article-page .step-card__body{color:var(--ink-muted);margin:0;font-size:14.5px;line-height:1.85}.article-page .kbd{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-art-sans);letter-spacing:.04em;color:var(--ink-strong);border-radius:4px;margin:0 1px;padding:0 6px;font-size:.88em;font-weight:600;display:inline-block}.article-page .sidebar{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:90px}@media (max-width:1024px){.article-page .sidebar{position:static}}.article-page .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px}.article-page .toc__label{font-family:var(--font-art-sans);letter-spacing:.18em;color:var(--ink-faint);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.article-page .toc__label:before{content:"";background:var(--ink-faint);width:18px;height:1px}.article-page .toc__list{margin:0;padding:0;list-style:none}.article-page .toc__item{margin:0;padding:0}.article-page .toc__link{color:var(--ink-muted);border-left:2px solid #0000;grid-template-columns:22px 1fr;align-items:baseline;gap:8px;margin-left:-8px;padding:7px 0 7px 8px;font-size:13px;line-height:1.5;text-decoration:none;transition:color .12s,border-left-color .12s;display:grid}.article-page .toc__link .toc-num{font-family:var(--font-art-sans);color:var(--ink-faint);letter-spacing:.08em;font-size:10.5px;font-weight:700}.article-page .toc__link:hover{color:var(--ink-strong);border-left-color:var(--brand-bg)}.article-page .cta-card{background:var(--ink-strong);color:#e5e7eb;border-radius:var(--radius);padding:22px 20px;position:relative;overflow:hidden}.article-page .cta-card:before{content:"";background:radial-gradient(circle, var(--brand) 0%, transparent 70%);opacity:.45;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.article-page .cta-card__eyebrow{font-family:var(--font-art-sans);letter-spacing:.16em;color:var(--blue-200);margin-bottom:8px;font-size:11px;font-weight:700;position:relative}.article-page .cta-card__title{font-family:var(--font-art-heading);color:#fff;margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.55;position:relative}.article-page .cta-card__body{color:#cbd5e1;margin:0 0 14px;font-size:13px;line-height:1.8;position:relative}.article-page .cta-card__btn{background:var(--brand);width:100%;font-family:var(--font-art-sans);letter-spacing:.06em;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .12s,transform .12s;display:inline-flex;position:relative;color:#fff!important}.article-page .cta-card__btn:hover{background:var(--blue-500);transform:translateY(-1px);color:#fff!important}.article-page .inline-cta{border-radius:var(--radius);background:linear-gradient(135deg, var(--brand-bg) 0%, var(--surface-2) 100%);border:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:24px;margin:2.5em 0;padding:28px 26px;display:grid}@media (max-width:640px){.article-page .inline-cta{grid-template-columns:1fr}}.article-page .inline-cta__title{font-family:var(--font-art-heading);color:var(--ink-strong);letter-spacing:.02em;margin:0 0 4px;font-size:19px;font-weight:700}.article-page .inline-cta__body{color:var(--ink-muted);margin:0;font-size:13.5px}.article-page .inline-cta__btn{background:var(--brand);font-family:var(--font-art-sans);letter-spacing:.06em;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .12s;display:inline-flex;color:#fff!important}.article-page .inline-cta__btn:hover{background:var(--brand-strong);color:#fff!important}.article-page .index-hero{max-width:var(--content-w);margin:0 auto;padding:40px 0 24px}.article-page .index-hero__title{font-family:var(--font-art-heading);letter-spacing:.01em;color:var(--ink-strong);text-wrap:pretty;margin:0 0 16px;font-size:clamp(26px,3.6vw,36px);font-weight:700;line-height:1.45}.article-page .index-hero__lede{color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:clamp(14px,1.6vw,16.5px);line-height:1.95}.article-page .article-list{grid-template-columns:1fr;gap:24px;max-width:1100px;margin:32px auto 56px;padding:0;list-style:none;display:grid}@media (min-width:768px){.article-page .article-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.article-page .article-list{grid-template-columns:repeat(3,1fr)}}.article-page .article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.article-page .article-list .article-card{padding-left:0}.article-page .article-list .article-card:before{display:none}.article-page .article-card:hover{box-shadow:var(--shadow);border-color:color-mix(in oklch, var(--brand) 30%, var(--line));transform:translateY(-2px)}.article-page .article-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.article-page .article-card__link:hover{color:inherit}.article-page .article-card__img{aspect-ratio:1600/894;background:linear-gradient(135deg, var(--blue-100) 0%, var(--blue-50) 100%);overflow:hidden}.article-page .article-card__img img{object-fit:cover;width:100%;height:100%;display:block}.article-page .article-card__body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 22px;display:flex}.article-page .article-card__tags{flex-wrap:wrap;gap:6px;display:flex}.article-page .article-card__tag{font-family:var(--font-art-sans);letter-spacing:.08em;color:var(--brand-strong);background:var(--brand-bg);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.article-page .article-card__title{font-family:var(--font-art-heading);letter-spacing:.02em;color:var(--ink-strong);text-wrap:pretty;margin:0;font-size:17px;font-weight:700;line-height:1.55}.article-page .article-card__desc{color:var(--ink-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.article-page .article-card__meta{color:var(--ink-faint);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:11.5px;display:flex}.article-page .index-footnote{max-width:var(--content-w);color:var(--ink-muted);text-align:center;margin:0 auto 64px;font-size:13px}.article-page .footnotes{border-top:1px solid var(--line);color:var(--ink-muted);margin-top:3em;padding-top:22px;font-size:12.5px;line-height:1.85}.article-page .footnotes__label{font-family:var(--font-art-sans);letter-spacing:.16em;color:var(--ink-faint);margin-bottom:10px;font-size:11px;font-weight:700}.article-page .footnotes ul{margin:8px 0 0;padding-left:0}.article-page .footnotes ul li{margin-bottom:6px;padding-left:0}.article-page .footnotes ul li:before{display:none}
/*# sourceMappingURL=170nf3~4oqon7.css.map*/