@charset "UTF-8";

#recruit .wrap {
	padding-bottom:90px;
}
#recruit table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
}
#recruit table th,
#recruit table td {
	padding:1.5em;
	vertical-align:middle;
}
#recruit table th {
	font-weight:500;
	text-align:center;
	background-color:#efefef;
	border:5px solid #FFFFFF;
	width:15em;
}
#recruit table td {
	background-color:#f5f5f5;
	border:5px solid #FFFFFF;
}
#recruit .button {
	display:block;
	font-family: 'Lato', sans-serif;
	font-size:1.8rem;
	border:1px solid #375490;
	width:12em;
	line-height:1;
	text-align:center;
	padding:1em 0;
	margin:0 auto;
	transition:.3s;
}
#recruit .button::after {
	content:'';
	display:inline-block;
	width:.4em;
	height:.4em;
	border-top:2px solid #375490;
	border-right:2px solid #375490;
	transform:rotate(45deg) translate(0,-.15em);
	margin-left:.3em;
	transition:.3s;
}
#recruit .button span {
	font-family: 'Lato', sans-serif;
	color:#375490;
	transition:.3s;
}
#recruit .button:hover {
	background-color:#375490;
}
#recruit .button:hover span,
#recruit .button:hover::after  {
	color:#FFFFFF;
	border-color:#FFFFFF;
}


@media screen and (max-width:1300px){

}

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

}

@media screen and (max-width: 768px){

}

@media screen and (max-width:640px){

#recruit .wrap {
	padding-bottom:45px;
}
#recruit table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}
#recruit table th,
#recruit table td {
	font-size:1.4rem;
	padding:1em .5em;
}
#recruit table th {
	width:7em;
	border:3px solid #FFFFFF;
}
#recruit table td {
	border:3px solid #FFFFFF;
}
#recruit .button {
	font-size:1.6rem;
	transition:0s;
}
#recruit .button:hover {
	background-color:#ffffff;
}
#recruit .button:hover span,
#recruit .button:hover::after  {
	color:#375490;
	border-color:#375490;
}
	
}
	
@media screen and (max-width:480px){

}
	
@media screen and (max-width:360px){

}