:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:56px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:120px;--space-14:160px;--color-bg:#fff;--color-surface:#f6f7f5;--color-surface-2:#eef1ef;--color-text:#1d2429;--color-muted:#5b6670;--color-border:#e4e5df;--color-brand:#123a4b;--color-accent:#0f766e;--color-accent-ink:#0b544e;--color-cta:#c2410c;--color-cta-ink:#9a330a;--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--fz-body:1rem;--fz-small:.875rem;--fz-caption:.75rem;--lh-body:1.75;--lh-heading:1.4;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px #123a4b0d;--shadow-md:0 6px 20px #123a4b14;--container:1120px;--container-narrow:720px;--pad-inline:20px;--header-h:64px;--duration:.25s}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--fz-body);line-height:var(--lh-body);letter-spacing:.02em;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,svg,video{max-width:100%;height:auto;display:block}a{color:var(--color-accent);transition:color var(--duration);text-decoration:none}a:hover{color:var(--color-accent-ink);text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:2px}ul,ol{padding-left:1.4em}h1,h2,h3,h4{font-family:var(--font-serif);line-height:var(--lh-heading);color:var(--color-brand);letter-spacing:.01em;font-weight:700}.l-container{width:min(100% - var(--pad-inline) * 2, var(--container));margin-inline:auto}.l-narrow{width:min(100% - var(--pad-inline) * 2, var(--container-narrow));margin-inline:auto}.l-section{padding-block:var(--space-11)}@media (width<=767px){.l-section{padding-block:var(--space-9)}}main{display:block}.skip-link{z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-brand);color:#fff;border-radius:0 0 var(--radius-sm) 0;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{z-index:900;backdrop-filter:saturate(150%)blur(6px);border-bottom:1px solid var(--color-border);background:#ffffffeb;position:sticky;top:0}.site-header__inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-2);display:flex}.site-logo{font-family:var(--font-serif);color:var(--color-brand);letter-spacing:.02em;white-space:nowrap;font-size:1.25rem;font-weight:700}.site-logo:hover{color:var(--color-brand);text-decoration:none}.site-logo__mark{color:var(--color-accent)}.site-nav{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.site-nav a{color:var(--color-text);font-size:var(--fz-small);padding-block:var(--space-1);font-weight:500}.site-nav a:hover{color:var(--color-accent);text-decoration:none}@media (width<=767px){.site-nav{display:none}.site-header[data-nav-open=true] .site-nav{left:0;right:0;top:var(--header-h);align-items:flex-start;gap:var(--space-1);padding:var(--space-4) var(--pad-inline) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:absolute}.site-header[data-nav-open=true] .site-nav a{padding-block:var(--space-3);width:100%;font-size:1rem}}.nav-toggle{display:none}@media (width<=767px){.nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-brand);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}}.site-footer{background:var(--color-brand);color:#dfe7ea;padding-block:var(--space-10) var(--space-8);margin-top:var(--space-12)}.site-footer a{color:#fff}.site-footer__grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.site-footer__grid{grid-template-columns:2fr 1fr}}.site-footer__desc{font-size:var(--fz-small);color:#c7d2d6;max-width:46ch;line-height:1.9}.site-footer__links{gap:var(--space-3) var(--space-5);font-size:var(--fz-small);flex-wrap:wrap;display:flex}.site-footer__pr{margin-top:var(--space-6);padding-top:var(--space-5);font-size:var(--fz-caption);color:#b7c3c7;border-top:1px solid #ffffff26;line-height:1.9}.site-footer__copy{margin-top:var(--space-4);font-size:var(--fz-caption);color:#9fb0b5}.pr-block{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--fz-small);color:var(--color-muted);line-height:1.7;display:flex}.pr-block__badge{font-family:var(--font-sans);font-weight:700;font-size:var(--fz-caption);letter-spacing:.08em;color:#fff;background:var(--color-accent);padding:2px var(--space-2);border-radius:var(--radius-sm);flex:none;margin-top:2px}.chip{font-size:var(--fz-caption);letter-spacing:.04em;color:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#0f766e14;align-items:center;font-weight:700;display:inline-flex}a.chip:hover{color:var(--color-accent-ink);background:#0f766e29;text-decoration:none}.category-nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.category-nav__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--fz-small);color:var(--color-text);background:var(--color-bg);font-weight:500;display:inline-flex}.category-nav__item:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.card-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.card-grid{grid-template-columns:repeat(3,1fr)}}.post-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color var(--duration);flex-direction:column;display:flex;overflow:clip}.post-card:hover{border-color:var(--color-accent)}.post-card__media{aspect-ratio:16/9;contain:size;background:var(--color-surface-2);flex:none;inline-size:100%;overflow:clip}.post-card__media img{object-fit:cover;block-size:100%;inline-size:100%}.post-card__body{padding:var(--space-5);flex-direction:column;flex:auto;display:flex}.post-card__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.post-card__date{font-size:var(--fz-caption);color:var(--color-muted)}.post-card__title{font-size:1.125rem;line-height:1.5}.post-card__title a{color:var(--color-brand)}.post-card__title a:hover{color:var(--color-accent);text-decoration:none}.post-card__excerpt{margin-top:var(--space-3);font-size:var(--fz-small);color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;overflow:hidden}.hero{background:radial-gradient(120% 120% at 100% 0%, #0f766e0f, transparent 55%), var(--color-surface);border-bottom:1px solid var(--color-border)}.hero__inner{padding-block:var(--space-12) var(--space-11)}@media (width<=767px){.hero__inner{padding-block:var(--space-10) var(--space-9)}}.hero__eyebrow{font-size:var(--fz-small);letter-spacing:.08em;color:var(--color-accent);font-weight:700}.hero__title{margin-top:var(--space-3);max-width:34ch;font-size:clamp(1.5rem,4.5vw,2.75rem);line-height:1.35}.hero__lead{margin-top:var(--space-5);color:var(--color-text);max-width:60ch;font-size:1.0625rem;line-height:1.9}.hero__note{margin-top:var(--space-4);font-size:var(--fz-small);color:var(--color-muted)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-7);display:flex}.section-head__title{font-size:clamp(1.375rem,3vw,1.75rem)}.section-head__link{font-size:var(--fz-small);white-space:nowrap;font-weight:500}.btn-cta{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding-inline:var(--space-6);background:var(--color-cta);color:#fff;border-radius:var(--radius-md);transition:background var(--duration), opacity var(--duration);font-size:1rem;font-weight:700;display:inline-flex}.btn-cta:hover{background:var(--color-cta-ink);color:#fff;text-decoration:none}.btn-cta:after{content:"→";transition:translate var(--duration);display:inline-block}@media (any-hover:hover){.btn-cta:hover:after{translate:4px}}@media (prefers-reduced-motion:reduce){.btn-cta:after{transition:none}}.cta-card{margin-block:var(--space-9);padding:var(--space-7);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.cta-card__title{font-size:1.25rem}.cta-card__note{margin-top:var(--space-3);font-size:var(--fz-small);color:var(--color-muted)}.cta-card .btn-cta{margin-top:var(--space-5)}.article-header{padding-block:var(--space-9) var(--space-6)}.article-header__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.article-header__date{font-size:var(--fz-small);color:var(--color-muted)}.article-header__title{font-size:clamp(1.625rem,4vw,2.375rem);line-height:1.35}.article-header__desc{margin-top:var(--space-4);color:var(--color-muted);font-size:1.0625rem;line-height:1.9}.prose{text-align:left;font-size:1.0625rem;line-height:1.95}.prose>*+*{margin-top:var(--space-5)}.prose h2{margin-top:var(--space-10);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border);font-size:clamp(1.375rem,2.6vw,1.625rem)}.prose h3{margin-top:var(--space-8);font-size:clamp(1.1875rem,2vw,1.375rem)}.prose h2+*,.prose h3+*{margin-top:var(--space-4)}.prose p,.prose li{color:var(--color-text)}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:var(--space-2)}.prose a{text-underline-offset:2px;text-decoration:underline}.prose strong{color:var(--color-brand);font-weight:700}.prose blockquote{padding:var(--space-2) var(--space-5);border-left:4px solid var(--color-accent);background:var(--color-surface);color:var(--color-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose img{border-radius:var(--radius-md)}.prose code{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.prose pre{padding:var(--space-4);color:#e6edf0;border-radius:var(--radius-md);background:#10262f;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose hr{border:none;border-top:1px solid var(--color-border)}.prose .table-scroll,.prose table{width:100%}.prose table{border-collapse:collapse;font-size:var(--fz-small);white-space:nowrap;display:block;overflow-x:auto}@media (width>=768px){.prose table{white-space:normal;display:table}}.prose thead th{background:var(--color-brand);color:#fff;text-align:left;font-weight:700}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);vertical-align:top}.prose tbody tr:nth-child(2n){background:var(--color-surface)}.prose tbody td:first-child{color:var(--color-brand);font-weight:700}.article-nav{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-block:var(--space-9)}.page-header__title{font-size:clamp(1.5rem,3.5vw,2.125rem)}.page-header__desc{margin-top:var(--space-3);color:var(--color-muted);font-size:var(--fz-small)}.breadcrumb{font-size:var(--fz-caption);color:var(--color-muted);padding-block:var(--space-4) 0}.breadcrumb a{color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-accent)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mt-8{margin-top:var(--space-8)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}