/*-----LP201408あなたの能力を評価[iwata wrote]-----*/

@import url("reset.css");

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
}
.boxInner{
	width:980px;
	margin:0 auto;
	}



.description_area p,
.description_area h1{
    width:970px;
    margin:3px auto;
    text-align: left;
    font-size: 11px;
    color: gray
}

#header_gray{
	background: url(../img/head_bg.jpg) repeat-x ;
	height:78px;
	width:100%;
}
	#header_gray .boxInner img{float:right; margin-top:11px;}
	#header_gray .boxInner h1 img{ float:left; margin-top:6px;}

#mainWrap{
	height: 435px;
	text-align: center;
	background:url(../img/mainvisual_gra.jpg) repeat-x; 
}
#mainVisual{
	height: 435px;
	text-align: center;
	background:url(../img/mainvisual_bg_kansai.jpg) center no-repeat; 
}

#mainVisual .btn {
    height: 435px;
    position: relative;
}

#mainVisual .btn img {
    /*width: 254px;
    height: 89px;*/
	display: inline-block;
    position: absolute;
   /* bottom: 85px;*/
	bottom:66px;
    right: 0;
	width:29%;
}

#mainVisual_doboku{
	height: 435px;
	text-align: center;
	background:url(../img/mainvisual_bg_doboku.jpg) center no-repeat; 
}

.contactSet{
	height: 252px;
	background:url(../img/contact_bg.jpg) repeat-x; 
}
	.contactSet img.lead{margin-top: 25px;}
	.contactSet div.telBox{
		background:url(../img/contact_line.gif) top repeat-x; 
		margin-top: 14px;
		padding-top: 23px;
		width: 980px;
	}
	.contactSet .telBtn{
		float: left;
	}
	.contactSet .contactBtn{
		float: right;
		margin-top: 3px;
	}
.contactSetNoTel{
	height: 150px;
	background:url(../img/contact_bg.jpg) bottom repeat-x; 
}
	.contactSetNoTel img.lead{margin-top: 25px;}
	.contactSetNoTel div.telBox{
		margin-top: 14px;
		padding-top: 23px;
		width: 980px;
	}
	.contactSetNoTel .telBtn{
		float: left;
	}
	.contactSetNoTel .contactBtn{
		float: right;
		margin-top: 30px;
	}
#header_money {
	background:url(../img/bg.gif) top repeat-x;
}
#header_money .boxInner img {
	margin: 30px 0 25px;
}
#header_money .boxInner img.ttl {
	margin-bottom: 0;
}
#promise7{
	background:url(../img/promise7_bg.gif) top repeat-x; 
}

#promise7 ul{
	margin-bottom: 40px;
}
	#promise7 ul li{
		width: 980px;
		list-style: none;
		padding: 8px 0;
		border-bottom: 1px solid #d2d2d2;
	}
	#promise7 ul li:last-child{
		border-bottom: none;
	}


#voice_recruiter{
	background: #f8f8f8;
	border-top:#dcdcdc 1px solid;
	border-bottom:#dcdcdc 1px solid;
	padding:30px 0;
}
	.recruiterBox{
		width: 950px;
		background: #f5fdff;
		border: #003882 5px solid;
		padding: 10px;
		margin-bottom: 6px;
	}
	.recruiterBox .rectuiterTxt{width: 810px;}
	.recruiterName{
		text-align: right;
		font-weight: bold;
		padding-top: 16px;
	}
	.floatL{float: left;}
	.floatR{float: right;}


#create{
	padding:45px 0 60px 0;

}



#reason{
	background:url(../img/promise7_bg.gif) top repeat-x;
}
	#reason h2{margin-bottom: 34px;}
	
	.reasonBox{
		margin-bottom: 70px;
	}
		.reasonBox.reason3{margin-bottom: 50px;}
	.reasonBox h3{margin-bottom: 20px;}
	.reasonBox h4{margin-bottom: 14px;}
	.reasonLead{
		width: 980px;
		margin-bottom: 20px;
	}
		.reasonLead p{
			float: left;
			width: 750px;
		}
		.reasonLead2 p{
			float: left;
			width: 780px;
		}
		.reasonLead img{
			float: right;
		}

#stepUp{width: 980px; margin-bottom: 18px;}
	#stepUp img{float: left;}
	#stepUp img:first-child{margin-right: 36px;}
	#stepUp img.lastImg{float: right;}



.voice_company{
	width: 952px;
	background: url(../img/voice_company_btm.png) top left no-repeat;
	margin-bottom: 14px;
}
.voice_company.right{
	background-position: top right;
	margin-left: 28px;
}
.voice_company div{
	background: url(../img/voice_company_btmr.gif) bottom no-repeat;
	padding: 20px 60px 20px 30px;
}
.voice_company.right div{
	background: url(../img/voice_company_btml.gif) bottom no-repeat;
	padding: 20px 30px 20px 60px;
}
	.companyName{
		text-align: right;
		font-weight: bold;
		color: #003882;
	}



.advVoice{
	width: 980px;
	margin:0 auto;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-top: 27px;
}
	.advVoice.adv1st{
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	.advVoice div{
		width: 808px;
	}	
	.advVoice div img{margin-bottom: 5px;}
	.advName{text-align: right; font-weight: bold;}

.advVoice .ad_ttl {background: #666666; padding: 4px 6px; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 0.1em;}

#newJob{
	width: 980px;
	/*margin:70px auto 0 auto;;*/
    margin:0 auto;    
}
#newJob p.kousin{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .5rem;
}
	#newJob div{
		border:5px solid #e5e5e5;
		overflow-y:scroll;
		height: 290px;
		display: block;
		padding: 10px;
        background: #ffffff;
	}
/*	#newJob div .jobName{
		color:#003882;
		font-weight: bold;
		margin-top: 20px;
	}

	#newJob div .jobName:first-child{margin-top: 0;}*/

#newJob div .cap{
		color:#003882;
		font-weight: bold;
	margin-top: 20px;}

	#newJob div .cap:first-child{margin-top: 0;}


#flow{margin-top: 50px;}
	.flowAtt{font-size: 12px;}
	span.attention{color: #ff0000;}

	#flow table{
		background: #edf6fc;
		border:1px solid #ccc;
		width: 100%;
		margin-bottom: 22px;
	}
		#flow table th{
			vertical-align: middle;
			color: #003882;
			font-weight: bold;
			padding-left: 10px;	
		}
		#flow table td{
			padding:10px;
		}

#qa{
	margin-top: 60px;
}
	#qa dl{
		width: 920px;
		margin:0 auto 40px auto;
		padding: 20px;
		background: #edf6fc;
		border:#d2d2d2 1px solid;
		-webkit-box-shadow: 0 0 3px 0 #ccc; /* Safari, Chrome用 */
		-moz-box-shadow: 0 0 3px 0 #ccc; /* Firefox用 */
		box-shadow: 0 0 3px 0 #ccc; /* CSS3 */
	}
		#qa dt{
			background: url(../img/qa_q.gif) left top no-repeat;
			padding-left: 34px;
			font-weight: bold;
			font-size:16px;
			color: #003882;
			line-height: 24px;
			margin-bottom: 10px;
		}
		#qa dd{
			background: url(../img/qa_a.gif) left top no-repeat;
			padding-left: 24px;
			margin-bottom: 26px;
			margin-left:30px;
		}
		#qa dd:last-child{margin-bottom: 0;}

#access{
	background: #f8f8f8;
	border-top:#dcdcdc 1px solid;
	padding:50px 0;
}
	#access .clearfix{width: 980px;}
	#access table{
		width: 650px;
	}
			#access table th,#access table td{
						border:1px solid #ddd;
						padding: 12px 20px;
						font-size: 12px;
						box-sizing: border-box;
					}
			#access table th{
				vertical-align: middle;
				color: #FFF;
				background:#888;
				width:20%;
				}
			#access table td{
				background: #fff;
				width:80%;
				}
			.accessWay{
				font-weight: bold;
				color: #003882;
				font-size: 14px;
			}
	#access .floatR{
		width: 300px;
	}
		#access .floatR iframe{
			padding:2px;
			background: #ddd;
		}

/*2017-12-04 a.kamada*/
#access span.area {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}



#copy{
	background: #757575;
	text-align: center;
	padding: 5px;
	font-size: 11px;
}
	#copy a{color: #fff;}


.mB10{margin-bottom: 10px;}
.mB14{margin-bottom: 14px;}
.mB20{margin-bottom: 20px;}
.mB30{margin-bottom: 30px;}
.mB40{margin-bottom: 40px;}