@charset "utf-8";
/* CSS Document */
img{display:block}
#recruit{line-height:1.8;}
#recruit h3.rec_title,
#recruit h3.rec_title span,
#recruit h4{
	background-color: #535353;
	color:#fff;
	font-weight:bold;
}
#recruit h4{
	background-color: #959595;
}
#recruit p{text-align:justify}
.rec_slogan{display:block; color:#990c0a; text-align:justify; font-weight:bold;}
.rec_slogan span{font-weight:bold;}
#rec_btnbox{
	margin-top:15px;
	border-top:1px solid #959595;
	padding:30px 0;
}
#rec_btnbox a,
div[id^=EntryForm]{
	display:block;
	background-color: #990c0a;
	color:#fff;
	font-weight: bold;
	text-align:center;
	margin:0 auto;
	box-shadow:0 2px 4px #999;
}
#contents .MainBlk tr.rec_NowHiring > *{background-color: #990C0A; color:#fff; border-color: #fff;}
#contents .MainBlk tr.rec_NowHiring td a{color:#333; background-color:#fff; padding:0 5px; margin-left:10px; display:inline-block;}
.Alert{
	color:#990c0a;
}
#FormCopyBox{
	opacity:.001;
	font-size:14px;
}
#rec_form .JobBlk span{display:inline-block; color:#990c0a; margin-left:5px;}
.rec_textarea{width:100%; height:100px; display:block; min-width:175px}
@media(max-width:320px){
	.rec_NowHiring a span{display:none;}
}
@media(max-width:640px){
	img[src*="_PC"]{display:none}
	#recruit h3.rec_title,
	#recruit h4{
		margin-top:10px;
		padding:10px;
		font-size:12px;
	}
	#recruit h3.rec_title span{
		display:block;
	}
	#recruit h4{margin-top:30px}
	.rec_slogan{font-size:14px; padding:23px 10px 16px}
	.rec_mainbox img,
	.rec_location img{width:220px; margin:0 auto;}
	.rec_location{margin-top:15px;}
	#recruit p{padding:15px 10px 0}
	#rec_btnbox a,
	div[id^=EntryForm]{width: 220px; height:25px; line-height:25px; font-size:12px;}
	div[id^=EntryForm]{margin:20px auto 10px}
	.Inp{width:calc(100% - 15px); height:30px; padding-left:10px}
	.Inp2 label:nth-of-type(1){margin-top:10px}
	.Inp2 label{margin-bottom:10px; display:inline-block;}
	#rec_form tr th:nth-of-type(2){width:60%;}
}
@media(min-width:641px){
	img[src*="_SP"]{display:none}
	#recruit{width:750px; margin:0 auto}
	#recruit h3.rec_title,
	#recruit h4{
		padding:15px;
		font-size:16px;
	}
	#recruit h4{margin-top:50px;}
	.rec_slogan{font-size:20px; padding:30px 15px}
	.rec_slogan span{display:block}
	.rec_mainbox,.rec_location{padding:0 15px;}
	.rec_location{margin-top:30px;}
	.rec_mainbox img,.rec_location img{float:left; width:280px; margin-right:10px;}
	#recruit .rec_mainbox p,
	#recruit .rec_location p:nth-of-type(1){padding-top:0;}
	.rec_mainbox::after,
	.rec_location::after{
		display:block;
		content:"";
		clear:both;
	}
	#recruit p{padding:30px 15px 0;}
	#rec_btnbox{padding:60px 0 80px}
	#rec_btnbox a,
	div[id^=EntryForm]{width: 400px; height:46px; line-height:46px; font-size:16px; transition:.2s;}
	div[id^=EntryForm]{margin:20px auto 10px; cursor:pointer}
	#rec_btnbox a:hover,
	div[id^=EntryForm]:hover{text-decoration: none; opacity:.7;}
	#contents .MainBlk tr.rec_NowHiring td a{padding:0 15px; margin-left:15px}
	.Inp2 label{cursor:pointer; transition:.2s;}
	.Inp2 label:hover{opacity:.5}
	.Inp{width:50%;}
}