@charset "utf-8";
/*-------------------------------*/
body {font-size:100%;line-height:1.5;letter-spacing:0;}
html>/**/body{font-size:14px;line-height:1.5;letter-spacing:0;}
body {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font: 14px;
	*font-size: small;
	*font: x-small;
}
/*-------------------------------*/
html,body {height:100%;}
div#all {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	padding: 0 0 0 0;
}
body > #all {height:auto;}
br.sp {
	display: none;
}
/*-------------------------------*/
/* staff */
#cont_body {
	width: 740px;
	height: 410px;
	margin: 0 auto;
	padding: 30px;
	background: rgba(58,68,80,0.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#883a4450,EndColorStr=#883a4450);/*IE8以下用*/
	position: relative;
}
#close {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: 10px;
}
#recruit_modal_hd {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 0;
	border-bottom: 1px solid #fff;
}
#recruit_modal_hd .cat_ttl {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: 0.15em;
	color: #fff;
}
#recruit_modal_inner {
	height: 335px;
	margin: 20px 0 0;
	padding: 0 15px;
	color: #fff;
	font-size: 95%;
	overflow-y: scroll;
}

#recruit_modal_inner .recruit_tbl {
	table-layout: fixed;
}
#recruit_modal_inner .recruit_tbl th, #recruit_modal_inner .recruit_tbl td {
	padding: 0 0 15px;
	vertical-align: top;
}
#recruit_modal_inner .recruit_tbl th {
	padding-right: 40px;
	text-align: center;
	font-weight: normal;
}
#recruit_modal_inner td.modal_btn {
	padding: 15px 0 0;
	text-align: center;
}
#recruit_modal_inner .modal_btn a {
	background-color: #37aee6;
	color: #fff;
	font-size: 100%;
	text-decoration: none;
	padding: 15px 50px;
	display: inline-block;
	letter-spacing: 0.15em;
}

@media screen and (max-width: 750px) {
	br.sp {
		display: block;
	}
	#cont_body {
		width: 100%;
		height: 100%;
		padding: 0;
		background: none;
	}
	#close {
		display: none;
	}
	#recruit_modal_hd {
		width: 92%;
		padding: 0 4%;
		margin: 0 auto;
	}
	#recruit_modal_inner {
		width: 92%;
		height: 100%;
		margin: 4% 4% 50px;
		padding: 0;
	}
	#recruit_modal_inner .recruit_tbl th, #recruit_modal_inner .recruit_tbl td {
		width: 100%;
		float: left;
		text-align: left;
	}
	#recruit_modal_inner .recruit_tbl th {
		padding: 0 0 1% 0;
		font-size: 110%;
	}
	#recruit_modal_inner .recruit_tbl td {
		font-size: 90%;
		padding: 0 0 5% 0;
	}
}