:root{--bg:#fff;--bg-soft:#f5f8f7;--bg-tint:#eef5f2;--ink:#1f2328;--ink-2:#424a53;--ink-3:#6e7781;--line:#e2e7ea;--line-2:#cdd5da;--brand:#1f6f5c;--brand-2:#17584a;--brand-soft:#e6f2ee;--mark:#fff1b8;--warn:#9a6700;--warn-soft:#fff8e1;--sans:"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--measure:46rem;--radius:12px;--shadow:0 1px 2px #1f23280f, 0 4px 14px #1f23280f;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:.03em;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.9}@media (width>=720px){body{font-size:1.0625rem}}a{color:var(--brand);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--brand-2)}img{max-width:100%;height:auto;display:block}sub{vertical-align:baseline;letter-spacing:0;font-size:.62em;position:relative;top:.32em}.wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 32px}}.skip{position:absolute;left:-999px}.skip:focus{background:var(--ink);color:#fff;z-index:10;padding:8px 12px;top:16px;left:16px}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-mark svg{display:block}.brand-text{flex-direction:column;line-height:1.3;display:flex}.brand-name{letter-spacing:.04em;font-size:1.15rem;font-weight:700}.brand-sub{color:var(--ink-3);letter-spacing:.06em;font-size:.7rem}@media (width<=480px){.brand-sub{display:none}}.site-nav{align-items:center;gap:4px;font-size:.9rem;font-weight:500;display:flex}.site-nav a{color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;display:flex}.site-nav a:hover{background:var(--bg-soft);color:var(--ink)}.cat-bar{background:var(--bg-soft);border-bottom:1px solid var(--line);scrollbar-width:none;overflow-x:auto}.cat-bar::-webkit-scrollbar{display:none}.cat-bar ul{white-space:nowrap;gap:6px;margin:0;padding:10px 0;list-style:none;display:flex}.cat-bar a{color:var(--ink-2);border:1px solid #0000;border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:500;text-decoration:none;display:block}.cat-bar a:hover{border-color:var(--line-2);color:var(--ink);background:#fff}.cat-bar a[aria-current=page]{background:var(--s);color:var(--c);border-color:var(--c)}.hero{background:linear-gradient(180deg, var(--bg-tint) 0%, #f7fbf9 100%);border-bottom:1px solid var(--line)}.hero-inner{align-items:center;gap:24px;padding-top:40px;padding-bottom:32px;display:grid}@media (width>=880px){.hero-inner{grid-template-columns:1.1fr .9fr;padding-top:56px;padding-bottom:48px}}.hero-kicker{border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:999px;margin:0 0 12px;padding:2px 12px;font-size:.82rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:.04em;margin:0 0 16px;font-size:clamp(1.6rem,4.6vw,2.5rem);line-height:1.5}.hero-lead{max-width:34rem;color:var(--ink-2);margin:0}.hero-figure{justify-self:center;width:100%;max-width:460px}@media (width<=879px){.hero-figure{max-width:320px}}.section{padding:40px 0}.section+.section{border-top:1px solid var(--line)}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.section-head h2{letter-spacing:.04em;margin:0;font-size:1.3rem}.section-head a{font-size:.88rem;font-weight:500}.cat-head{align-items:center;gap:10px;display:flex}.cat-head:before{content:"";background:var(--c);border-radius:3px;width:6px;height:1.2em}.section-lead{color:var(--ink-3);margin:-12px 0 16px;font-size:.9rem}.starts{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.starts{grid-template-columns:repeat(3,1fr)}}.starts a{border-radius:var(--radius);background:var(--s);height:100%;color:var(--ink);border:1px solid #0000;flex-direction:column;gap:4px;padding:22px 22px 18px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.starts a:hover{border-color:var(--c);transform:translateY(-2px)}.start-icon{width:44px;height:44px;color:var(--c);background:#fff;border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.start-label{color:var(--c);letter-spacing:.08em;font-size:.78rem;font-weight:700}.start-title{font-size:1.15rem;font-weight:700}.start-text{color:var(--ink-2);flex:1;font-size:.9rem;line-height:1.7}.start-more{color:var(--c);margin-top:10px;font-size:.85rem;font-weight:700}.cards{gap:20px;margin:0;padding:0;list-style:none;display:grid}.cards-grid{gap:24px}@media (width>=640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.card a{height:100%;color:var(--ink);border-radius:var(--radius);border:1px solid var(--line);background:#fff;flex-direction:column;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.card a:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.card-thumb{aspect-ratio:1200/630;object-fit:cover;background:var(--bg-soft);border-bottom:1px solid var(--line);width:100%}.card-body{padding:16px 18px 18px}.cards-list .card a{flex-direction:row;align-items:stretch}.cards-list .card-thumb{border-bottom:0;border-right:1px solid var(--line);aspect-ratio:auto;flex-shrink:0;width:38%;max-width:240px}@media (width<=560px){.cards-list .card a{flex-direction:column}.cards-list .card-thumb{aspect-ratio:1200/630;border-right:0;border-bottom:1px solid var(--line);width:100%;max-width:none}}.card h3{margin:8px 0 6px;font-size:1.05rem;line-height:1.6}.card a:hover h3{color:var(--brand)}.card p{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.75;display:-webkit-box;overflow:hidden}.meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.8rem;display:flex}.meta .cat{background:var(--s,var(--brand-soft));color:var(--c,var(--brand));border-radius:999px;padding:1px 10px;font-size:.76rem;font-weight:700;display:inline-block}.empty{color:var(--ink-3);font-size:.9rem}.article-layout{gap:40px;padding:28px 0 64px;display:grid}.article-layout>*{min-width:0}@media (width>=1024px){.article-layout{grid-template-columns:minmax(0, var(--measure)) 15rem;justify-content:space-between}}.crumbs{color:var(--ink-3);font-size:.8rem}.crumbs ol{flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--line-2);margin:0 6px 0 2px}.crumbs a{color:var(--ink-3);text-decoration:none}.crumbs a:hover{color:var(--brand)}.article-title{letter-spacing:.03em;margin:0 0 14px;font-size:clamp(1.45rem,4.2vw,2rem);line-height:1.55}.article-meta{margin-bottom:28px}.article-cover{border-radius:var(--radius);border:1px solid var(--line);width:100%;margin-top:20px}.toc{font-size:.86rem}.toc-box{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);padding:18px 18px 14px;position:sticky;top:20px}.toc-title{color:var(--ink-2);letter-spacing:.1em;margin:0 0 8px;font-size:.82rem;font-weight:700}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:2px 0;line-height:1.55}.toc a{color:var(--ink-2);border-radius:6px;padding:5px 8px;text-decoration:none;display:block}.toc a:hover{color:var(--brand);background:#fff}.toc-inline{display:none}@media (width<=1023px){.toc{display:none}.toc-inline{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:32px;padding:2px 18px;font-size:.9rem;display:block}.toc-inline summary{cursor:pointer;color:var(--ink-2);padding:12px 0;font-weight:700}.toc-inline ol{margin:0 0 14px;padding-left:1.3em}.toc-inline li{margin:4px 0}.toc-inline a{color:var(--ink-2);text-decoration:none}}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.25em}.prose p{margin:0}.prose p+p{margin-top:1.1em}.prose h2{border-left:5px solid var(--brand);background:var(--bg-soft);letter-spacing:.03em;border-radius:0 8px 8px 0;margin:2.8em 0 1em;padding:12px 16px;font-size:1.4rem;line-height:1.5}.prose h3{border-bottom:2px solid var(--line);margin:2.2em 0 .7em;padding-bottom:6px;font-size:1.15rem}.prose h2+*,.prose h3+*{margin-top:0}.prose strong{background:linear-gradient(transparent 60%, var(--mark) 60%);font-weight:700}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--brand)}.prose h2#要点{display:none}.prose h2#要点+ul{border:2px solid var(--brand);border-radius:var(--radius);background:#fff;margin:1.6em 0 0;padding:22px 22px 18px;list-style:none;position:relative}.prose h2#要点+ul:before{content:"この記事の要点";background:var(--brand);color:#fff;border-radius:999px;padding:0 10px;font-size:.82rem;font-weight:700;line-height:1.7;position:absolute;top:-.85em;left:18px}.prose h2#要点+ul li{padding-left:1.6em;position:relative}.prose h2#要点+ul li:before{content:"";border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);width:.75em;height:.42em;position:absolute;top:.55em;left:.2em;transform:rotate(-45deg)}.prose ul.contains-task-list{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;list-style:none}.prose li.task-list-item{list-style:none}.prose input[type=checkbox]{vertical-align:-.15em;width:1.05em;height:1.05em;accent-color:var(--brand);margin:0 .6em 0 0}.prose hr{border:0;border-top:1px solid var(--line);margin:2.6em 0}.prose em{color:var(--ink-3);font-size:.88rem;font-style:normal}.prose hr+p em{background:var(--warn-soft);color:var(--ink-2);border-radius:8px;padding:14px 16px;display:block}.prose blockquote{border-left:4px solid var(--warn);background:var(--warn-soft);color:var(--ink-2);border-radius:0 8px 8px 0;margin:1.5em 0;padding:14px 18px}.prose code{background:var(--bg-soft);border-radius:4px;padding:.1em .35em;font-size:.9em}.fig{margin:1.8em 0}.fig img{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%}.fig figcaption{color:var(--ink-3);text-align:center;margin-top:8px;font-size:.82rem}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);margin:1.5em 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.7}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}.prose tr:last-child td{border-bottom:0}.prose th{background:var(--brand-soft);color:var(--brand-2);white-space:nowrap;font-weight:700}.prose tbody tr:nth-child(2n) td{background:#fafbfc}.prose td:first-child{white-space:nowrap;color:var(--ink);font-weight:700}.after{max-width:var(--measure);margin-top:56px}.after h2{margin:0 0 16px;font-size:1.25rem}.after+.after{margin-top:40px}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0 18px}.faq details+details{margin-top:10px}.faq details[open]{background:var(--bg-soft)}.faq summary{cursor:pointer;gap:10px;padding:14px 32px 14px 0;font-weight:700;line-height:1.7;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:1.7em;height:1.7em;font-size:.85em;display:grid}.faq summary:after{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);width:9px;height:9px;transition:transform .15s;position:absolute;top:22px;right:4px;transform:rotate(45deg)}.faq details[open] summary:after{top:26px;transform:rotate(-135deg)}.faq .answer{color:var(--ink-2);padding:0 0 16px 2.3em;font-size:.95rem}.sources ol{padding-left:1.4em;font-size:.9rem}.sources li+li{margin-top:8px}.tags{flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--ink-2);background:var(--bg-soft);border-radius:6px;padding:2px 10px;font-size:.8rem}.tags li:before{content:"#";color:var(--ink-3);margin-right:2px}.byline{max-width:var(--measure);background:var(--bg-soft);border-radius:var(--radius);color:var(--ink-2);margin-top:32px;padding:16px 20px;font-size:.86rem}.page-head{padding:36px 0 24px}.page-head h1{margin:0 0 8px;font-size:clamp(1.45rem,4vw,1.9rem)}.page-head p{color:var(--ink-2);margin:0}.page-body{padding-bottom:64px}.search-box{--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--brand);--pagefind-ui-text:var(--ink);--pagefind-ui-background:#fff;--pagefind-ui-border:var(--line-2);--pagefind-ui-tag:var(--bg-soft);--pagefind-ui-font:var(--sans);--pagefind-ui-border-radius:10px;padding-bottom:64px}.site-footer{background:var(--bg-soft);border-top:1px solid var(--line);color:var(--ink-3);padding:32px 0 48px;font-size:.85rem}.site-footer .wrap{gap:14px;display:grid}.footer-nav{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-nav a{color:var(--ink-2);text-decoration:none}.footer-nav a:hover{color:var(--brand)}.site-footer p{margin:0;line-height:1.8}.brand-name,.site-nav a{white-space:nowrap}@media (width<=560px){.nav-search span{display:none}.site-nav a{padding:8px 10px}.article-cover{display:none}}.cards-list .card a{align-items:center}.cards-list .card-thumb{aspect-ratio:1200/630;object-fit:contain;border-right:0;border:1px solid var(--line);border-radius:8px;align-self:center;height:auto;margin:12px 0 12px 12px}@media (width<=560px){.cards-list .card-thumb{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}}