/* Account-link screens share the existing login page shell; scope additions here. */
.mk-account-flow .sec_top{padding-bottom:3.4rem}
.mk-account-flow.mk-account-flow-company .sec_top{padding-bottom:10rem}
.mk-account-flow-company .sec_top .home{top:80%}

.mk-account-flow .sec_form{padding-top:0;padding-bottom:30rem}
/* Typography and panel spacing follow assets/css/02-01.css (login/register). */
.mk-account-flow.mk-account-flow-company .mk-account-panel .head{background:#003c96;color:#fff;font-weight:500;line-height:1.6}
.mk-account-flow-company .sec_top-ttl{border-left-color:#003c96}
.mk-account-flow .mk-account-panel{max-width:50rem;margin:0 auto;border:1px solid #d2d2d2;background:#fff;color:#003c96}
.mk-account-flow .mk-account-panel .head{padding:1.7rem;text-align:center;font-size:1.4rem;font-weight:600;line-height:1.2;background:#ffc300}
.mk-account-flow .mk-account-panel .body{padding:2.8rem 2rem 5.3rem}
.mk-account-flow-company .mk-account-panel{max-width:54rem}
.mk-account-flow-company .mk-account-panel .body{padding:3rem 4rem 10rem}
.mk-account-flow .mk-account-panel form{margin:4.5rem 0 0}
.mk-account-flow .mk-account-message{color:#003c96;font-size:1.4rem;font-weight:900;line-height:2;overflow-wrap:anywhere}
.mk-account-flow .mk-account-label{display:block;margin:3rem 0 1rem;color:#003c96;font-size:1.4rem;font-weight:900;line-height:1.6}
.mk-account-flow .mk-account-input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:4.8rem;padding:1.2rem;border:1px solid #333;border-radius:0;background:#fff;color:#000;font:inherit;font-size:1.5rem;line-height:normal}
.mk-account-flow .mk-account-help{margin:1rem 0 2rem;font-size:1.4rem;line-height:1.8}
.mk-account-flow .mk-account-password{position:relative}
.mk-account-flow .mk-account-password input{padding-right:5.6rem}
.mk-account-flow .mk-account-password .password-toggle{position:absolute;right:.3rem;top:.3rem;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:1rem}
.mk-account-flow .mk-account-password .password-toggle img{width:2.4rem;height:2.4rem}
.mk-account-flow .mk-account-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:26rem;max-width:100%;min-height:4.55rem;margin:3.5rem auto 0;padding:.4rem 1.2rem;border:2px solid #003c96;border-radius:999px;background:#fff;color:#003c96;font-family:"Dela Gothic One","Noto Sans JP",sans-serif;font-size:2rem;font-weight:400;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}
/* Match the reference image button text height on password confirmation only. */
.mk-account-flow [data-password-fields] .mk-account-button{font-size:2.6rem}
.mk-account-flow .mk-account-button:hover{background:#003c96;color:#ffc300}
.mk-account-flow .mk-error,.mk-account-flow .mk-notice{max-width:none;margin:2rem 0}
.mk-account-flow .mk-account-links{display:flex;gap:1.6rem}
/* Only rules that change at the shared login breakpoint belong here. */
@media(max-width:768px){
    .mk-account-flow-company .sec_top .home{top:6rem}
    .mk-account-flow-company .mk-account-panel .body{padding:1.5rem}
    .mk-account-flow-company .mk-account-label{margin-top:2rem}
    .mk-account-flow .mk-account-links{flex-direction:column;gap:0}
    .mk-account-flow .sec_form{padding-bottom:15rem}
    .mk-account-flow [data-password-fields] .mk-account-button{font-size:clamp(2rem,7vw,2.6rem)}
}