:root{--font-small:12px;--font-body:14px;--font-section:16px;--font-heading:20px;--font-display:28px;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;font-size:var(--font-body);color:#18324a;font-synthesis:none;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-layout{grid-template-columns:minmax(360px,1fr) minmax(420px,1fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:linear-gradient(145deg,#102b46,#1d4e70);flex-direction:column;justify-content:center;padding:clamp(40px,7vw,112px);display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-330px;right:-250px;box-shadow:0 0 0 85px #ffffff08,0 0 0 170px #ffffff06}.brand-symbol{width:64px;height:64px;font-size:var(--font-display);border:1px solid #fff6;border-radius:15px;place-items:center;margin-bottom:72px;font-weight:800;display:grid}.eyebrow{font-size:var(--font-small);letter-spacing:.22em;color:#7bbbdc;font-weight:700}.login-intro h1{font-size:var(--font-display);letter-spacing:.03em;margin:18px 0 20px;line-height:1.4}.intro-copy{color:#d6e6f0;font-size:var(--font-section)}.intro-lines{gap:8px;margin-top:72px;display:flex}.intro-lines span{background:#71afcf;width:44px;height:3px}.intro-lines span:nth-child(n+2){background:#fff5;width:15px}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.login-card{width:min(100%,420px)}.login-card h2{font-size:var(--font-display);margin:12px 0}.form-lead{color:#617488;font-size:var(--font-body);margin:0 0 38px;line-height:1.8}.login-card form{flex-direction:column;display:flex}.login-card label{font-size:var(--font-body);margin-bottom:9px;font-weight:700}.login-card input{color:#18324a;background:#fff;border:1px solid #cbd7e0;border-radius:8px;height:48px;margin-bottom:24px;padding:0 14px}.login-card input:focus{outline-offset:2px;border-color:#367fa6;outline:3px solid #9dd2ee}.login-card button{color:#fff;background:#235c7e;border:0;border-radius:8px;height:50px;margin-top:8px;font-weight:700}.login-card button:hover{background:#184b6c}.login-card button:focus-visible{outline-offset:3px;outline:3px solid #9dd2ee}.login-help{color:#728395;font-size:var(--font-small);margin-top:26px;line-height:1.7}.copyright{font-size:var(--font-small);color:#9aa7b3;margin-top:70px}@media (max-width:760px){.login-layout{grid-template-columns:1fr}.login-intro{min-height:245px;padding:28px}.brand-symbol{width:44px;height:44px;font-size:var(--font-display);margin-bottom:25px}.login-intro h1{font-size:var(--font-display);margin:8px 0}.intro-copy{margin:0}.intro-lines{display:none}.login-panel{padding:42px 24px}.copyright{margin-top:48px}}.eyebrow,.login-help,.copyright{font-size:var(--font-body)}.intro-copy{font-size:var(--font-heading)}.form-lead,.login-card label,.login-card button{font-size:var(--font-section)}
.business-nav{color:#fff;background:#505154;align-items:stretch;gap:16px;height:64px;padding:0 20px;display:flex}.business-brand{color:#fff;min-width:205px;font-size:var(--font-section);align-items:center;gap:10px;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.business-brand-mark{width:38px;height:38px;font-size:var(--font-display);border:2px solid #fff;border-radius:5px;place-items:center;font-weight:800;display:grid}.business-brand small{color:#d9e1e8;font-size:var(--font-body);margin-top:3px;font-weight:400;display:block}.business-tabs{flex:1;align-items:stretch;gap:2px;min-width:0;display:flex;overflow-x:auto}.business-tabs a,.business-tabs .business-tab-disabled{color:#f2f4f6;min-width:116px;font-size:var(--font-body);white-space:nowrap;border-bottom:4px solid #0000;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:8px 16px 6px;font-weight:700;text-decoration:none;display:flex}.business-tabs a>span,.business-tabs .business-tab-disabled>span{font-size:var(--font-heading);line-height:1}.business-tabs a:hover{background:#626e79}.business-tabs a.active{color:#fff;background:#3982c2;border-bottom-color:#e58b17}.business-tabs .business-tab-disabled{color:#d1d9df;opacity:.72;cursor:default}.business-user{white-space:nowrap;font-size:var(--font-body);align-items:center;gap:12px;margin-left:auto;display:flex}.business-user button{color:#3d4e5d;font-size:var(--font-body);background:#f8f9fa;border:1px solid #c4ccd3;border-radius:2px;padding:6px 10px;font-weight:700}.business-user button:hover{background:#fff}.business-subnav{white-space:nowrap;background:#3678b3;align-items:stretch;gap:0;height:34px;padding:0 22px;display:flex;overflow:auto}.business-subnav a{color:#eef5fb;font-size:var(--font-body);border-right:1px solid #ffffff75;padding:7px 18px;font-weight:700;text-decoration:none}.business-subnav a:first-child{border-left:1px solid #ffffff75}.business-subnav a.active{color:#fff;background:#1e649f;box-shadow:inset 0 -3px #ed931c}.business-nav a:focus-visible,.business-nav button:focus-visible,.business-subnav a:focus-visible{outline-offset:-3px;outline:3px solid #ffd28c}@media (max-width:720px){.business-nav{gap:5px;height:58px;padding:0 8px}.business-brand{min-width:45px;font-size:0}.business-brand-mark{width:34px;height:34px;font-size:var(--font-heading)}.business-brand small{display:none}.business-tabs a,.business-tabs .business-tab-disabled{min-width:78px;font-size:var(--font-body);padding:7px 5px}.business-tabs a>span,.business-tabs .business-tab-disabled>span{font-size:var(--font-heading)}.business-user-name{display:none}.business-user{gap:0}.business-user button{padding:6px}.business-subnav{padding:0 8px}}