@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.lead{width: 92%; margin: 0 0 0 5%; font-size: 3.6vw; line-height: 1.6;}
.time_line{width: 90%; margin: 0 0 16px 5%; font-size: 3.4vw; line-height: 1.9; position: relative; }
.time_line table{width: 100%; }  
.time_line th{text-align: center; padding: 3% 0; border-bottom:5px solid #ffb6c1; width: 6em; vertical-align: top;}  
.time_line td{text-align: left; padding: 3% 0 0 1%; border-bottom:5px solid #afeeee;}      
.time3{display: none;}    
.time1{display: none;}     
.time2{position: absolute; left: 50%; top: 15%; width: 50%;}  
.time4{display: none;}   
.time5{position: absolute; left: 5%; top: 34%; width: 40%;} 
.time6{position: absolute; left: 48%; top: 36%; width: 50%;} 
.time7{position: absolute; left: 32%; top: 67%; width: 62%;} 

 

    
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
    
.lead{width: 90%; margin: 0 0 40px 8%; font-size: 2vw; line-height: 1.6;}
.time_line{width: 88%; margin: 0 0 28px 8%; font-size: 2vw; line-height: 1.8; position: relative; }
.time_line table{width: 100%; }  
.time_line th{text-align: center; padding: 28px 0; border-bottom:5px solid #ffb6c1; width: 10em; vertical-align: top;}  
.time_line td{text-align: left; padding: 28px 0; border-bottom:5px solid #afeeee;}      
.time3{position: absolute; left: 33%; top: 0%; width: 22%;}    
.time1{position: absolute; left: 63%; top: 3%; width: 30%;}     
.time2{position: absolute; left: 33%; top: 19%; width: 28%;}  
.time4{position: absolute; left: 62%; top: 25%; width: 36%;}  
.time5{position: absolute; left: 20%; top: 38%; width: 37%;} 
.time6{position: absolute; left: 61%; top: 42%; width: 36%;} 
.time7{position: absolute; left: 38%; top: 67%; width: 54%;} 
 
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
/* wrapper ---------------*/  

.lead{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}
.time_line{width: 720px; margin: 0 0 40px 120px; font-size: 15px; line-height: 1.8; position: relative; }
.time_line table{width: 100%; }  
.time_line th{text-align: center; padding: 28px 0; border-bottom:5px solid #ffb6c1; width: 10em; vertical-align: top;}  
.time_line td{text-align: left; padding: 28px 0; border-bottom:5px solid #afeeee;}      
.time3{position: absolute; left: 380px; top: 16px; width: 200px;}    
.time1{position: absolute; left: 590px; top: 120px; width: 140px;}     
.time2{position: absolute; left: 250px; top: 200px; width: 200px;}  
.time4{position: absolute; left: 460px; top: 280px; width: 240px;}  
.time5{position: absolute; left: 170px; top: 360px; width: 260px;} 
.time6{position: absolute; left: 450px; top: 450px; width: 260px;} 
.time7{position: absolute; left: 340px; top: 720px; width: 380px;} 


}