body{margin:0}.login-page{height:100vh;background:#2f75d1;background:linear-gradient(336deg,#2f75d1 35%,#70c5d2);overflow:auto}@media only screen and (min-width:768px){.login-page .content-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:90%;max-width:960px}}@media only screen and (max-width:767px){.login-page .content-wrap{display:block;width:100%;height:100vh;margin:0 auto;padding:10px}}.login-page .content-wrap .img-wrap{width:50%;margin-right:40px;margin-top:5%}@media only screen and (max-width:767px){.login-page .content-wrap .img-wrap{display:none}}.login-page .content-wrap .img-wrap img{width:100%}.login-page .content-wrap .form-wrap{flex:1;background-color:#fff;background:linear-gradient(336deg,#aed6e2 35%,#fff);padding:40px;box-shadow:3px 3px 5px rgba(0,0,0,.25);padding-bottom:0;border-radius:10px}.login-page .content-wrap .form-wrap .system-name{text-align:center;margin-bottom:25px}.login-page .content-wrap .form-wrap .system-name img{display:block;margin:0 auto;width:270px;max-width:95%}.login-page .content-wrap .form-wrap .system-name span{background-color:#1a4186;color:#fff;padding:3px 20px;border-radius:5px}.login-page .content-wrap .form-wrap .memo{color:#6c757d!important;margin-top:15px}.login-page .content-wrap .form-wrap .logo-03{position:relative;left:-10px;height:80px}.login-page .content-wrap .form-wrap input:-webkit-autofill,.login-page .content-wrap .form-wrap input:-webkit-autofill:active,.login-page .content-wrap .form-wrap input:-webkit-autofill:focus,.login-page .content-wrap .form-wrap input:-webkit-autofill:hover,.login-page .content-wrap .form-wrap select:-webkit-autofill,.login-page .content-wrap .form-wrap select:-webkit-autofill:active,.login-page .content-wrap .form-wrap select:-webkit-autofill:focus,.login-page .content-wrap .form-wrap select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.login-page .content-wrap .form-wrap .field{background-color:#fff;border-radius:25px;display:flex;padding:5px;margin-top:15px;font-size:1em}.login-page .content-wrap .form-wrap .field label{background-color:#1a4186;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;color:#fff;margin-bottom:0}.login-page .content-wrap .form-wrap .field label i{position:relative;top:2px}.login-page .content-wrap .form-wrap .field input,.login-page .content-wrap .form-wrap .field select{border:none;background-color:#fff!important;line-height:30px;height:30px;flex:1;padding-left:15px}.login-page .content-wrap .form-wrap .field input:active,.login-page .content-wrap .form-wrap .field input:focus,.login-page .content-wrap .form-wrap .field select:active,.login-page .content-wrap .form-wrap .field select:focus{border:none;outline:none}.login-page .content-wrap .form-wrap .btn{width:100%;margin-top:20px;font-size:16px;border-radius:25px;background-color:#1a4186;color:#fff}.login-page .content-wrap .form-wrap .btn:hover{background-color:#122c5b}@media only screen and (max-width:767px){.login-page .content-wrap .form-wrap{height:100%;padding:30px;padding-bottom:0;display:flex;flex-direction:column;justify-content:space-between}}