@charset "utf-8";

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

.contents{font-size: 3.6vw; 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 */
.lead{width: 90%; margin: 0 0 40px 7%; font-size:3.6vw; line-height: 1.8;}       
.lead img{width: 60%; margin-left: 15%;} 

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

.contents{font-size: 2vw; 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 */
.lead{width: 90%; margin: 0 0 40px 7%; font-size: 2vw; line-height: 1.8;}       
.lead img{width: 40%; margin-left: 25%;}      
    	
}/* 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 */
.lead{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}       
.lead img{width: 240px; }     
    
    
}