@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: 4.5vw; 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%;}
    
.process_line {display: none;}     
    
.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: 4.2vw; line-height: 1.6; margin: 0 0 12px 5%; } 
    
.insta_pict_line {overflow: hidden; width: 94%; margin: 0 0 24px 2%;}     
.insta_pict {float: left; width: 44%; margin: 0 3% 20px ; 
    font-size: 3vw; text-align: center; line-height: 1.2;}     
.insta_pict img{margin-bottom: 4px;}     
    
}/* 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: 3.1vw; line-height: 1.2; font-family: serif; 
    font-feature-settings:"palt"; margin-bottom: 8px;}    
.sub_copy{font-size: 2.2vw; line-height: 1.1; font-feature-settings:"palt";}
    
.process_line {width: 80%; margin: 0 0 28px 10%; position: relative;} 
.com {position: absolute; 
    font-size: 1.8vw; font-weight: bold; line-height: 1.3; color:#fff;
    text-align: center;} 
.process1 {width: 9em; top: 30%; left:0.4%;}    
.process2 {width: 9em; top: 30%; left:18.6%;}      
.process3 {width: 9em; top: 40%; left: 37.5%;}     
.process4 {width: 9em; top: 30%; left: 56.2%;}    
.process5 {width: 9em; top: 30%; left: 74.8%;} 
    
.service {overflow: hidden; width: 92%; margin: 0 0 32px 4%;}    
.serviceL {float: left; width: 42%; }  
.serviceR {float: right; width: 50%; } 
.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: 5%; }      
    
.insta_pict_line {overflow: hidden; width: 92%; margin: 0 0 24px 2%;}     
.insta_pict {float: left; width: 42%; margin: 0 4% 20px ; 
    font-size: 2.6vw; text-align: center; line-height: 1.2;}     
.insta_pict img{margin-bottom: 4px;}      
    
    
   
    
    
}/* 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 30px;}

.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;}
    
.process_line {width: 600px; margin: 0 0 60px 400px; position: relative;} 
.com {position: absolute; 
    font-size: 13px; font-weight: bold; line-height: 1.5; color:#fff;
    text-align: center;}     
.process1 {width: 120px; top: 32px; left: 2px;}    
.process2 {width: 120px; top: 32px; left: 114px;}      
.process3 {width: 120px; top: 40px; left: 226px;}     
.process4 {width: 120px; top: 32px; left: 338px;}    
.process5 {width: 120px; top: 32px; left: 450px;}  
    
.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.2;
    color: #39c; border-bottom:1px solid #39c; margin-bottom: 8px;}   
.item dd{font-size: 15px; line-height: 1.6; margin-left: 50px; }    
    
.insta_pict_line {overflow: hidden; width: 990px; margin: 0 0 32px 40px;}     
.insta_pict {float: left; width: 235px; margin: 0 0 0 10px; 
    font-size: 14px; text-align: center; line-height: 1.2;}     
.insta_pict img{margin-bottom: 6px;}    
    
    
    
    
    
    
}