@charset "utf-8";

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

.top_image {margin-bottom: 28px;}      
.catch {font-weight: bold; color: #39c; margin-left: 2%;
    font-size: 3.5vw; font-family: serif; font-feature-settings:"palt";}    
    
.installation {width: 96%; margin: 0 0 20px 2%;}    
.installationL {width: 50%; margin-left: 25%;}    
.category_bar{background-color: #39c; color: #fff; font-size: 4.6vw; 
    font-weight: bold;
    line-height: 1.5; padding: 6px 0 0 18px; margin-bottom: 8px;}
.catch_copy{font-size: 3.4vw; line-height: 1.4; font-family: serif; 
    font-feature-settings:"palt"; margin: 8px 2% 16px 3%; color: #800000;}  
.recruit{font-size: 3.8vw; border:1px solid #666; padding: 12px 0 4px; width: 21em; 
    text-align: center; margin: 12px auto 16px; border-radius: 16px; }    
.bosyu{font-weight: bold; color: #f00; }     
.tel_fax{font-weight: bold; color: #00f;  font-size: 4vw; text-align: center;} 
    
/* thanks */
.thanks_buffer{width: 90%; margin: 0 auto 30px;}     
.thanks{font-size: 5vw; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; text-align: center;}     
.lead{font-size: 4.2vw; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; width: 80%; margin: 0 0 40px 10%;} 
.lead_pict{width: 40%; margin-left: 30%;}     
    
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  

.top_image {margin-bottom: 32px;  position: relative; }    
.catch {position: absolute; top: 28%; left: 10%; width: 78%; font-weight: bold;
    font-size: 3vw; font-family: serif; font-feature-settings:"palt"; 
    background-color: #fff; padding: 12px; border-radius: 10px;}

.installation {overflow: hidden; width: 96%; margin: 0 0 32px 2%;}
.installationL {float: left; width: 27%;}
.installationR {float: right; width: 70%;}    
.category_bar{background-color: #39c; color: #fff; font-size: 2.6vw; 
    font-weight: bold;
    line-height: 1.5; padding: 6px 0 0 18px; margin-bottom: 28px;}       
.catch_copy{font-size: 2.4vw; line-height: 1.2; font-family: serif; 
    font-feature-settings:"palt"; margin: 0 2% 12px 3%;}    
.recruit{font-size: 2.4vw; border:1px solid #666; padding: 12px 0 4px; width: 24em; 
    text-align: center; margin: 12px auto 16px; border-radius: 16px; }    
.bosyu{font-weight: bold; color: #f00; }     
.tel_fax{font-weight: bold; color: #00f;  font-size: 2.4vw; text-align: center;} 
    
/* thanks */
.thanks_buffer{width: 90%; margin: 0 auto 30px;}     
.thanks{font-size: 3vw; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; text-align: center;}     
.lead{font-size: 2.2vw; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; width: 80%; margin: 0 0 40px 10%;} 
.lead_pict{width: 40%; margin-left: 30%;}     
        
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  
.top_image {width: 100%; position: relative; margin-bottom: 48px;}
.catch {position: absolute; top: 38%; left: 8%; width: 80%; font-weight: bold;
    font-size: 32px; font-family: serif; font-feature-settings:"palt"; 
    background-color: #fff; padding: 12px 0 12px 24px; border-radius: 10px;}

.installation {overflow: hidden; width: 980px; margin: 0 0 24px 50px;}
.installationL {float: left; width: 25%;}
.installationR {float: right; width: 70%;}    
.category_bar{background-color: #39c; color: #fff; font-size: 1.6vw; 
    font-weight: bold;
    line-height: 1.5; padding: 6px 0 2px 18px; margin-bottom: 28px;}       
.catch_copy{font-size: 19px; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; margin-bottom: 16px;}    

.catch_copy{font-size: 19px; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; margin-bottom: 16px;} 
.recruit{font-size: 19px; border:1px solid #666; padding: 12px 0 4px; width: 24em; 
    text-align: center; margin: 12px auto 16px; border-radius: 16px; 
    line-height: 1.3;}    
.bosyu{font-weight: bold; color: #f00; }     
.tel_fax{font-weight: bold; color: #00f;  font-size: 24px; text-align: center;}     
       
    
    
    
/* thanks */
.thanks_buffer{width: 60%; margin: 0 auto;}     
.thanks{font-size: 24px; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; text-align: center;}     
.lead{font-size: 16px; line-height: 1.6; font-family: serif; 
    font-feature-settings:"palt"; margin: 0 auto 40px;} 
.lead_pict{width: 50%; margin-left: 25%;}     
    
    
 /* conf */    
.contents{width: 60%; margin: 0 auto;}      
    
    
    
}