/* ------------------------------
#userlogin
------------------------------ */
.contents-title-block + section {
	margin-top: 40px;
}
#userlogin .login-wrap {
	display: flex;
	justify-content: space-between;
}
#userlogin .login-wrap .login-block {
	background-color: #fff;
	width: calc( 100% / 2 - 25px);
	padding: 50px 110px;
}
#userlogin .login-wrap .login-block:last-of-type{
	padding-top: 60px;
}
#userlogin .login-wrap .login-block input[type=text] ,
#userlogin .login-wrap .login-block input[type=password] {
	width: 100%;
	padding: 13px 15px;
	font-size: 1.6rem;
	border: 1px solid #707070;
}
#userlogin .login-wrap .login-block button {
	width: 100%;
	min-width: auto;
	margin-top: 25px;
	padding: 1em 2em 1em 2.5em;
	font-size: 1.6rem;
	border: none;
	cursor: pointer;
}
#userlogin .login-wrap .login-block input::placeholder {
	color: #999;
}
#userlogin .login-wrap .login-block a {
	width: 100%;
	min-width: auto;
}
#userlogin .login-wrap .login-block input + input,
#userlogin .login-wrap .login-block a + a {
	margin-top: 25px;
}
#userlogin .login-wrap .login-block p + a {
	margin-top: 43px;
}
#userlogin .login-wrap .login-block .link-text {
	margin-top: .5em;
}
#userlogin .login-wrap .login-block .link-text a {
	font-size: 1.4rem;
}


/* ----------------------------------------------------------------------------------------------------
*  TAB
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {

	/* ------------------------------
	#userlogin
	------------------------------ */
	#userlogin .login-wrap .login-block {
		padding: 50px 5%;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {


	/* ------------------------------
	#userlogin
	------------------------------ */
	#userlogin .login-wrap {
		display: block;
	}
	#userlogin .login-wrap .login-block {
		width: 100%;
		padding: 30px 5%;
	}
	#userlogin .login-wrap .login-block:last-of-type{
		padding-top: 28px;
	}
	#userlogin .login-wrap .login-block + .login-block {
		margin-left: 0;
		margin-top: 50px;
	}
	
	#userlogin .login-wrap .login-block input[type=text], 
	#userlogin .login-wrap .login-block input[type=password]{
		padding: 11px 15px;
	}
	
	#userlogin .login-wrap .login-block p + a{
		margin-top: 35px;
	}


}
@media screen and (min-width: 768px) {
html{
	position: relative;
	min-height: 100%;
}
footer{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
	main{
		padding-bottom: 216px;
	}
	#userlogin .login-wrap{
		padding-bottom: 10vh;
	}
}