@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.approach{width: 88%; margin: 0 auto; font-size: 4vw; line-height: 1.6;}   
.approach ul{width: 84%; margin: 20px auto; font-size: 4.2vw; line-height: 1.4; color: #F15A24; }     
.approach li{padding-bottom: 8px;}    
.approach_img{width: 88%; margin: 10px auto; }   
 


  

    
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
    
.approach{width: 84%; margin: 0 auto; font-size: 2vw; line-height: 1.5;}   
.approach ul{width: 74%; margin: 20px auto; font-size: 2.2vw; line-height: 1.4; color: #F15A24; }     
.approach li{padding-bottom: 16px;}    
.approach_img{width: 36%; margin: 30px auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.4); }   
.approach_img img{ margin: 0; padding: 0; vertical-align: bottom;}     
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
.approach{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}   
.approach ul{margin: 16px 0 24px 60px; width: 720px; font-size: 18px; line-height: 1.4; color: #F15A24; } 
.approach li{padding-bottom: 16px;}    
.approach_img{width: 360px; margin: 60px auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.4); }   
.approach_img img{ margin: 0; padding: 0; vertical-align: bottom;}   
    }