html{height:100%;width:100%}body{font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,Meiryo,sans-serif;height:100%;margin:0;width:100%}*{box-sizing:border-box}input.account-id-input,input.password-input{border:1px solid #aaa;border-radius:4px;font-size:20px;outline:0;padding:0 8px 0 48px;width:100%;height:100%;-webkit-appearance:none}input:focus{border-color:#00bfff}input::-webkit-input-placeholder{color:#bbb}input::-moz-placeholder{color:#bbb}input:-ms-input-placeholder{color:#bbb}input.error{background-color:#fff6f6;border-color:#a00}.header{background-color:#444;color:#00bfff;height:44px;line-height:44px;user-select:none;width:100%;font-size:20px;padding:0 12px}.header.hidden{display:none}.content{position:relative;background-color:#f7f6f5;height:calc(100% - 44px);width:100%;align-items:center;display:flex;justify-content:center}.content.noHeader{height:100%}.content .form-wrapper{background-color:#fff;width:400px;padding:32px 48px 48px 48px;border:1px solid #ccc;border-radius:4px}.content .form-wrapper .error-message{display:none;color:#c00;width:100%}.content .form-wrapper .input-wrapper{position:relative;width:100%;height:48px;margin-top:16px}.content .form-wrapper .input-wrapper i{color:#aaa;position:absolute;left:0;top:0;font-size:24px;width:48px;height:48px;line-height:48px;text-align:center;pointer-events:none}.content .form-wrapper .show-hidden-password-button-container{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:4px}.content .form-wrapper .show-hidden-password-button-container .show-hidden-password-button-label{display:flex;align-items:flex-end;font-size:14px}.content .form-wrapper .show-hidden-password-button-container .show-hidden-password-button-label,.content .form-wrapper .show-hidden-password-button-container>.show-hidden-password-button-label .show-hidden-password-button{cursor:pointer}.content .form-wrapper .login-button{background-color:#999;border-radius:4px;color:#fff;width:100%;height:64px;line-height:64px;margin-top:32px;cursor:pointer;text-align:center}.content .form-wrapper .login-button:hover{background-color:#777}.content .form-wrapper .login-button:focus{background-color:#777;outline:0}.content .form-wrapper .login-button.disabled{background-color:#ccc!important;font-size:28px;pointer-events:none}.content .copyright{font-size:10px;height:120px;line-height:120px;text-align:center}.text-links{text-align:center;margin-top:20px}.text-links a{font-size:14px;color:#4169e1;text-decoration:none}.text-links a:hover{text-decoration:underline}@media screen and (max-width:420px) and (orientation:portrait){.content .form-wrapper{width:300px;padding:32px 12px 28px 12px}.content .form-wrapper .input-wrapper{height:44px;margin-top:10px}.content .form-wrapper .input-wrapper i{width:44px;height:44px;line-height:44px}.content .form-wrapper .login-button{height:44px;line-height:44px;margin-top:16px}.content .copyright{height:60px;line-height:60px}}@media screen and (max-height:420px) and (orientation:landscape){.content .form-wrapper{padding:32px 48px 24px 48px}.content .form-wrapper .input-wrapper{height:44px;margin-top:10px}.content .form-wrapper .input-wrapper i{width:44px;height:44px;line-height:44px}.content .form-wrapper .login-button{height:44px;line-height:44px;margin-top:16px}.content .copyright{position:absolute;width:100%;bottom:0;left:0;height:28px;line-height:28px}}.content>.error-dialog-wrapper{background-color:#f7f6f5;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.content>.error-dialog-wrapper .error-dialog{background-color:#f7f6f5;display:block;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.content>.error-dialog-wrapper i{color:#000;display:block;font-size:40px;left:50%;padding:16px;position:absolute;transform:translate(-50%)}.content>.error-dialog-wrapper .error-dialog-text-wrapper{display:block;height:calc(100% - 16px - 40px - 16px - 16px - 15px - 16px);margin:0;position:absolute;text-align:center;top:calc(16px + 40px + 16px);width:100%}.content>.error-dialog-wrapper .error-dialog-text{color:#000;display:block;font-size:15px;margin:0;position:relative;top:0;white-space:pre-wrap;width:100%}.content>.error-dialog-wrapper a{bottom:16px;color:#4169e1;cursor:pointer;display:block;font-size:15px;left:50%;padding:0;position:absolute;transform:translate(-50%)}