/* CSS Document */

.pc_blind { display: none;}
.sp_blind { display: block;}

.recruit {
	padding: 0 49px;
	line-height: 1.5em;
}

.rec_main {
	position: relative;
	top: -10px;
	margin: 0 -49px;
}
.recruit .catch { margin-top: 30px;}
.recruit h2 {
    border-bottom: 2px solid #334188;
    padding-left: 10px;
    color: #334188;
}
.recruit h3 img { width: auto; height: 30px;}

#pagenavi {
	overflow: hidden;
	margin: 40px 0;
	padding: 0;
	border-top: 1px solid #334188;
	border-bottom: 1px solid #334188;
	list-style: none;
}
#pagenavi li {
	float: left;
	border-left: 1px solid #334188;
	height: 60px;
}
#pagenavi li:first-child {
	border-left: none;
}
#pagenavi a:hover { opacity: .7;}
.recruit .inner {
	margin: 0 0 40px;
}


#box01,
#box02,
#box03 { padding-top: 100px; margin-top: -100px;}

#box01 .photo { margin-top: 20px; text-align: center;}

#box01 .movie {
	width: 820px;
	margin: 20px auto;
	overflow: hidden;
}
#box01 .movie .m01 { float: left;}
#box01 .movie .m02 { float: right;}
#box01 .movie .m03 {
	clear: both;
	width: 450px;
	margin: 0 auto;
	padding-top: 40px;
}

#box01 .movie a:hover { opacity: 0.6;}

#box02 { margin-bottom: 40px;}
#box02 table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	border-top: 1px solid #cecece;
}
#box02 table th,
#box02 table td {
	padding: 1em;
	border-bottom: 1px solid #cecece;
}
#box02 table th { width: 7em;}
#box03 .application {
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
	font-size: 14px;
}
#box03 .application dl {
	margin: 0 0 30px;
}
#box03 .application dl dt { margin-bottom: 1em;}
#box03 .application dl dd { margin: 0;}


@media only screen and (min-width: 481px) and (max-width: 1024px) {
	/* tablet */
	.recruit img { width: 100%;}
	.rec_main { margin-top: 0;}
	#pagenavi li {
		box-sizing: border-box;
		width: 33.3%;
		height: auto;
	}
	#box01 .movie {
		width: auto;
	}
	#box01 .movie .m01 {
		width: 49%;
	}
	#box01 .movie .m02 {
		width: 49%;
	}
	#box03 .application {
		width: auto;
		padding: 10px 10px 0 10px;
	}
	#box03 a { color: #3b62b1;}
}


@media only screen and (max-width: 480px) {
	/* sp */
	.pc_blind { display: block;}
	.sp_blind { display: none;}
	.recruit { padding: 0 10px;}
	.recruit img { width: 100%;}
	
	.recruit h3 img { width: 100%; height: auto;}
	
	.rec_main {
		margin: 0 -10px;
	}
	#pagenavi { border-bottom: none;}
	#pagenavi li{
		float: none;
		height: auto;
		border-left: none;
		border-bottom: 1px solid #334188;
	}
	#pagenavi li a { display: block; text-align: center;}
	#pagenavi li img { width: auto; height: 44px;}
	
	.recruit .inner p { padding: 0;}
	#box01 .movie { width: auto;}
	#box01 .movie .m01 {
		width: 49%;
		margin-bottom: 20px;
	}
	#box01 .movie .m02 {
		width: 49%;
	}
	#box01 .movie .m03 {
		width: auto;
	}
	#box02 table th {
		padding: 1em 5px;
		width: 5em;
	}
	#box03 .application {
		width: auto;
		padding: 10px 10px 0 10px;
	}
	#box03 .application dl { margin-bottom: 10px;}
	#box03 .application dl dt { margin-bottom: 5px;}
	#box03 a { color: #3b62b1;}
}