@layer katazuku-layout {
/* デジタル庁デザインシステム v2.18の色・文字・フォーカス指針を適用。公式部品の認証を示すものではない。 */
:root{--blue:#0017c1;--ink:#1a1a1a;--muted:#595959;--line:#949494;--paper:#f2f2f2;--soft:#e8f1fe;font-family:"Noto Sans JP","BIZ UDPGothic",system-ui,sans-serif;font-size:100%;scroll-behavior:auto}
body{font-size:1rem;line-height:1.75}h1,h2,h3{letter-spacing:.01em;font-weight:700}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.5rem}p{line-height:1.8}a{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}a:visited{color:#8b008b}a:hover{text-decoration-thickness:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}
section{scroll-margin-top:2rem}.wrap{width:min(1200px,calc(100% - 64px))}.site-header{height:auto;min-height:96px;border-bottom:1px solid #b3b3b3}.header-inner{width:min(1360px,calc(100% - 64px));padding:16px 0}.brand,.brand:visited{color:var(--ink);text-decoration:none;letter-spacing:0}.brand span{font-size:1rem}.nav{gap:24px;font-size:1rem}.nav a{color:var(--ink);min-height:44px;display:flex;align-items:center}.nav .nav-cta{color:white;border-radius:8px;background:var(--blue)}.menu-button{font-size:1rem;min-height:48px;border-color:#666}.button,.button:visited{font-size:1rem;min-height:56px;border-radius:8px;padding:14px 24px;background:var(--blue);border:1px solid var(--blue);color:#fff;text-decoration:none;font-weight:700;transition:background .15s}.button:hover{background:#000082;transform:none;text-decoration:underline}.button.secondary,.button.secondary:visited{background:#fff;color:var(--blue);border-color:var(--blue)}.button.secondary:hover{background:#e8f1fe}.text-link{font-size:1rem;color:var(--blue);text-decoration:underline}.arrow{display:none}.actions{justify-content:flex-start;gap:16px}.eyebrow{font-size:1rem;letter-spacing:.04em;color:var(--blue);margin-bottom:20px}.hero{padding:72px 0;text-align:left;overflow:visible}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.hero h1{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.4;letter-spacing:.02em}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lead{margin:24px 0 0;font-size:1.125rem;line-height:1.9;color:#333}.hero .eyebrow{font-size:1rem}.hero .hero-note{font-size:.875rem;line-height:1.7;margin-top:20px;color:#595959}.hero .actions{margin-top:32px}.product-preview{border:1px solid #767676;border-radius:12px;overflow:hidden;box-shadow:12px 12px 0 #e8f1fe;background:white}.preview-bar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #b3b3b3;padding:20px 24px}.preview-bar span{font-size:.875rem;margin-left:auto;color:#595959}.preview-body{padding:32px}.preview-kicker{font-size:.875rem;color:#595959}.preview-body h2{font-size:1.75rem;margin:8px 0 24px}.preview-row{display:flex;gap:20px;padding:20px 0;border-top:1px solid #b3b3b3}.preview-row strong{font-size:1rem}.preview-row p{font-size:.875rem;color:#595959;margin-top:6px}.state-tag{flex:none;background:#e8f1fe;color:#00118f;padding:4px 8px;border:1px solid #0017c1;border-radius:4px;height:fit-content;font-size:.875rem}.preview-note{font-size:.875rem;color:#595959;padding-top:16px}.principles{border-block:1px solid #b3b3b3;background:#f2f2f2}.principles .wrap{display:flex;justify-content:space-between;padding:24px 0;gap:24px;font-size:1.125rem;font-weight:700}.section{padding:80px 0}.section-head{align-items:flex-end;margin-bottom:40px;gap:32px}.section-head p{font-size:1rem;color:#595959}.section-head .eyebrow{color:var(--blue)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature-grid article{padding-top:24px;border-top:4px solid #0017c1}.feature-num{font-size:1rem;color:#0017c1;display:block;margin-bottom:16px}.feature-grid h3{font-size:1.375rem;margin-bottom:16px}.feature-grid p{font-size:1rem;color:#333}.tint{background:#f2f2f2}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan{padding:28px;display:flex;flex-direction:column;border:1px solid #767676;border-radius:8px;background:#fff}.plan-label{color:#595959;font-size:.875rem}.plan h3{font-size:1.375rem;margin:12px 0}.price{font-size:2.5rem;font-weight:700;color:#0017c1;margin:8px 0 20px;line-height:1.3}.price span{font-size:1.125rem;margin-left:4px}.plan ul{padding-left:1.25rem;line-height:2;margin:20px 0 28px}.plan .button{margin-top:auto;gap:8px;padding-inline:12px}.plan-note{font-size:.875rem;color:#595959;margin-top:24px;line-height:1.8}.boundary-list li{font-size:1rem;line-height:1.8;padding-block:20px}.boundary p{margin-top:24px}.developer-band{padding:72px 0;background:#00118f;color:white}.developer-band .eyebrow{color:white}.developer-band p{margin:24px 0;font-size:1.125rem}.developer-band .button{margin-top:12px}.resource-links{display:flex;gap:32px;flex-wrap:wrap}.resource-links a{padding:16px 0}.footer{border-top:1px solid #b3b3b3;background:#f2f2f2}.footer-links{font-size:1rem}.footer a{color:#0017c1}.footer-credit{font-size:.875rem}.footer .muted{font-size:.875rem}.page-head>p{font-size:1.125rem;color:#595959}.breadcrumb{font-size:.875rem;display:flex;flex-wrap:wrap}.prose{font-size:1rem}.prose h2{font-size:1.75rem}.notice{font-size:1rem}.toc{font-size:1rem}.article-meta,.meta-line{font-size:.875rem}.article-item p{font-size:1rem}.article-item h3{font-size:1.375rem}.article-item{color:#1a1a1a;text-decoration:none}.article-item h3{text-decoration:underline;text-underline-offset:.2em;color:#0017c1}.wide-prose{padding-bottom:80px}.wide-prose>p{margin:24px 0}.wide-prose>h2{margin-bottom:24px}.wide-prose>section{margin:64px 0}.wide-prose>section>p,.wide-prose>section>ul,.wide-prose>section>ol{margin-top:24px;max-width:75ch;line-height:2}.wide-prose .plan-grid{margin-top:32px}.developer-intro{max-width:75ch}.developer-intro p{margin:24px 0}.developer-intro .button{margin-top:12px}.wide-prose .feature-grid{margin-top:32px}details{padding:20px 0;border-bottom:1px solid #949494}summary{font-weight:700;cursor:pointer;min-height:44px;align-content:center}details p{padding:16px 0}.tool-width{max-width:800px;margin:auto;padding-bottom:80px}.research-form{display:grid;gap:12px;margin:40px 0}.research-form label{font-weight:700;margin-top:16px}.research-form label span{font-size:.875rem;color:#a90000;margin-left:12px}.research-form input,.research-form textarea{padding:14px;border:1px solid #666;border-radius:8px;width:100%;background:white;resize:vertical}.research-form .button{margin-top:16px;justify-self:start}.memo-output{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;background:#f2f2f2;padding:24px;border:1px solid #949494;margin:24px 0}.film{aspect-ratio:16/9;background:#1a1a1a}.film iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:1100px){.header-inner{flex-wrap:wrap}.nav{gap:20px}.hero-grid{gap:32px}.hero h1{font-size:3rem}.plan{padding:24px}.plan-grid{gap:16px}}
@media(max-width:900px){.menu-button{display:block}.nav{display:none;width:100%;position:static;padding:16px 0;background:white;box-shadow:none}.nav.open{display:flex;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{max-width:680px}.product-preview{max-width:680px}.plan-grid{grid-template-columns:1fr}.plan{display:block}.plan .button{margin-top:24px}.feature-grid{grid-template-columns:1fr;gap:32px}.section-head{display:block}.section-head>p{margin-top:24px}.principles .wrap{flex-wrap:wrap;justify-content:flex-start}.boundary{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.wrap,.header-inner{width:calc(100% - 40px)}.site-header{min-height:80px}.brand{font-size:1.25rem;gap:8px}.brand img{width:32px;height:32px}.brand span{font-size:.875rem;padding-left:8px;margin:0}.hero{padding:40px 0 48px}.hero h1{font-size:2.5rem}.hero .eyebrow{font-size:.875rem}.hero .lead{font-size:1rem}.hero .actions{align-items:stretch;flex-direction:column}.product-preview{box-shadow:6px 6px 0 #e8f1fe}.preview-body{padding:24px 20px}.preview-bar{padding:16px}.preview-bar span{font-size:.875rem}.preview-row{gap:12px;flex-direction:column}.preview-body h2{font-size:1.5rem}.preview-row p{font-size:.875rem}.principles .wrap{gap:12px 24px;font-size:1rem}.section{padding:48px 0}.section-head h2,.boundary h2,.developer-band h2{font-size:1.75rem}.feature-grid h3{font-size:1.25rem}.developer-band{padding:48px 0}.developer-band p{font-size:1rem}.footer-links{flex-wrap:wrap;gap:24px;font-size:1rem}.resource-links{display:grid;gap:8px}.page-head h1{font-size:2rem}.page-head>p{font-size:1rem}.wide-prose>section{margin:40px 0}.article-item{grid-template-columns:1fr}.article-art{display:none}.article-item p{font-size:1rem}.article-meta{font-size:.875rem}.code-block pre{font-size:.875rem}.notice{font-size:1rem}.prose h2{font-size:1.5rem}.plan .button{width:100%}.actions .button{max-width:100%}.nav.open{flex-direction:column;align-items:stretch}.nav a{padding:8px 12px}}

}