:root{--bg:#ffffff;--surface:#f7f9f5;--ink:#1f2937;--primary:#12a05c;--accent-orange:#ff8a3d;--accent-blue:#2f9dd0;--accent-yellow:#ffd24d;--primary-strong:#0e7c46;--orange-strong:#d9640e;--orange-text:#b04f0a;--panel-bg:#ffffff;--panel-border:#e5e9e2;--line-soft:#eef1f4;--surface-soft:#f6f8fa;--text:var(--ink);--text-sub:#5b6b7b;--text-soft:#55606b;--accent:var(--primary-strong);--accent-weak:#e5f5ec;--danger:#d1590f;--danger-strong:#b04f0a;--cta-red:#c62828;--cta-red-strong:#a61f1f;--shadow:0 6px 24px rgba(31,41,55,0.1);--radius:20px;--radius-sm:14px;--radius-xs:6px;--radius-chip:10px;--radius-full:999px;--radius-pill:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"Hiragino Sans","Noto Sans JP","Yu Gothic UI",system-ui,sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:15px;--line-height-body:1.95;--h1-size:28px;--h1-weight:800;--h1-line-height:1.4;--h2-size:18px;--h3-size:19px;--rule-w:30px;--rule-h:3px;--rule-h-thin:2px;--tcd-num-size:78px;--tcd-num-size-sp:58px;--tcd-num-weight:800;--tcd-num-color:#e9e7df;--tcd-num-tracking:-0.03em;--stat-value-size:30px;--btn-pad-y:12px;--btn-pad-x:36px;--btn-sm-pad-y:8px;--btn-sm-pad-x:22px;--btn-border-w:2px;--content-max:960px;--header-h:56px;--footer-h:34px;--header-z:30;--bp-sm:720px;--bp-md:960px;--id-navy:#0e3a5f;--id-navy-weak:#e8eef4;--id-navy-border:#c5d3e0;--id-apple-bg:#000000;--id-google-border:#747775;--id-google-text:#1f1f1f;--id-accent:var(--id-navy);--id-on-accent:var(--bg);--id-h1-size-sp:24px;--id-auth-max:440px;--id-btn-h:48px;--id-mark-w:120px;--id-logo-h:26px;--id-logo-h-sp:20px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-body)}a,h1{color:var(--id-accent)}h1{margin:0 0 var(--space-5);font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-line-height)}h2{margin:0 0 var(--space-3);font-size:var(--h2-size);line-height:1.5}h2:after{content:"";display:block;width:var(--rule-w);height:var(--rule-h);margin-top:10px;background:var(--id-accent)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--header-z);height:var(--header-h);background:var(--panel-bg);border-bottom:1px solid var(--panel-border)}.site-header-inner{max-width:var(--content-max);height:100%;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center}.wordmark{display:inline-flex;align-items:baseline;gap:6px;color:var(--id-accent);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.01em}.wordmark-data{font-style:italic}.wordmark-id{font-size:var(--font-size-lg);padding:0 6px;border:var(--btn-border-w) solid var(--id-accent);border-radius:var(--radius-xs);line-height:1.4}.site-main{flex:1 1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-4)}.auth-page,.doc-page{max-width:var(--id-auth-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.doc-page{max-width:720px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-8) var(--space-6)}.panel-sub{border-radius:var(--radius-sm);padding:var(--space-6)}.panel-sub p{margin:0 0 var(--space-4)}.note{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);color:var(--text-soft)}.muted{color:var(--text-sub)}.notice{margin:0 0 var(--space-4);background:var(--id-navy-weak);border-radius:var(--radius-xs);color:var(--id-accent)}.form-error,.notice{padding:var(--space-3) var(--space-4)}.form-error{margin:var(--space-3) 0;border:1px solid var(--danger);border-radius:var(--radius-xs);color:var(--danger-strong);background:var(--panel-bg)}.client-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--id-navy-weak);border:1px solid var(--id-navy-border);border-radius:var(--radius-sm);color:var(--id-accent)}.client-banner p{margin:0;line-height:1.7}.oauth{flex-direction:column}.oauth,.oauth-btn{display:flex;gap:var(--space-3)}.oauth-btn{align-items:center;justify-content:center;width:100%;min-height:var(--id-btn-h);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-lg);font-weight:700;cursor:pointer}.oauth-btn:disabled{opacity:.6;cursor:default}.oauth-google{background:var(--panel-bg);color:var(--id-google-text);border:1px solid var(--id-google-border);font-weight:500}.oauth-google:hover:not(:disabled){background:var(--surface-soft)}.oauth-apple{background:var(--id-apple-bg);color:var(--id-on-accent);border:1px solid var(--id-apple-bg)}.oauth-mark{width:18px;height:18px;flex:none}.btn,.btn-sm{display:inline-block;border-radius:var(--radius-pill);font-weight:700;text-decoration:none;text-align:center;font-family:inherit;cursor:pointer}.btn{padding:var(--btn-pad-y) var(--btn-pad-x);line-height:1.4;font-size:var(--font-size-lg)}.btn-sm{padding:var(--btn-sm-pad-y) var(--btn-sm-pad-x);font-size:var(--font-size-sm)}.btn-outline{background:var(--panel-bg);color:var(--id-accent);border:var(--btn-border-w) solid var(--id-accent)}.btn-outline:hover{background:var(--id-navy-weak)}.service-list{list-style:none;margin:0;padding:0;border:1px solid var(--panel-border);border-radius:var(--radius-sm)}.service-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.service-item+.service-item{border-top:1px solid var(--line-soft)}.service-mark{display:flex;align-items:center;width:var(--id-mark-w);flex:none}.service-name{flex:1 1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-pending{flex:none;font-size:var(--font-size-xs);color:var(--text-sub)}.service-logo{height:var(--id-logo-h);max-width:100%;width:auto}.service-initial{display:inline-flex;align-items:center;justify-content:center;width:var(--id-logo-h);height:var(--id-logo-h);flex:none;border-radius:var(--radius-full);background:var(--id-accent);color:var(--id-on-accent);font-size:var(--font-size-sm);font-weight:700}.account-info{margin:0}.account-info dt{font-size:var(--font-size-sm);color:var(--text-sub)}.account-info dd{margin:0;font-weight:700;word-break:break-all}.logout{text-align:center}.site-footer{background:var(--surface);border-top:1px solid var(--panel-border);font-size:var(--font-size-xs);color:var(--text-sub);line-height:1.8}.site-footer-inner{max-width:var(--content-max);margin:0 auto;padding:18px var(--space-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-4)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:var(--space-4)}.site-footer a{color:var(--text-sub)}@media (max-width:720px){.site-main{padding:var(--space-5) var(--space-4)}.panel{padding:var(--space-6) var(--space-4)}h1{font-size:var(--id-h1-size-sp)}.client-banner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.service-mark{width:calc(var(--id-mark-w) * .8)}.service-logo{height:var(--id-logo-h-sp)}.site-footer a{display:inline-block;padding-block:var(--space-3)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}