@charset "utf-8";

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

.contents{font-size: 13px; width: 92%; margin: 0 auto;}
.hisu{font-size: 8px; color: #f00;}
.form dl{border-bottom:1px solid #bbb;}   
.form dt{width: 100%; padding-top: 14px; line-height: 1.2em;}
.form dd{width: 85%; margin-left: 14%;}
.spaceL{width:95% ;}
.spaceM{width:95% ;}
.spaceS{width:25% ; padding: 0 !important;}
.form textarea{width:95%;}
.form dl dd{padding: 0 0 12px; line-height: 1.6em;}
.output{text-align: center; margin: 16px 0;}
/* conf・error用 */      
.config{padding: 10px 0; font-size: 11px;} 
.cell dt{width: 100%;}    
.cell dd{width: 90%; } 

/* content */
.recruit {width: 86%; margin: 0 0 40px 11%; font-size: 3.6vw; line-height: 1.8;}  
.recruit_yoko  {width: 86%; margin: 0 0 40px 11%; font-size: 3.6vw; line-height: 1.8;}  
.recruit_yoko th {text-align: center; font-weight: normal; padding: 16px 0.3em; border-bottom:1px solid #aaa; vertical-align: top; background-color: #f5deb3;} 
.recruit_yoko td {padding: 16px 1em; border-bottom:1px solid #aaa; vertical-align: top; line-height: 1.8} 
.next_form{width: 8em; text-align: center; background-color: #ffd700; margin: 20px auto; font-size: 18px; font-weight: bold; }
.next_form a{ color: #f00 !important;} 



		
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.contents{font-size: 14px; width: 80%; margin: 0 auto;}
.hisu{font-size: 10px; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb;}   
.form dt{width: 30%; float: left; text-align: right; padding-top: 14px; line-height: 1.6em;}
.form dd{width: 68%; float: right;}
.spaceL{width:95% ;}
.spaceM{width:70% ;}
.spaceS{width:18% ; padding: 0 !important;}
.form textarea{width:95%;}
.form dl dd{padding: 12px 0; line-height: 1.6em;}
.output{text-align: center; margin: 20px 0;}
/* conf・error用 */   
.config{width: 480px; padding: 20px 2%; border:1px solid red; margin: 120px auto;
	font-size: 13px;;}   
.cell {overflow: hidden; }      
.cell dt{width: 24%; float: left; }    
.cell dd{width: 66%; float: right; } 

/* content */
.recruit {width: 92%; margin: 0 0 40px 8%; font-size: 2vw; line-height: 1.8;}  
.recruit_yoko  {width: 88%; margin: 0 0 40px 8%; font-size: 2vw; line-height: 1.8;}  
.recruit_yoko th {text-align: center; font-weight: normal; padding: 16px 2em; border-bottom:1px solid #aaa; vertical-align: top;} 
.recruit_yoko td {padding: 16px 1em; border-bottom:1px solid #aaa; vertical-align: top; line-height: 1.8} 
.next_form{width: 8em; text-align: center; background-color: #ffd700; margin: 20px auto; font-size: 18px; font-weight: bold; }
.next_form a{ color: #f00 !important;} 

    	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	

    /* フォーム */
.contents{font-size: 14px; width: 640px; margin: 0 auto;}
.hisu{font-size: 10px; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb;}   
.form dt{width: 30%; float: left; text-align: right; padding-top: 14px; line-height: 1.6em;}
.form dd{width: 68%; float: right;}
.spaceL{width:90% ;}
.spaceM{width:55% ;}
.spaceS{width:18% ; padding: 0 !important;}
.form textarea{width:90%;}
.form dl dd{padding: 12px 0; line-height: 1.6em;}
.output{text-align: center; margin: 20px 0;}
/* conf・error用 */   
.config{width: 480px; padding: 20px 2%; border:1px solid red; margin: 120px auto;}   
.cell {overflow: hidden; }      
.cell dt{width: 24%; float: left; }    
.cell dd{width: 66%; float: right; }   
    
/* content */
.recruit {width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}       
.lead{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}      
.lead img{width: 240px; }     
.recruit_yoko{margin-left: 120px;}    
.recruit_yoko th {text-align: center; font-weight: normal; padding: 16px 2em; border-bottom:1px solid #aaa; vertical-align: top;} 
.recruit_yoko td {padding: 16px 1em; border-bottom:1px solid #aaa; vertical-align: top; line-height: 1.8}     
    
.next_form{width: 8em; text-align: center; background-color: #ffd700; margin: 20px auto; font-size: 18px; font-weight: bold; }
.next_form a{ color: #f00 !important;} 
    
}