html,body{background:#f5f5f5;height:100%;min-height:100vh;margin:0;padding:0;font-family:Hiragino Kaku Gothic ProN,Roboto,sans-serif;overflow-x:hidden}.login-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.marble-background{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;height:100vh;position:fixed;top:0;left:0}.marble-background:before{content:"";z-index:-1;opacity:0;background-color:#0000;background-image:radial-gradient(circle at 25% 25%,#fff3 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0%,#0000 50%),radial-gradient(circle,#ffffff0d 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;transition:opacity .3s;position:absolute;inset:0}.marble-background.image-error:before{opacity:1}.logo-container{z-index:10;justify-content:center;align-items:center;width:316.66px;height:80px;margin-bottom:40px;display:flex;position:relative}.logo-image{border-radius:8px;justify-content:center;align-items:center;width:156px;height:55px;display:flex;position:relative;overflow:hidden}.logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.logo-image.logo-fallback{color:#fff;text-align:center;background:linear-gradient(135deg,#00b4e3,#09c);font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.logo-image.logo-fallback:after{content:"シセカル\a SHISE-CAL";white-space:pre-line;line-height:1.2}.login-form-container{z-index:10;width:316.66px;min-height:125px;margin-bottom:30px;position:relative}.form-label{color:#424242;z-index:20;background:#fffffff2;border-radius:3px;align-items:center;padding:3px 6px;font-family:Hiragino Kaku Gothic ProN,sans-serif;font-size:10.5px;font-style:normal;font-weight:600;line-height:16px;display:flex;position:absolute;box-shadow:0 1px 3px #0000001a}.username-label{width:80px;height:12px;top:2px;left:0}.password-label{width:70px;height:12px;font-family:Hiragino Kaku Gothic ProN,sans-serif;font-weight:600;top:65px;left:0}.form-input{box-sizing:border-box;color:#000;background:#00b4e34d;border:.75px solid #00b4e3;border-radius:3.375px;width:316.66px;height:30.6px;padding:8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;line-height:14px;position:absolute}.username-input{top:18px;left:0}.password-input{top:81px;left:0}.form-input:focus{background:#00b4e366;border-color:#09c;outline:none}.form-input::placeholder{color:#666;font-weight:400}.login-button{cursor:pointer;z-index:10;background:#f27ca6;border:none;border-radius:3px;width:316.66px;height:29.69px;transition:background-color .3s;position:relative}.login-button:hover{background:#e06b95}.login-button:active{background:#d15a84}.login-button-text{text-align:center;color:#fff;align-items:center;width:50px;height:12px;font-family:Hiragino Kaku Gothic ProN,sans-serif;font-size:10.5px;font-style:normal;font-weight:600;line-height:12px;display:flex;position:absolute;top:8.85px;left:calc(50% - 25px)}.error-message{color:#dc3545;z-index:25;white-space:nowrap;background:#fffffff2;border-radius:3px;padding:2px 6px;font-family:Roboto,sans-serif;font-size:10px;position:absolute;box-shadow:0 1px 3px #dc354533}.username-error{top:52px;left:0}.password-error{top:115px;left:0}.login-error{z-index:10;color:#dc3545;text-align:center;background:#dc35451a;border:1px solid #dc3545;border-radius:5px;width:316.66px;margin-bottom:15px;padding:10px 12px;font-family:Roboto,sans-serif;font-size:12px;position:relative}.form-input.is-invalid{background:#dc35451a;border-color:#dc3545}.form-input.is-invalid:focus{border-color:#dc3545;outline-color:#dc3545}.form-input:focus{outline-offset:2px;outline:2px solid #00b4e3}.login-button:focus{outline-offset:2px;outline:2px solid #f27ca6}.login-button{transition:all .3s}.form-input{transition:all .2s}@media (width<=1440px){.login-container{min-width:100vw;min-height:100vh}}