:root{color-scheme:light;--ink:#193146;--muted:#596d7c;--line:#d8e3e8;--teal:#087e89}
*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:var(--ink);font-family:Meiryo,'Noto Sans JP',sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #0aa4ad;outline-offset:5px}h1,h2,p{margin:0}.skip-link{position:fixed;top:-100px;left:14px;padding:10px 18px;background:white;z-index:10}.skip-link:focus{top:10px}
.member-main{max-width:1056px;margin:0 auto;padding:61px 32px 42px}.welcome{position:relative;padding:0 0 35px}.eyebrow{display:flex;align-items:center;gap:10px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--teal);margin-bottom:20px}.eyebrow>span{width:23px;height:2px;background:var(--teal)}h1{font-size:clamp(28px,3.5vw,42px);font-weight:700;letter-spacing:.035em;line-height:1.5}.welcome-label{font-size:12px;font-weight:700;color:var(--teal);margin-top:12px;letter-spacing:.1em}.lead{font-size:14px;color:var(--muted);line-height:2;margin-top:18px}.mobile-break{display:none}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.service-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:27px 32px 24px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px #18334705;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:29px}.service-label{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#6e838f}.status{font-size:10px;line-height:1.6;padding:4px 9px;border-radius:20px;white-space:nowrap}.status-preparing{background:#edf1f4;color:#647785}.service-icon{width:62px;height:62px;display:grid;place-items:center;background:#ecf6f6;border-radius:15px;color:#157d86;margin-bottom:24px}.service-icon svg{width:38px;height:38px}.service-en{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#748d98;margin-bottom:9px}.service-card h2{font-size:26px;letter-spacing:.025em;font-weight:700;line-height:1.5}.description{font-size:13px;line-height:2;color:var(--muted);margin-top:15px}.card-divider{height:1px;background:#e1e9ed;margin:24px 0 19px}.card-note{font-size:12px;color:#607684;line-height:1.9}.card-action{margin-top:auto;padding-top:25px}.login-button{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;padding:13px 16px;border-radius:7px;border:1px solid transparent;font-size:14px;font-weight:700;text-align:center;line-height:1.7}.manual-login{background:#edf1f4;border-color:#dce4e9;color:#728391;cursor:not-allowed;opacity:1}.action-caption{text-align:center;font-size:10px;line-height:1.8;color:#718591;margin-top:12px}
.system-card{background:#142e43;border-color:#142e43;color:#f6fafc;box-shadow:0 12px 28px #142e4312}.system-card::before{content:'';position:absolute;top:0;left:32px;right:32px;height:3px;background:#5dcccd}.system-card .service-label,.system-card .service-en{color:#a2c5d0}.status-ready{display:flex;align-items:center;gap:6px;color:#a5e4de;border:1px solid #486a78;background:#1b3b4b}.status-ready>span{width:5px;height:5px;border-radius:50%;background:#83d5c8}.system-card .service-icon{background:#244959;color:#a4e4df}.system-card .description{color:#cedde5}.system-card .card-divider{background:#385364}.system-card .card-note{color:#bed1dc}.system-card .action-caption{color:#a4bdcb}.system-login{background:#a5e5dd;border-color:#a5e5dd;color:#163f47;transition:background .18s,box-shadow .18s}.system-login:hover{background:#c5f2ec;box-shadow:0 4px 15px #021e3229}
.support{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;background:#eaf0f3;border:1px solid #e0e8ed;border-radius:10px}.support-label{font:700 9px/1.5 Arial,sans-serif;color:#708693;letter-spacing:.15em;display:block;margin-bottom:7px}.support h2{font-size:14px;font-weight:700;line-height:1.8}.support p{font-size:11px;color:#607482;margin-top:3px}.support-link{flex-shrink:0;border:1px solid #aac0cd;border-radius:6px;font-size:12px;font-weight:700;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 19px;background:#f8fbfc;color:#315366}.support-link:hover{background:white;border-color:#597d8e}
@media(min-width:960px){.lead{position:absolute;right:0;bottom:40px}.welcome{padding-bottom:38px}}
@media(max-width:800px){.member-main{padding-top:39px}.service-grid{gap:17px}.service-card{padding:23px}.service-card h2{font-size:22px}.description{font-size:12px}.description br,.desktop-break{display:none}.login-button{font-size:13px}.support{padding:22px}.system-card::before{left:23px;right:23px}}
@media(max-width:620px){.member-main{padding:34px 20px 30px}.welcome{padding-bottom:27px}.eyebrow{font-size:9px;margin-bottom:17px}h1{font-size:29px;line-height:1.6}.mobile-break{display:block}.welcome-label{font-size:11px;margin-top:10px}.lead{font-size:12px;margin-top:16px}.service-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:23px 24px}.card-top{margin-bottom:23px}.service-icon{width:53px;height:53px;margin-bottom:20px}.service-icon svg{width:33px;height:33px}.service-card h2{font-size:24px}.description{font-size:12px}.card-divider{margin:21px 0 16px}.card-note{font-size:12px}.card-action{padding-top:22px}.login-button{font-size:13px;min-height:52px}.support{margin-top:23px;padding:21px;display:block}.support h2{font-size:13px}.support p{font-size:11px;margin-top:7px}.support-link{margin-top:16px}}
@media(max-width:350px){.member-main{padding-inline:16px}.service-card{padding:21px 19px}.service-card h2{font-size:22px}.login-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.system-login{transition:none}}

/* Manual demo is now available. */
a.manual-login{background:#edf7f7;border-color:#a4cdd1;color:#126f7b;cursor:pointer}a.manual-login:hover{background:#dff1f2;border-color:#65a9b2}