@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.vacant {width: 94%; margin: 0 0 12px 3%; font-size: 3.6vw; line-height: 1.6;}  
.for_look{font-size: 4vw; line-height: 1.8; font-weight: bold; width: 22em; margin: 0 auto 80px; background-color: coral; text-align: center; padding: 16px 0 10px; border-radius: 20px;}    
.for_look a{color: #fff !important;}  

.lead{width: 90%; margin: 0 0 40px 7%; font-size:3.6vw; line-height: 1.8;}       
.lead img{width: 60%; margin-left: 15%;} 
.lead a {font-size: 4vw; color: #f00; font-weight: bold;}

.s-size{font-weight: normal; font-size:2.8vw;}  

    
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
    
.vacant {width: 90%; margin: 0 0 20px 8%; font-size: 2vw; line-height: 1.6;}  
.for_look{font-size: 2.4vw; line-height: 1.8; font-weight: bold; width: 22em; margin: 0 auto 80px; background-color: coral; text-align: center; padding: 16px 0 10px; border-radius: 20px;}    
.for_look a{color: #fff !important;}     

.lead{width: 90%; margin: 0 0 40px 7%; font-size: 2vw; line-height: 1.8;}       
.lead img{width: 40%; margin-left: 25%;}
.lead a {font-size: 2.2vw; color: #f00; font-weight: bold;}

    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
/* wrapper ---------------*/  
    
.vacant{width: 840px; margin: 0 0 40px 60px; font-size: 20px; line-height: 1.8; font-weight: bold; color: #f00; text-align: center;} 
    
.for_look{font-size: 16px; line-height: 1.8; font-weight: bold; width: 22em; margin: 0 auto 80px; background-color: coral; text-align: center; padding: 16px 0 10px; border-radius: 20px;}    
.for_look a{color: #fff !important;}     
    
.lead{width: 840px; margin: 0 0 40px 60px; font-size: 16px; line-height: 1.8;}       
.lead img{width: 240px; }   
.lead a {font-size: 18px; color: #f00;}

    }