@charset "utf-8";
/* CSS Document */


@media screen and (min-width:768px){
/*----------------------------------------------------------------------

PC Style

----------------------------------------------------------------------*/

#top_img h1 {
	background:url(../../recruit/images/h1.jpg) no-repeat;
}

p.catch_txt {
	text-align:center;
	margin-bottom:30px;
	line-height:1.6;
}

#main section {
	width:890px;
	margin:0 auto;
	padding:50px 100px;
	border:solid 5px #DDD;
	background:#FFF;
}

#main section h2 {
	padding-left: 15px;
	border-left: solid 7px #7FCCE3;
	line-height: 1.1em;
}

#main section dl {
	margin:40px auto 0;
	border-bottom:dashed 2px #CCC;
}

#main section dl dt {
	padding-left:120px;
   	display: block;
	width: 120px;
	clear: left;
	float: left;
   	border-top:dashed 2px #CCC;
   	padding-top:10px;
	padding-bottom:10px;
	font-weight:700;
}

#main section dl dd {
	display: block;
	width:650px;
	float: left;
  	border-top:dashed 2px #CCC;
   	padding-top:10px;
	padding-bottom:10px;
}

	
}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/


#top_img h1 {
	background:url(../../recruit/images/h1.jpg) no-repeat center;
	background-size:cover;
}

p.catch_txt {
	width:90%;
	margin:0 auto 30px;
	text-align:center;
	line-height:1.6;
}

section {
	width:80%;
	margin:0 auto 30px auto;
	padding:30px 5%;
	border:solid 5px #DDD;
	background:#FFF;
}

section h2 {
	padding-left: 15px;
	border-left: solid 7px #7FCCE3;
	line-height: 1.1em;
}

section dl {
	margin:20px auto 0;
	border-bottom:dashed 2px #CCC;
}
section dl dt {
   	border-top:dashed 2px #CCC;
   	padding-top:10px;
	font-weight:700;
}

section dl dd {
	padding-bottom:10px;
	padding-left:10px;
}






}