@charset "utf-8";

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

.title { font-size: 3.4vw; font-weight: normal; color: #4169e1; margin: 0px 0px 10px 3%;}    
.form{width: 90%;  margin: 0 auto;}
.hisu{font-size: 2vw; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb; padding: 8px 0;}   
.form dt{width: 33%; float: left; text-align: right; line-height: 1.6em; font-size: 2.8vw;}
.form dd{width: 65%; float: right; font-size: 2.8vw;}	
.spaceL{width:90% ;}
.spaceM{width:55% ;}
.spaceS{width:18% ; padding: 0 !important;}
.form textarea{width:90%;}
.output{text-align: center; margin: 20px 0;}  
.lead{font-size: 1.2em;text-align: center; margin: 40px auto;line-height: 1.8em;}   
    
	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.title { font-size: 2.2vw; font-weight: normal; color: #4169e1; margin: 0px 0px 10px 3%;}    
.form{width: 90%;  margin: 0 auto;}
.hisu{font-size: 1.2vw; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb; padding: 12px 0;}   
.form dt{width: 28%; float: left; text-align: right; line-height: 1.6em; font-size: 1.6vw;}
.form dd{width: 70%; float: right; font-size: 1.6vw;}	
.spaceL{width:90% ;}
.spaceM{width:55% ;}
.spaceS{width:18% ; padding: 0 !important;}
.form textarea{width:90%;}
.output{text-align: center; margin: 20px 0;}    
.lead{font-size: 1.2em;text-align: center; margin: 40px auto;line-height: 1.8em;}   
   
}
/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	

.title { font-size: 18px; font-weight: normal; color: #4169e1; height: 16px; width: 600px;
	margin: 0px 0px 10px 30px;}
.form{width: 60%;  margin-left: 22%;}  
.hisu{font-size: 10px; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb;}   
.form dt{width: 33%; float: left; text-align: right; padding-top: 14px; line-height: 1.6em;}
.form dd{width: 65%; 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;}
 
 .lead{font-size: 1.2em;text-align: center; margin: 140px auto;line-height: 2.4em;}   
    
}