@charset "UTF-8";
:root{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;color:#172641;background:#f3f6fb;font-synthesis:none;line-height:1.7;--blue:#173d83;--muted:#5d6b80;--line:#dce3ee}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.icon{flex:none;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4476cc;outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 18px;background:#fff}.skip:focus{top:12px}.header{width:min(1280px,100%);margin:0 auto;padding:35px 64px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:1.12rem;font-weight:700;line-height:1.4;letter-spacing:.03em}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--blue);color:#fff;display:grid;place-items:center}.brand-en{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.18em;margin-top:3px}.preview-label{border:1px solid #ccd6e5;border-radius:5px;color:#52647f;font-size:.8125rem;line-height:1.5;padding:4px 10px;white-space:nowrap}.login-layout{width:min(1120px,100%);padding:54px 48px 78px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center}.intro{padding:0 0 10px}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:750;letter-spacing:.19em}.intro h1{font-size:clamp(2rem,3.3vw,2.75rem);line-height:1.65;letter-spacing:.05em;margin:21px 0 18px;font-weight:750}.intro-copy{font-size:1.0625rem;line-height:2;color:var(--muted);margin:0}.privacy-note{display:flex;gap:15px;margin-top:64px;padding-top:24px;border-top:1px solid #cdd8e8}.privacy-note>.icon{margin-top:4px;width:21px;color:var(--blue)}.privacy-note strong{font-size:.9375rem}.privacy-note p{font-size:.875rem;color:var(--muted);margin:5px 0 0;line-height:1.8}.login-card{background:#fff;border:1px solid #e0e6ef;border-radius:18px;padding:38px 38px 31px;box-shadow:0 18px 58px -35px #2345754d}.card-icon{width:47px;height:47px;border:1px solid #d6e0f2;background:#f2f6fe;color:var(--blue);display:grid;place-items:center;border-radius:13px}.login-card h2{font-size:1.5rem;margin:21px 0 7px}.card-description{font-size:.9375rem;color:var(--muted);margin:0}.login-form{margin-top:29px}.login-form label{font-size:.9375rem;font-weight:700;display:block;margin-bottom:9px}.password-wrap{position:relative}.password-wrap input{display:block;width:100%;min-height:54px;padding:11px 77px 11px 14px;border:1px solid #aebbd0;border-radius:7px;color:#172641;background:white;font-size:1rem}.password-wrap input[aria-invalid]{border-color:#b62b36}.reveal{position:absolute;right:8px;top:7px;bottom:7px;min-width:55px;border:0;border-radius:4px;background:#f0f3f8;color:#3b4f6e;font-size:.875rem}.reveal:hover{background:#e3ebf6}.field-help{font-size:.8125rem;color:var(--muted);margin:8px 0 23px}.primary{border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:white;display:block;text-align:center;min-height:52px;padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;width:100%;transition:background .15s}.primary:hover{background:#102f69}.login-help{border-top:1px solid var(--line);margin-top:29px;padding-top:22px}.login-help strong{font-size:.875rem;font-weight:600}.login-help p{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:5px 0 0}.alert{font-size:.875rem;line-height:1.8;background:#edf3ff;border:1px solid #bacfec;padding:12px 14px;border-radius:7px;margin:20px 0 0}.error{color:#942f37;background:#fff3f3;border-color:#efc1c5}.footer{width:min(1280px,100%);padding:24px 64px;display:flex;justify-content:space-between;margin:auto auto 0;color:#748094;font-size:.75rem;letter-spacing:.09em}.header-actions{display:flex;align-items:center;gap:25px}.access-label{font-size:.8125rem;color:var(--muted);display:flex;align-items:center;gap:7px}.access-label .icon{width:16px;height:16px}.logout{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e5;padding:9px 15px;border-radius:7px;background:#fff;color:#273d5f;font-size:.875rem}.logout .icon{width:18px;height:18px}.logout:hover{background:#eaf0f9}.home-layout{width:min(1000px,100%);padding:34px 48px 65px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.page-heading h1{font-size:2rem;letter-spacing:.03em;margin:7px 0 9px}.page-heading p{margin:0;color:var(--muted);font-size:1rem}.page-heading>.preview-label{margin-top:38px}.welcome-strip{display:flex;align-items:center;gap:15px;margin-top:32px;padding:19px 24px;border:1px solid #d4e0f4;border-radius:9px;background:#eaf1fc}.success-icon{display:grid;place-items:center;width:32px;height:32px;background:white;color:var(--blue);border-radius:50%;flex:none}.success-icon .icon{width:18px;height:18px}.welcome-strip strong{font-size:.9375rem}.welcome-strip p{color:#4d6384;font-size:.875rem;margin:3px 0 0}.content-panel{background:white;margin-top:29px;border:1px solid #dce3ee;border-radius:12px;overflow:hidden}.section-heading{padding:22px 25px;border-bottom:1px solid #e3e8f0;display:flex;align-items:center;gap:11px}.section-heading h2{font-size:1.0625rem;margin:0}.section-icon{color:var(--blue)}.section-icon .icon{width:22px;height:22px}.empty-state{text-align:center;padding:48px 24px 55px}.empty-state>.icon{width:34px;height:34px;color:#7f94b3}.empty-state h3{font-size:1rem;font-weight:600;margin:16px 0 9px}.empty-state p{color:var(--muted);font-size:.9375rem;line-height:1.9;margin:0}.home-notes{margin-top:25px;color:var(--muted);font-size:.8125rem}.home-notes p{margin:6px 0}.home-notes .icon{width:15px;height:15px;margin-right:7px}.home-notes p+p{padding-left:26px}.message-page{max-width:650px;margin:auto;padding:40px 28px}.message-page .primary{width:max-content;margin-top:30px}
@media(min-width:1500px){.login-layout{padding-top:85px;padding-bottom:120px}}
@media(max-width:820px){.header{padding:26px 32px}.login-layout{gap:38px;padding:38px 32px 55px}.intro h1{font-size:2rem}.login-card{padding:30px 26px}.privacy-note{margin-top:40px}.footer{padding:22px 32px}.home-layout{padding:25px 32px 50px}}
@media(max-width:640px){.header{padding:22px 23px;gap:12px}.brand{font-size:1rem;gap:10px}.brand-mark{width:40px;height:40px;border-radius:11px}.brand-en{font-size:.65rem}.login-layout{display:block;padding:28px 23px 40px;max-width:470px;margin:0 auto}.intro h1{font-size:1.8rem;line-height:1.55;margin:13px 0 13px}.intro-copy{font-size:.9375rem}.intro-copy br{display:none}.privacy-note{display:none}.login-card{margin-top:27px;padding:28px 25px}.card-icon{display:none}.login-card h2{margin:0 0 7px;font-size:1.4rem}.login-form{margin-top:25px}.footer{padding:20px 23px;font-size:.75rem}.header-actions{gap:0}.access-label{display:none}.logout{padding:9px 11px;font-size:.8125rem}.logout .icon{display:none}.home-layout{padding:22px 23px 40px}.page-heading h1{font-size:1.6rem}.page-heading p{font-size:.9375rem}.welcome-strip{padding:17px 16px;align-items:flex-start;gap:11px}.welcome-strip p{font-size:.875rem}.section-heading{padding:19px 20px}.empty-state{padding:39px 15px 45px}.home-notes p{line-height:1.9}.home-notes p+p{padding-left:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}