@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{font-weight:400;font-family:Roboto,sans-serif;font-size:16px}.inner-container{max-width:1280px;margin:0 auto;border-radius:10px;box-shadow:0 5px 20px rgba(14,112,154,.568);display:flex}.pc{display:block}.sp{display:none}img{width:100%;margin:0 auto}.login{position:relative;width:100%;height:100vh;background:url(/images/img_bg.jpg?beb4eb49d544e8a7f9004f452116e4f4)no-repeat 50%/100% 100%}.login-form{position:absolute;top:50%;left:0;right:0;margin:0;transform:translateY(-50%)}.login-blk{background:url(/images/img_login_bg.png?b2a9ca654b7664e402a60f0433715f64) no-repeat 50%/100% 100%;padding:50px 0;width:58%;border-top-right-radius:10px;border-bottom-right-radius:10px}.ttl{text-align:center;font-size:30px;font-weight:700;color:#45addb;padding:30px 0 20px}.form{padding:0 50px 20px}button[type=submit],input[type=password],input[type=text]{width:100%;padding:12px 20px;margin-bottom:8px;display:inline-block;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #ddd;background-color:#fff;font-family:Roboto,sans-serif;font-size:14px;outline:none}.btn{text-align:center}button[type=submit]{color:#fff;border:1px solid #ccc;cursor:pointer;background:linear-gradient(90deg,#0e709a,rgba(24,154,211,.8))}button[type=submit]:active,button[type=submit]:hover{color:#45addb;background:#fff;border:1px solid linear-gradient(45deg,#179abf,#1c58a7 100%)}.error-message{text-indent:5px;color:red;font-size:14px;font-weight:700}.forget-pwd{text-align:center;padding:10px 0}.forget-pwd a{color:#45addb;font-size:14px}.forget-pwd:hover{opacity:.5}.logo-blk{background:url(/images/img_logo_bg.png?b738c5c7d70943a0b7f432f9d60eb985) 50%/cover;position:relative;width:42%;border-top-left-radius:10px;border-bottom-left-radius:10px}.logo-content{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%)}.logo-blk .logo{width:226px;margin:0 auto}.logo-txt{width:400px;margin:50px auto 0}.logo-txt img{max-width:400px}.alert{margin-bottom:10px;font-size:16px;font-weight:700;color:#45addb;padding:0 50px}.logo img{max-width:226px}@media only screen and (max-width:1024px) and (min-width:768px){.inner-container{max-width:95%;margin:0 auto}.login-blk{padding:4.883vw 0;border-top-right-radius:.977vw;border-bottom-right-radius:.977vw}.ttl{font-size:2.93vw;padding:2.93vw 0 1.953vw}.form{padding:0 4.883vw 1.953vw}button[type=submit],input[type=password],input[type=text]{padding:1.172vw 1.953vw;margin-bottom:.781vw;font-size:1.367vw}button[type=submit]{border:.098vw solid #ccc}.error-message{text-indent:.488vw;font-size:1.367vw}.forget-pwd{padding:.977vw 0}.forget-pwd a{font-size:1.367vw}.logo-blk{border-top-left-radius:.977vw;border-bottom-left-radius:.977vw}.logo-blk .logo{width:22.07vw}.logo-txt{width:35.063vw;margin:4.883vw auto 0}.logo-txt img{max-width:39.063vw}.alert{margin-bottom:.977vw;font-size:1.563vw;padding:0 4.883vw}.logo img{max-width:22.07vw}}@media only screen and (max-width:767.9px){.pc{display:none}.sp{display:block}.inner-container{max-width:100%;margin:0 auto;align-items:center;flex-direction:column;box-shadow:none}.login-form{position:unset;transform:translateY(0)}.login{background:#fff}.login-blk{background:url(/images/img_login_bg_sp.png?e8b4029b2184e932ba2bc3cd9ba4bef7) no-repeat 50%/cover;padding:3.259vw 0;width:90%;border-radius:1.304vw;margin:2.608vw auto 0;box-shadow:0 .652vw 2.608vw rgba(14,112,154,.568)}.ttl{text-align:center;font-size:3.911vw;font-weight:700;color:#45addb;padding:2.608vw 0}.form{padding:0 6.519vw 2.608vw}button[type=submit],input[type=password],input[type=text]{width:100%;padding:1.565vw 2.608vw;margin-bottom:1.043vw;font-size:1.825vw}button[type=submit]{color:#fff;border:.13vw solid #ccc;background:linear-gradient(90deg,#0e709a,rgba(24,154,211,.8))}.error-message{font-size:1.825vw}.forget-pwd{padding:1.304vw 0}.forget-pwd a{font-size:1.825vw}.forget-pwd:hover{opacity:.5}.logo-blk{background:url(/images/img_logo_bg_sp.png?9dbc60f132910b2101058c6f85086aa7) 50%/cover;width:100%;border-top-left-radius:1.304vw;border-bottom-left-radius:1.304vw}.logo-content{position:unset;transform:translateY(0)}.logo-blk .logo{width:29.465vw;margin:0 auto;padding:2.608vw 0}.logo-txt{width:26.076vw;margin:2.608vw auto 0}.logo-txt img{max-width:60.495vw}.alert{margin-bottom:1.304vw;font-size:2.086vw;padding:0 6.519vw}.logo img{max-width:29.465vw}}