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

 img{
	   margin:0;
	   padding:0;
	   line-height:0;
   }
    div{
	   margin:0;
	   padding:0;
	   line-height:0;
   }
   
   
 
#recruit .bl{
	width:100%;
	background-color:#e6f3fe;
	
}

#recruit .yl{
	width:100%;
	background-color:#fbfaf0;
	
}

.pt10{
	padding-top:10px;
}


.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pb-10{
	padding-bottom:10px;
}


.pb-20{
	padding-bottom:20px;
}

.pb-15{
	padding-bottom:15px;
}
  

#recruit {
	text-align:center;
}

#recruit .catch{
	width:90%;
	text-align:left;
	margin:20px auto 20px auto;
}

#recruit .catch img{
	margin-left:10px;
}

#recruit .contents{
	width:90%;
	border:2px solid #333;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	margin:0 auto;
}



#recruit .section{
	width:90%;
	margin:10px auto 0 auto;
}




#recruit .main{
	margin:10px auto;
	width:100%;
}

#recruit .main img{
	margin:10px auto;
	width:100%;
}




#recruit h3{
	width:90%;
	margin:0 auto;
	border-radius: 30px;
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px;
}

#recruit h3 img{
	padding-top:10px;
	padding-bottom:10px;
}

#recruit p{
	margin:10px auto 0 auto;
	width:90%;
	font-size:14px;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
}

#recruit p.notes{
	margin:10px auto 0 auto;
	width:90%;
	font-size:12px;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
}

#recruit .schedule{
	width:90%;
	margin:0 auto;
	padding-bottom:5px;
	background-color:#fff;
	text-align:left;
}



#recruit h4{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding:15px;
	margin:5px auto 0 auto;	
}



#recruit .schedule .year{
	font-size:12px;
	margin-top:18px;
	margin-left:10px;
}

#recruit .schedule .notes{
	margin:15px 10px;
}

#recruit h3.space{
	margin-top:15px;
}

#recruit .schedule dl{
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
}

#recruit .schedule dl dt{
	float:left;
	
	line-height:150%;
	font-weight:bold;
	margin-bottom:5px;
	
}

#recruit .schedule dl dd{
	_height: 1%; /* Hack for Win IE6 */
	line-height:150%;
	margin-left:36px;
	margin-bottom:5px;

	
}

#recruit .btn{
	margin-top:10px;
	margin-bottom:10px;
}









/*green*/


#recruit.seminar01 h4{
	background-image:url(../img/index_bg_01.png);
	
}



/*blue*/

#recruit.seminar02 h4{
	background-image:url(../img/index_bg_02.png);
	
}

/*darkblue*/

#recruit.seminar03 h4{
	background-image:url(../img/index_bg_03.png);
	
}

/*yellow*/

#recruit.seminar04 h4{
	background-image:url(../img/index_bg_04.png);
	
}

/*pink*/


#recruit.seminar05 h4{
	background-image:url(../img/index_bg_05.png);
	
}


/*purple*/


#recruit.seminar06 h4{
	background-image:url(../img/index_bg_06.png);
	
}


/*sec*/

#recruit .section-sec{
	width:90%;
	margin:10px auto 40px auto;
}

#recruit .section-sec .w{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}




#recruit h4.midashi{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding:15px;
	margin:5px auto 0 auto;	
	width:90%;
	border-radius: 20px;
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px;
	background-image:none;
}

#recruit h4.midashi img{
	vertical-align:-2px;
	margin-right:10px;
}

#recruit.seminar01 h4.midashi{
	background-color:#1e8f86;
	width:90%;
}

#recruit.seminar02 h4.midashi{
	background-color:#1fa3d9;
	width:90%;
}

#recruit.seminar03 h4.midashi{
	background-color:#174cab;
	width:90%;
}

#recruit.seminar04 h4.midashi{
	background-color:#fca722;
	width:90%;
}

#recruit.seminar05 h4.midashi{
	background-color:#f55691;
	width:90%;
}


#recruit.seminar06 h4.midashi{	
	background-color:#9f1aa1;
	width:90%;
}

#recruit h5{
	margin:10px auto 0 auto;
	text-align:left;
	

}

#recruit h5 img{
	text-align:left;
}

#recruit .schedule h5{
	text-align:left;
	width:100%;
	margin:0 auto;
}

#recruit .schedule h5 img{
	
}


/*report*/

#recruit .seminar-report-img{
	padding-top:10px;
	padding-bottom:10px;
}

#recruit.seminar05 .seminar-report-img{
	padding-top:20px;
	padding-bottom:0px;
}



#recruit.report h4.midashi-report{
	width:90%;
	font-size:14px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	margin:5px auto 0 auto;	
	
	
}


#recruit.report h4.midashi-report div{
	padding-left:65px;
	text-align:left;
	line-height:1.5;
}


#recruit.report.seminar01 h4.midashi-report{
   color:#1e8f86;
    border-top:1px solid #1e8f86;
	border-bottom:1px solid #1e8f86;
	background-color:#e8f4f3;
	background-image:none;
}

#recruit.report.seminar02 h4.midashi-report{
   color:#1fa3d9;
    border-top:1px solid #1fa3d9;
	border-bottom:1px solid #1fa3d9;
	background-color:#f4fafd;
	background-image:none;
}

#recruit.report.seminar04 h4.midashi-report{
   color:#174cab;
    border-top:1px solid #174cab;
	border-bottom:1px solid #174cab;
	background-color:#eef4fe;
	background-image:none;
}

#recruit.report.seminar05 h4.midashi-report{
   color:#f55691;
    border-top:1px solid #f55691;
	border-bottom:1px solid #f55691;
	background-color:#fef6f9;
	background-image:none;
}



#recruit.report .step{
	width:100%;
	height:100px;
	position:relative;
}

#recruit.report .step h4{
	position: absolute;
	top: 10px;
	line-height: 1.5;
	left: -1px;
}

#recruit.report .step .ico-step{	
	position:absolute;
	top:0;
	left:5px;
	z-index:2;
}


#recruit.report .step .ico-photoreport{	
	position:absolute;
	top:0;
	left:5px;
	z-index:2;
}

#recruit.report .step.space{
	margin-top:20px;
}


#recruit.report h4.midashi-report div.photoreport{
	padding-left:120px;
	text-align:left;
	line-height:1.5;
}

#recruit.report h4.midashi-report div.realvoice{
	padding-left:105px;
	text-align:left;
	line-height:1.5;
}

#recruit.report h5{
	background-position:left top;
	
	text-indent:-99999px;
	width:90%;
	
	border-radius: 20px;
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px;
	}
	
#recruit.report h5.ttl01{
	background:url(../seminar01/img/seminar1_report_bg_ttl01.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}

#recruit.report h5.ttl02{
	background:url(../seminar01/img/seminar1_report_bg_ttl02.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}
	
#recruit.report h5.ttl03{
	background:url(../seminar01/img/seminar1_report_bg_ttl03.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}
	
#recruit.report.seminar02 h5.ttl01{
	background:url(../seminar02/img/seminar2_report_bg_ttl01.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}

#recruit.report.seminar02 h5.ttl02{
	background:url(../seminar02/img/seminar2_report_bg_ttl02.jpg) no-repeat;
	background-size:320px 42px;
	height:42px;
	}
	
#recruit.report.seminar02 h5.ttl03{
	background:url(../seminar02/img/seminar2_report_bg_ttl03.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}
	
	#recruit.report.seminar04 h5.ttl01{
	background:url(../seminar04/img/seminar4_report_bg_ttl01.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}

#recruit.report.seminar04 h5.ttl02{
	background:url(../seminar04/img/seminar4_report_bg_ttl02.jpg) no-repeat;
	background-size:320px 42px;
	height:42px;
	}
	
#recruit.report.seminar04 h5.ttl03{
	background:url(../seminar04/img/seminar4_report_bg_ttl03.jpg) no-repeat;
	background-size:320px 30px;
	height:30px;
	}

	
	
#recruit.report .point{
	margin-top:40px;
	margin-bottom:10px;
	position:relative;
	padding-top:40px;
	padding-bottom:10px;
}

#recruit.report .point .ico{
	position:absolute;
	top:-30px;
	left:10px;
}


#recruit.report.seminar01 .point{
   background-color:#e8f4f3;
}

#recruit.report.seminar02 .point{
   background-color:#f4fafd;
}

#recruit.report.seminar04 .point{
   background-color:#eef4fe;
}

#recruit.report.seminar05 .point{
   background-color:#fdedf3;
}



#recruit.report .photoreport-contentns{
	margin-top:20px;
}

#recruit.report .interview{
	width:90%;
	margin:0 auto;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#recruit.report .interview.fukidashi01{
	background:url(../seminar01/img/seminar1_report_fukidashi.png) no-repeat;
	background-size:40px 32px;
}

#recruit.report .interview.fukidashi02{
	background:url(../seminar01/img/seminar1_report_fukidashi02.png) no-repeat;
	background-size:46px 33px;
}

#recruit.report .interview.fukidashi03{
	background:url(../seminar01/img/seminar1_report_fukidashi03.png) no-repeat;
	background-size:40px 32px;
}



#recruit.report .interview div{
	padding-left:40px;
}


#recruit .nav-back{
	padding-top:30px;
	padding-bottom:30px;
}


#recruit .nav-back img{
	vertical-align:-5px;
	
}

#recruit.report .jinji{
	margin:0 auto;
}

#recruit.report .pt20{
	padding-top:20px;
}

#recruit.report .pt10{
	padding-top:10px;
}
#recruit.report .mt60{
	margin-top:60px;
}

#recruit.report .mb20{
	margin-bottom:20px;
}