@charset "utf-8";

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

/* main  */ 
.q-a_lead { border-bottom:1px dashed #008000; margin-bottom: 18px;}
.q-a_lead_L{width: 92%; padding: 0 4%; font-size: 4vw; font-weight: 500;
    color: #4169e1; line-height: 1.4;} 
.q-a_lead_L p{ font-size: 3.2vw; line-height: 1.4; 
    font-weight: normal; color: #222;}
.q-a_lead_R{width: 50%; margin: 8px auto 16px; }    
.q-a_lead_R img{width: 100%; }      

.q-a{width: 94%; margin: 0 auto ; }
    
label { display: block; margin: 10px 0;} 
input[type="checkbox"].on-off{ display: none;} 
.menu ul {transition: all 0.1s; margin: 0; padding: 0; list-style: none;} 
input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;} 
input[type="checkbox"].on-off:checked + ul{height: auto; } 
    
.q-a ul{font-size: 2.8vw; width: 94%; margin-left: 3%;}    
.aq_title { font-size:3.2vw; color: #4169e1; font-weight: 500;}  
.close {text-align: center; color: #00f; padding-top: 16px;}   
	
	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

/* main  */ 
.q-a_lead { border-bottom:1px dashed #008000; margin-bottom: 18px;}
.q-a_lead_L{width: 92%; padding: 0 4%; font-size: 2.2vw; font-weight: 500;
    color: #4169e1; line-height: 1.4;} 
.q-a_lead_L p{ font-size: 1.8vw; line-height: 1.4; 
    font-weight: normal; color: #222;}
.q-a_lead_R{width: 40%; margin: 0 auto 16px; }    
.q-a_lead_R img{width: 100%; }      

.q-a{width: 94%; margin: 0 auto ; }
    
label { display: block; margin: 10px 0;} 
input[type="checkbox"].on-off{ display: none;} 
.menu ul {transition: all 0.1s; margin: 0; padding: 0; list-style: none;} 
input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;} 
input[type="checkbox"].on-off:checked + ul{height: auto; } 
    
.q-a ul{font-size: 1.6vw; width: 96%; margin-left: 3%;}    
.aq_title { font-size:2vw; color: #4169e1; font-weight: 500;}  
.close {text-align: center; color: #00f; padding-top: 16px;}     

    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */ 
.q-a_lead {width: 810px; margin: 0 30px 28px 20px; overflow: hidden; 
    border-bottom:1px dashed #008000;}
.q-a_lead_L{width: 70%; float: left; font-size: 28px; font-weight: 500;
    color: #4169e1; line-height: 1.4;} 
.q-a_lead_L p{padding: 16px 0 24px 30px; font-size: 14px; line-height: 1.4; 
    font-weight: normal;
    color: #222;}    
.q-a_lead_R{width: 27%; float: right;}    
.q-a_lead_R img{width: 100%; }  
    
.q-a{width: 810px; margin: 0 30px 28px 20px; }    
    
label { padding: 0 0 8px 25px; display: block; margin: 10px 0;} 
input[type="checkbox"].on-off{ display: none;} 
.menu ul {transition: all 0.1s; margin: 0; padding: 0; list-style: none;} 
input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;} 
input[type="checkbox"].on-off:checked + ul{height: auto; }

.q-a ul{font-size: 14px; width: 700px; margin-left: 50px;}    
.aq_title { font-size:20px; color: #4169e1; font-weight: 500;}  
.close {text-align: center; color: #4169e1; padding-top: 16px;}  
    
    
    
    
    
    
}