.member-login{padding-block:28px;max-width:980px}.member-login-frame{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);background:#fff;border:1px solid #e9dfe1;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #42242b06}.member-login-photo{position:relative;min-width:0;margin:0;background:#eee}.member-login-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.member-login-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#13252fb8);pointer-events:none}.member-login-photo figcaption{position:absolute;z-index:1;bottom:20px;inset-inline:22px;color:#fff;display:grid;gap:6px}.member-login-photo figcaption strong{font-size:24px}.member-login-photo figcaption span{font-size:12px;line-height:1.6}.member-login-photo a{text-decoration:underline;text-underline-offset:3px}.member-login-form{min-width:0;padding:28px 30px}.member-login-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.member-login-title>span{display:grid;place-items:center;width:42px;height:42px;background:#fff0f2;color:#b51e2b;border-radius:11px;flex-shrink:0}.member-login-title h1{font-size:26px;line-height:1.25;margin:0 0 6px}.member-login-title p{font-size:15px;line-height:1.5;margin:0;color:#756b70}.member-login .form-grid{gap:16px}.member-login .field{gap:6px;min-width:0}.member-login .field label{font-size:15px;font-weight:600}.member-login .field input{min-width:0;width:100%;height:48px;padding:10px 12px;font-size:16px;border:1px solid #dedfe3;border-radius:8px;background:#fff;color:#292830}.member-password-label{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.member-password-label>a{font-size:14px;color:#a91d31}.member-password-control{display:flex;border:1px solid #dedfe3;border-radius:8px;overflow:hidden}.member-login .member-password-control input{border:0;border-radius:0;flex:1;width:0}.member-password-toggle{border:0;border-inline-start:1px solid #ece2e5;background:#fcf8f9;color:#a91d31;font-size:14px;font-weight:600;padding:8px 12px}.member-password-control:focus-within{outline:2px solid #bd1d2a;outline-offset:2px}.member-login .form-grid>.button{width:100%;min-height:48px;padding:12px 18px;font-size:16px}.member-login-register{border-top:1px solid #eee5e7;margin-top:22px;padding-top:18px;display:grid;gap:12px}.member-login-register p{font-size:15px;margin:0;color:#756b70}.member-login-register>.button{white-space:normal;font-size:15px;padding:11px 15px;min-height:46px}.member-company-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:#a91d31;min-height:40px;text-align:center}.member-login-register a:hover,.member-password-label>a:hover{text-decoration:underline;text-underline-offset:3px}html.a11y-hide-images .member-login-frame,html.a11y-large-text .member-login-frame,html.a11y-spacing .member-login-frame{grid-template-columns:1fr}html.a11y-hide-images .member-login-photo,html.a11y-large-text .member-login-photo,html.a11y-spacing .member-login-photo{display:none}@media(max-width:700px){.member-login{padding-block:20px;max-width:520px}.member-login-frame{display:block}.member-login-photo{display:none}.member-login-form{padding:24px}.member-login-title h1{font-size:24px}}@media(max-width:360px){.member-login-form{padding:20px 17px}.member-login-title{gap:10px}.member-login-title h1{font-size:23px}.member-login-title>span{width:36px;height:36px}}