@charset "UTF-8";#login{font-family:Noto Sans JP,sans-serif}#login .login-area{position:relative;width:100%;height:100vh;text-align:center;background-image:url(/img/top/top-background.webp);background-repeat:no-repeat;background-position:center center;background-size:cover}#login .login-area .background-font-img{height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}#login .login-area .background-font-img img{object-fit:cover;width:100%;height:100%}#login .login-area .background-font-img:before{-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(/img/top/top-background-font.webp);background-repeat:no-repeat;background-position:center;background-size:cover;content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%}#login .login-area .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media screen and (max-width:767px){#login .login-area .container{transform:translate(-50%,-50%);width:100%}}#login .login-area .container>h2{color:#f5f5f5;font-weight:700;font-size:5rem;text-align:center}@media screen and (max-width:767px){#login .login-area .container>h2{font-size:2.4rem}}#login .login-area .container form{width:347px;margin:0 auto;padding:40px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}@media screen and (max-width:767px){#login .login-area .container form{width:100%;padding:0;margin:20px 0 0}}#login .login-area .container form .password-forget-wrapper{margin-top:20px;text-align:left;font-size:1.4rem;text-align:center}@media screen and (max-width:767px){#login .login-area .container form .password-forget-wrapper{margin-top:14px;text-align:center}}#login .login-area .container form .password-forget-wrapper a.password-forget{text-decoration:none;color:#f5f5f5}#login .login-area .container form .password-forget-wrapper a:hover{color:#8b8686;transition:.5s}#login .login-area .container form .help-block{font-size:1.4rem;color:#eb8686;margin-bottom:4px}#login .login-area .container form input{background-color:#fff;color:#3c3c3c;display:block;margin:0 auto;width:269px;padding:15px;font-size:1.6rem;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;outline:none}@media screen and (max-width:767px){#login .login-area .container form input{width:230px;font-size:1.4rem}}#login .login-area .container form input+input{margin-top:20px}@media screen and (max-width:767px){#login .login-area .container form input+input{margin-top:10px}}#login .login-area .container form ::-webkit-input-placeholder{color:#3c3c3c99}#login .login-area .container form :-moz-placeholder{color:#3c3c3c99}#login .login-area .container form ::-moz-placeholder{color:#3c3c3c99}#login .login-area .container form :-ms-input-placeholder{color:#3c3c3c99}#login .login-area .container form button{position:relative;display:block;margin:30px auto 0;padding:17px;width:270px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;font-size:1.4em;background:#516c9d;background:-moz-linear-gradient(#4072B3 0%,#4072B3 50%,#516C9D 100%);background:-webkit-gradient(linear,left top,left bottom,from(#4072B3),color-stop(50%,#4072B3),to(#516C9D));background:-webkit-linear-gradient(#4072B3 0%,#4072B3 50%,#516C9D 100%);background:-o-linear-gradient(#4072B3 0%,#4072B3 50%,#516C9D 100%);background:linear-gradient(#4072b3,#4072b3,#516c9d);color:#f4f4f4;box-shadow:0 1px #1b435d;cursor:pointer}@media screen and (max-width:767px){#login .login-area .container form button{width:230px;margin:20px auto 0;font-size:1.2em;padding:10px}}#login .login-area .container form button:active{top:3px;box-shadow:none}#login .login-area .container form .checkbox{margin:10px auto 0}@media screen and (max-width:767px){#login .login-area .container form .checkbox{margin:10px auto 0}}#login .login-area .container form .checkbox label{color:#f5f5f5;font-size:1.4rem}#login .login-area .container form .checkbox label input{display:inline;width:auto;margin-right:4px}#login .login-area .container form .checkbox label:hover{color:#8b8686;transition:.5s}