@charset "utf-8";
/*
input::-webkit-input-placeholder{color:#888}
input:-moz-placeholder{color:#888}
input::-moz-placeholder{color:#888}
input:-ms-input-placeholder {color:#888}

body{position:relative;min-width:768px;background-color:#89abd7}
#wrap{width:100%;min-width:768px;height:100%}
#header{position:relative;z-index:2;height:100px;padding-left:30px;background-color:#fff;line-height:100px;text-align:center}
#header img{vertical-align:middle}
#container{position:relative;height:calc(100% - 200px);min-height:400px}
#footer{position:relative;z-index:2;height:100px;padding:30px 20px;background-color:#fff;font-size:12px;text-align:center;line-height:150%}
#footer address .tel{color:#0871b9}
#footer address .tel b{color:#0871b9}
#footer .copy{font-size:.938rem;color:#888}
*/
body{background-color:#89abd7}
#container{min-height:calc(100vh - 170px);padding-top:30px;padding-bottom:30px}
@media (min-width: 480px){
	#container{min-height:calc(100vh - 180px);padding-top:40px;padding-bottom:40px}
}
@media (min-width: 550px){
	#container{min-height:calc(100vh - 190px);padding-top:50px;padding-bottom:50px}
}
@media (min-width: 767px){
	#container{min-height:calc(100vh - 180px);padding-top:60px;padding-bottom:60px}
}
@media (min-width: 1000px){
	#container{min-height:calc(100vh - 210px);padding-top:100px;padding-bottom:100px}
}
@media (min-width: 1200px){
	#container{min-height:calc(100vh - 220px);padding-top:120px;padding-bottom:120px}
}

#contents{overflow:hidden;max-width:1050px;width:calc(100% - 2rem);min-height:350px;margin:auto;padding:0 !important;background-color:#fff}
#contents .login_img{display:none;float:left;max-width:550px;width:52.38%;line-height:0}
#contents .login{max-width:500px;width:100%;margin:0 auto;padding:40px;text-align:left}
#contents .login h2{padding-bottom:1rem;font-size:2.5rem;font-weight:800;color:#000a23;text-align:center}
#contents .login li{padding-top:10px;font-size:0.9rem}
#contents .login li.login3{padding:1rem 0}
#contents .login li:last-child{padding-top:20px}
#contents .login li.login5{text-align:center}
#contents .login li.login5 .bar{display:inline-block;width:1px;height:0.8rem;margin:0 0.75rem;background-color:#e5e5e5;vertical-align:middle}
#contents .login input{width:100%;padding:15px 20px;border:1px solid #dcdcdc;border-radius:3px;font-size:14px}
#contents .login button[type="submit"]{width:100%;height:45px;padding:12px;border:1px solid #2782db;border-radius:3px;background-color:#2782db;font-size:1.25rem;font-weight:600;color:#fff}
@media screen and (min-width:767px) {
	#contents .login_img{display:block;float:left;max-width:550px;width:52.38%}
	#contents .login{float:left;max-width:47.62%;padding:50px 60px 0}
	#contents .login input{padding:6%;font-size:15px}
	#contents .login button[type="submit"]{height:50px}
}
@media screen and (min-width:1000px) {
	#contents .login{padding:70px 60px 0}
	#contents .login h2{padding-bottom:1.5rem;font-size:3rem}
	#contents .login input{font-size:16px}
	#contents .login button[type="submit"]{height:60px}
}
@media screen and (min-width:1200px) {
	#contents .login{padding:80px 60px 0}
}