@charset "UTF-8";

#recruit { width: 100%; text-align: center; padding: 20px;}
	#recruit h2 { display: flex; width: 100%; max-width: 960px; justify-content: space-between; padding: 40px 0; margin: 0 auto;}
		#recruit h2::after { display: block; content:""; border-bottom: 1px solid #444; width:calc(100% - 180px); height: 20px;}
	#recruit .inner { max-width:800px; text-align: left;}
	#recruit .inner table { margin:10px auto; width: 100%;}
		#recruit .inner td a { color:#0071BC; text-decoration: none;}
			#recruit .inner td a:hover { text-decoration:underline;}
	#recruit .inner p { padding:10px 0 10px 0; font-size:16px;}
		#recruit .inner p a { color:#0071BC; text-decoration: none;}
			#recruit .inner p a:hover { text-decoration:underline;}
		#recruit .inner p img {vertical-align: baseline;}
	#recruit .inner iframe { width: 100%; height:480px; padding:10px 0;}



@media all and (min-width:320px) {
	/* 320px+ settings */
	#recruit .inner th { display: block; padding: 20px 0 5px 0; font-size: 16px; text-align: left; border-bottom:1px solid #999;}
	#recruit .inner td { display: block; padding: 5px 0 20px 0; font-size: 16px; text-align: left;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	#recruit .inner th, #recruit .inner td { display: table-cell; text-align: left; padding: 20px 20px; font-size: 16px; border-bottom:1px solid #999; vertical-align: top;}
	#recruit .inner th { width: 160px;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}