@charset "UTF-8";


body{
	background: #f6f4f2;
}

.login_content{
	padding: 110px 0 150px;
}

.login_content .logo{
	display: block;
	margin: 0 auto 6rem;
	max-width: 90%;
	width: 280px;
}



.login_content .inr{
	width: 605px;
	margin: 0 auto;
}

.login_content p{
	font-size: 1.6rem;
}

.login_content .p_txt1{
	font-size: 1.8rem;
	border-bottom: solid 1px #dbdfe3;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.login_input_content{
	background: #efefef;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(160, 160, 160, 0.37);
}

.login_input_content .content1{
	padding: 35px 55px;
}


.login_input_content .content2{
	background: #dbdfe3;
    padding: 25px;

	text-align: center;
}

.form_box{
	margin-bottom: 20px;
}
.form_box span{
	display:inline-block;
	background: #fff;
	color: #017fcd;

	padding: 1px 10px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.form_box input[type="text"],.form_box input[type="password"]{
    width: 100%;
    border: none;
    padding: 16px 10px;

}

.form_box .p1{
	padding: 8px 0;

}


input[type="checkbox"] {
    border: 2px solid #017fcd;
    vertical-align: -10px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    /*Other Browser*/
    background: #fff;
}

/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #99cc00;
    /*For Old WebKit*/
    background:#017fcd;
    border: 2px solid #017fcd;
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;

    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";

    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

.checkbox_txt{
	margin-top: 4px;
    display: inline-block;
    vertical-align: bottom;
}

.btn{
	border: none;
	border-radius: 3px;

}
.btn:hover{
	transition-duration: 0.2s;
	opacity: 0.7;
}

.btn.big{
	padding: 20px;
	font-size: 2.2rem;
}
.btn.blue{
	width: 100%;
	background: #017fcd;
	color: #FFF;
}


/* error messege  */

.login_input_content .errow_messege{
	margin-bottom: 20px;
	color: #cf292a;
}

.input_error{
	background: #e9c7c8;
}