:root{--bgColor:#fff}body{background:var(--bgColor);color:#3b4043;font-family:Noto Sans JP,sans-serif;height:100%;margin:0;min-height:100vh;padding:0;width:100%}body *{box-sizing:border-box}.login{display:flex;height:100%;width:100%}.login__banner{background-image:url(/custom/settings/bg_staff_login.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login__banner,.login__form{height:100%;min-height:100vh;width:50%}.login__form{align-items:center;display:flex;justify-content:center}.form{width:345px}.form__logo{padding-bottom:15px;text-align:center}.form__logo img{height:auto;width:130px}.form__btn{align-items:center;background-color:#004bb1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:19px;width:100%}.inputGroup{margin-top:20px;position:relative}.inputGroup__input{border:1px solid #cdd6dd;border-radius:4px;box-shadow:none;color:#3b4043;height:50px;outline:none;padding:15px 15px 15px 54px;width:100%}.inputGroup__input::-moz-placeholder{color:#cdd6dd}.inputGroup__input::placeholder{color:#cdd6dd}.inputGroup__icon{height:16px;left:24px;position:absolute;top:50%;transform:translateY(-50%);width:auto}.checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:27px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input[type=checkbox]{display:none}.checkbox input[type=checkbox]:checked+.checkbox__mark{background-image:url(../images/Checkbox.svg);background-position:50%;background-repeat:no-repeat,repeat}.checkbox__mark{align-items:center;background-color:#fff;border:1px solid #cdd6dd;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.checkbox__label{font-size:14px;margin-left:11px}.error-message{color:red;display:block;font-size:12px}