@charset "utf-8";
/* CSS Document */


/* □ recruit
-------------------------------- */
#recruit{
}
	#recruit h3{
		margin-bottom:30px;
	}
	#recruit p{
		line-height:1.8;
	}
		
.contents .bg_blue{
	background: #e4f1ff;
}
/* □ company
-------------------------------- */
#recruit .outline{
	width: auto;
	padding:60px 0;
}

	#recruit .outline h3{

	}

	#recruit .outline .subsection{
		width:960px;
		margin:auto;
	}
		
		
	#recruit .outline .entry + .entry{
		margin-top: 42px;
	}
		
	#recruit .outline .subsection table{
		table-layout:fixed;
		width: 100%;
	}
		
	#recruit .outline .subsection table tr,
	#recruit .outline .subsection table th,
	#recruit .outline .subsection table td{
		border:1px solid #004ea2;
		padding:1em;
	}
		
	#recruit .outline .subsection table th{
		width:10em;
		background:#2775ca;
		color:#fff;
		text-align:center;
	}
	#recruit .outline .subsection table td{
		background:#fff;
		padding-left:2.5em;
	}

/* □ info
-------------------------------- */
section#info{
	background:url(../../images/common/footer/bg.jpg) center center repeat-x ;
	background-size:cover;
	padding-top:60px;
}

	section#info div.infoBox{
		width:960px;
		margin:30px auto;
		text-align:center;
		padding:40px 0;
		background-color:rgba(255,255,255,0.6);
		
	}
	
	section#info div.infoBox dl dt{
		font-weight:bold;
		padding-bottom:40px;
	}
	
	section#info div.infoBox dl dd{
		color:#333;
		font-weight:700;
		
	}
	
	section#info div.infoBox dl dd.official{
		display:inline-block;
		padding:0 15px;
	}

/* □ contact
-------------------------------- */
#recruit .contact{
	width: auto;
	padding:60px 0;
}

	#recruit .contact .subsection table{
		table-layout:fixed;
		width: 100%;
	}
		
	#recruit .contact .subsection table tr,
	#recruit .contact .subsection table th,
	#recruit .contact .subsection table td{
		border:1px solid #004ea2;
		padding:1em;
	}
		
	#recruit .contact .subsection table th{
		width:20em;
		background:#2775ca;
		color:#fff;
		text-align:center;
	}
	#recruit .contact .subsection table td{
		background:#fff;
		padding-left:2.5em;
	}
		
@media only screen and
(max-width : 640px) {

		
/* □ company
-------------------------------- */
#company{
	background:#e4f1ff;
	padding:30px 0;
}
		
	#recruit .outline .subsection{
		width:auto;
		margin:auto;
		padding:3%
		
	}
		
	#recruit .outline .subsection table{
		float:none;
		padding-left:0;
		width:100%;
		table-layout:fixed;
	}
		
	#recruit .outline .subsection table tr,
	#recruit .outline .subsection table th,
	#recruit .outline .subsection table td{
		border:1px solid #004ea2;
		padding:0.5em;
		display:block;
	}
	#recruit .outline .subsection table tr{
		border:none;
		padding:0;
	}
	#recruit .outline .subsection table th{
		width:auto;
		background:#2775ca;
		color:#fff;
		text-align:center;
	}
	#recruit .outline .subsection table td{
		background:#fff;
		padding-left:0.5em;
	}
		
	#recruit .outline .subsection table td span{
		display:block;
	}
		
	#recruit .outline .subsection table td span.tel-link{
		display:inline-block;
	}
		


    
/* □ info
-------------------------------- */
section#info{
}

	section#info div.infoBox{
		width:100%;
		margin:30px auto;
		text-align:center;
		padding:40px 0;
		background-color:rgba(255,255,255,0.6);
		
	}
	
	section#info div.infoBox dl dt{
		font-weight:bold;
		padding-bottom:40px;
	}
	
	section#info div.infoBox dl dd{
		padding-bottom:20px;
		
	}
	
	section#info div.infoBox dl dd img{
		width:100%;
		padding-bottom:20px;
	}
	
	section#info div.infoBox dl dd.official{
		display:inline-block;
		padding:0 15px;
	}
	
	
	

/* □ contact
-------------------------------- */
#recruit .contact{
	padding:30px 0;
}

		
	#recruit .contact .subsection{
		width:auto;
		margin:auto;
		padding:3%
		
	}
	#recruit .contact .subsection table{
		table-layout:fixed;
		width: 100%;
	}
		
	#recruit .contact .subsection table tr,
	#recruit .contact .subsection table th,
	#recruit .contact .subsection table td{
		border:1px solid #004ea2;
		padding:0.5em;
		display:block;
	}
	#recruit .contact .subsection table tr{
		border:none;
		padding:0;
	}
		
	#recruit .contact .subsection table th{
		width:auto;
		background:#2775ca;
		color:#fff;
		text-align:center;
	}
	#recruit .contact .subsection table td{
		background:#fff;
		padding-left:0.5em;
	}
}