@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.6vw; 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.8vw; line-height: 1.4; font-family: serif; 
    font-feature-settings:"palt"; margin-bottom: 8px; color: #800000;}  
.sub_copy{font-size: 4vw; line-height: 1.1; font-feature-settings:"palt";
    margin: 2%;}

.size table {display: none;}
   
.katudai{font-size: 4vw; line-height: 1.5; font-feature-settings:"palt";
    width: 92%; margin: 0 0 32px 4%;} 
.katudai p{font-size: 4.8vw; line-height: 1.5; font-feature-settings:"palt";
    font-weight: bold; margin: 0 0 2px 0; color: #00f;}     
.number{font-size: 5.2vw; font-weight: bold;
    color: #fff; background-color: #39c; } 
    
.service {width: 92%; margin: 0 0 32px 4%;}        
.item dt{font-size: 5.2vw; font-weight: bold; line-height: 1.2;
    color: #39c; border-bottom:1px solid #39c; margin-bottom: 8px;}   
.item dd{font-size: 3.8vw; line-height: 1.6; margin: 0 0 12px 5%; } 
 
.footpict{width: 98%; margin: 30px auto;}     
    
}/* 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 {margin: 0 0 45px;}
.installationR {width: 94%; margin-left: 5%;}    
.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: 8px;}       
.catch_copy{font-size: 2.8vw; line-height: 1.2; font-family: serif; 
    font-feature-settings:"palt"; margin-bottom: 12px;}    
.sub_copy{font-size: 2.3vw; line-height: 1.1; font-feature-settings:"palt";}
    
.size table {border: 1px #444 solid; border-collapse: collapse;
    font-size: 2vw; text-align: center; margin: 0 auto 40px;}  
.size td,th { border: 1px #444 solid; padding: 6px 0 2px;　} 
.size th {font-weight: normal; line-height: 1.1; background-color: blanchedalmond;}   
    
.katudai{font-size: 2vw; line-height: 1.5; font-feature-settings:"palt";
    width: 88%; margin: 0 0 48px 6%;} 
.katudai p{font-size: 3vw; line-height: 1.5; font-feature-settings:"palt";
    font-weight: bold; margin: 0 0 2px 0; color: #00f;}     
.number{font-size: 2.8vw; font-weight: bold;
    color: #fff; background-color: #39c; }      
   
.service {overflow: hidden; width: 86%; margin: 0 0 32px 6%;}    
.serviceL {float: left; width: 30%; }  
.serviceR {float: right; width: 65%; } 
.item dt{font-size: 3.2vw; font-weight: bold; line-height: 1.2;
    color: #39c; border-bottom:1px solid #39c; margin-bottom: 8px;}   
.item dd{font-size: 2.2vw; line-height: 1.6; margin-left: 4%; }
    
.footpict{width: 98%; margin: 30px auto;}       
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  
.top_image {width: 100%; position: relative; margin-bottom: 48px;}
.catch {position: absolute; top: 36%; left: 10%; width: 76%; 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 {margin: 0 0 45px;}
.installationR {width: 94%; margin-left: 5%;}        
.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: 12px;}       
.catch_copy{font-size: 28px; line-height: 1.2; font-family: serif; 
    font-feature-settings:"palt"; margin: 0 0 16px 50px;}    
.sub_copy{font-size: 18px; line-height: 1.3; font-feature-settings:"palt";
    margin-left: 100px; width: 845px;}
    
.size table {border: 1px #444 solid; border-collapse: collapse; width: 75%;
    font-size: 15px; text-align: center; margin: 0 0 40px 16%;}  
.size td,th { border: 1px #444 solid; padding: 6px 0 2px;　} 
.size th {font-weight: normal; line-height: 1.1; background-color: blanchedalmond;}        
    
.katudai{font-size: 16px; line-height: 1.5; font-feature-settings:"palt";
    width: 88%; margin: 0 0 48px 5%;} 
.katudai p{font-size: 24px; line-height: 1.5; font-feature-settings:"palt";
    font-weight: bold; margin: 0 0 2px 0; color: #00f;}     
.number{font-size: 20px; font-weight: bold;
    color: #fff; background-color: #39c; }    
    
.service {overflow: hidden; width: 980px; margin: 0 0 32px 50px;}    
.serviceL {float: left; width: 49%; }  
.serviceR {float: right; width: 49%; } 
.item dt{font-size: 20px; font-weight: bold; line-height: 1.5;
    color: #39c; border-bottom:1px solid #39c; margin-bottom: 8px;}   
.item dd{font-size: 16px; line-height: 1.6; margin-left: 50px; }      
    
.footpict{width: 80%; margin: 30px auto;}     
    
}