@charset "utf-8";

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

/* main  */ 
.catchcopy{font-size: 3.5vw; font-weight: 500; color: #4169e1; line-height: 1.3; 
    margin-bottom: 8px; padding-left: 3%;}
.techo{ padding: 0 3% 16px 2%; margin-bottom: 16px; border-bottom:1px dashed #008000;}
.techo_pict{width: 50%;  margin: 0 auto;}
.techo_pict img{width: 100%; } 
.techo_copy{width: 92%; line-height: 1.6; font-size: 3vw; margin: 0 auto;} 
.riyou{width: 94%; margin: 0 0 16px 2%;  font-size: 2.8vw;}   
.riyou p{font-size: 3.5vw; font-weight: 500; color: #4169e1; margin-bottom: 3px;}      
.riyou ul{line-height: 1.5; padding-left: 5%; margin-bottom: 20px;}  
.naiyo {width: 94%; margin: 0 0 16px 2%;  font-size: 2.8vw;}       
.naiyo p{font-size: 3.5vw; font-weight: 500; color: #4169e1; margin-bottom: 3px;}      
.naiyo ul {line-height: 1.5; padding-left: 5%; margin-bottom: 20px;}        
.neiyo_pict{width: 50%; margin: 0 auto;}
.neiyo_pict img{width: 100%;}
.e-techo {width: 96%; margin: 0 auto 20px; }     
.e-techo_pict{width: 60%; margin: 0 auto;}
.e-techo_pict img{width: 100%; }     
.e-techo_copy{width: 90%; line-height: 1.5; font-size: 2.8vw; margin: 0 auto;
    margin-bottom: 20px;}         
.e-techo_copy dt{font-size: 3.2vw; font-weight: 500; line-height: 1.8; color: #4169e1;}     
.e-techo_copy dd{font-weight: bold; line-height: 1.4; margin: 0 4% 20px 4%;} 
.e-techo_copy dd p{ font-weight: normal; line-height: 1.4; padding-left: 4%; } 

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

/* main  */ 
.catchcopy{font-size: 2.7vw; font-weight: 500; color: #4169e1; line-height: 1.3; 
    margin-bottom: 8px;}
.techo{overflow: hidden; padding: 0 3% 16px 2%; margin-bottom: 16px;
    border-bottom:1px dashed #008000;}
.techo_pict{width: 30%; float: left; }
.techo_pict img{width: 100%; } 
.techo_copy{width: 68%; float: right; line-height: 1.6; font-size: 1.9vw;} 
.riyou{width: 94%; margin: 0 0 16px 2%; }   
.riyou p{font-size: 2.6vw; font-weight: 500; color: #4169e1; margin-bottom: 8px;}      
.riyou ul{line-height: 1.5; padding-left: 3.8%; margin-bottom: 20px;}  
.naiyo {width: 94%; margin: 0 0 16px 2%; font-size: 1.9vw;}       
.naiyo p{font-size: 2.6vw; font-weight: 500; color: #4169e1; margin-bottom: 8px;}       
.naiyo ul {line-height: 1.5; padding-left: 3.8%; margin-bottom: 20px; 
    font-size: 1.9vw;}        
.neiyo_pict{width: 70%; margin: 0 auto;}
.neiyo_pict img{width: 100%;}
.e-techo{width: 90%; margin-bottom: 20px; padding: 0 auto 30px;}    
.e-techo_pict{width: 40%; margin: 0 auto;}
.e-techo_pict img{width: 100%; }     
.e-techo_copy{width: 90%; line-height: 1.5; font-size: 1.8vw; margin: 0 auto;
    margin-bottom: 20px;}         
.e-techo_copy dt{font-size: 2.2vw; font-weight: 500; line-height: 1.8; color: #4169e1;}     
.e-techo_copy dd{font-weight: bold; line-height: 1.4; margin: 0 4% 20px 4%;} 
.e-techo_copy dd p{ font-weight: normal; line-height: 1.4; padding-left: 4%; }      
	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */ 
.catchcopy{font-size: 20px; font-weight: 500; color: #4169e1;
    margin: 0 0 16px 24px; line-height: 1.3;}
.techo{overflow: hidden; width: 720px; margin: 0 0 30px 40px;  padding: 0 0 24px 30px;
    border-bottom:1px dashed #008000;}
.techo_pict{width: 20%; float: left; }
.techo_pict img{width: 100%; } 
.techo_copy{width: 76%; float: right; line-height: 1.8;}      
.riyou{width: 720px; margin: 0 0 30px 70px; }   
.riyou p{font-size: 16px; font-weight: 500; color:  #4169e1; margin-bottom: 8px;}      
.riyou ul{line-height: 1.5; padding-left: 20px; margin-bottom: 38px;}     
.naiyo{overflow: hidden; width: 720px; margin: 0 0 30px 70px; }   
.naiyo p{font-size: 16px; font-weight: 500; color:  #4169e1; margin-bottom: 8px;}    
.naiyo ul{line-height: 1.5; padding-left: 20px; margin-bottom: 38px; float: left;}     .neiyo_pict{width: 280px; float: right; }    
.neiyo_pict img{width: 100%;}  

/* e-手帳　*/
.e-techo{overflow: hidden; width: 720px; margin: 0 0 30px 40px;  padding: 0 0 24px 30px;
    border-bottom:1px dashed #008000;}
.e-techo_pict{width: 38%; float: left; }
.e-techo_pict img{width: 100%; } 
.e-techo_copy{width: 58%; float: right; line-height: 1.6;}      
.e-techo_copy dt{font-size: 16px; font-weight: 500; line-height: 1.8; color: #4169e1;}     
.e-techo_copy dd{font-weight: bold; line-height: 1.4; margin: 0 0 20px 20px;} 
.e-techo_copy dd p{ font-weight: normal; line-height: 1.4; padding-left: 20px; }     
    
    
    
}