@charset "UTF-8";



.container{
flex: 1;
padding-bottom: 2rem;
}
.headerLogo{
padding-top: 80px;
padding-bottom: 50px;
text-align: center;
}
.lead01{
text-align: center;
line-height: 1.8;
font-weight: bold;
}
.lead02{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #5fb5ec;
padding-top: 1rem;
}
.login-btn,.comp-btn,.sent-btn,.cmaking-btn{
border-radius: 50px;
background-color: #9f21a3;
color:#fff;
margin-bottom: 1rem;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.login-btn:hover,.comp-btn:hover,.sent-btn:hover,.cmaking-btn:hover{
opacity: 0.8;
color: #fff;
}
a.txt-underline{
text-decoration: underline;
}
p.errorPW{
font-weight: bold;
color: red;
margin-bottom: 1rem;
}

/****login.html*****/

.login-form{
padding: 1.5rem;
background: #f3f1f4;
margin-top: 2rem;
}
.form-group{
margin: 1rem 0;
}

p.errorPW{
font-weight: bold;
color: red;
margin-bottom: 1rem;
}


/**** ▲ login.html ▲ *****/

.register_comp-area  .form-group {
display: flex;
align-items: center;
justify-content: center;
}


/****ここからレスポンシブcss*****/

@media screen and (max-width: 576px){
.headerLogo{
padding-top: 50px;
padding-bottom: 30px;
}
.login-form{
padding: 0 .5rem .5rem;
}
/*.lead01{
text-align:left;
}*/
.login-area .col-sm-10,.register_mail-area .col-sm-10,.register_comp-area .col-sm-10,.thanks-area .col-sm-10,.thanks_mail-area .col-sm-10{
padding: 0;
}
}