body {background-color:#f1f1f1;}
input[type=text], input[type=password]{
    width: 100%;
    padding: 10px 10px;
    border: solid 1px #ccc;
    font-size: 1rem;
    border-radius: 4px;
    line-height: 1.6;
    background: #fbfbfb;
    height: 45px;
}
input::placeholder {
  font-size: 1rem;
  opacity: 0.5;
}
.login_wrapper{width: 380px; margin: 60px auto 0;}
.login_wrapper .logo{width: 150px; margin: 0 auto 25px;}
.sign_area{padding: 40px 25px 45px; background: #fff; height: auto; letter-spacing: normal; box-shadow: 0 1px 2px rgb(0 0 0 / 13%);}
.sign_area label{margin-bottom: 5px; font-size: 0.9rem;}
.sign_area h2{font-size: 1.3rem; text-align: center; margin-bottom: 4px; font-weight: 500;}
.sign_area .pass_att{font-size: 0.76rem; margin-top: 4px;}
.sign_area #send{background: #0d6efd; margin-top: 5px; padding: 11px 0; display: block; border-radius: 5px; text-align: center; font-size: 1.1rem; border-radius: 5px; width: 100%; color:#fff; transition: all .3s;}
.sign_area #send:hover{opacity: 0.8;}
.err_msg, .errmsg {
    padding: 3px 0 6px;
    text-align: left;
    color: #dc3545;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0;
}
.pass_lost{font-size: 0.875rem; margin-top: 10px; text-align: right;}
/* =========================================================
	SP
========================================================= */
@media screen and (max-width: 767px) {
	input[type=text], input[type=password]{font-size: 1.1rem;}
	.login_wrapper .logo{width: 130px; margin: 0 auto 25px;}
	.login_wrapper{width: 90%;}
	.sign_area{padding: 35px 5% 40px;}

}