/*

リクルートIndex

*/

.recruitMain{
	background-image:url(../recruit/images/recruit_hbg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

.resourceList{
	padding-top:40px;
	margin-bottom:20px;
	text-align:center;
}

.resourceList li{
	display:inline-block;
	margin-bottom:40px;
}

.supportList{
	margin-left:-2%;
	padding-top:30px;
}
.supportList li{
	float:left;
	width:48%;
	margin-left:2%;
	display:inline;
}
.supportList li span{
	display:block;
	border:3px solid #ccc;
	padding:20px;
	font-size:121%;
	text-align:center;
	font-weight:bold;
}
.supportList li span:before{
	content:url(../service/service07/images/list_gr.gif);
	vertical-align:middle;
	margin-right:10px;
}

.supportLink{
	clear:both;
	text-align:right;
	padding-top:15px;
}
.supportLink a{
	color:#00a33e;
    text-decoration: none;
}
.supportLink a:hover{
    text-decoration: underline;
}
.detailList{
	margin-left:-2%;
	margin-bottom:60px;
}
.detailList li{
	float:left;
	width:48%;
	margin-left:2%;
	display:inline;
}

#recQA dl{
	border:3px solid #00a33e;
	margin-bottom:20px;
}

#recQA dl dt{
	font-size:140%;
	font-weight:bold;
	padding:30px 20px 10px 75px;
	min-height:48px;
	background:url(../service/service09/images/q.gif) no-repeat 20px 20px;
	border-bottom:1px dotted #00a33e;
}

#recQA dl dd{
	padding:20px;
	padding:20px 20px 20px 75px;
	min-height:48px;
	background:url(../service/service09/images/a.gif) no-repeat 20px 20px;
}

@media screen and (max-width: 759px) {

.resourceList{
	padding-top:40px;
	margin-bottom:20px;
	text-align:center;
}

.resourceList li{
	width:45%;
	display:inline-block;
	margin: 0 2% 3%
}
.resourceList li img{
	width:100%;
	height:auto;
}

.supportList{
	margin-left:0;
}
.supportList li{
	float:none;
	width:100%;
	margin-left:0;
	display:block;
	margin-bottom:10px;
}

.detailList{
	margin-left:0;
}
.detailList li{
	float:none;
	width:100%;
	margin-left:0;
	display:block;
	margin-bottom:10px;
}

}




/*

採用詳細ページ

*/
.recruitTable{
	width:100%;
	font-size:92%;
	margin-bottom:30px;
	border-collapse:collapse;
}
.recruitTable tr th{
	white-space:nowrap;
	background:#eee;
	padding:2%;
	border:1px solid #ccc;
	min-width:130px;
}
.recruitTable tr td{
	padding:2%;
	border:1px solid #ccc;
}

.convLink{
	width:300px;
	padding-top:60px;
	margin:0 auto;
}

@media screen and (max-width: 759px) {
.recruitTable tr th{
	float:left;
	width:92%;
	padding:4%;
	display:inline;
	border-bottom:0;
	min-width: inherit;
}
.recruitTable tr td{
	float:left;
	padding:4%;
	width:92%;
	display:inline;
	border-bottom:0;
}
.recruitTable tr:last-child td{
	border-bottom:1px solid #ccc;
}
}