@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.content{width: 91%; margin: 20px 0 20px 8%; font-size: 3.6vw; line-height: 1.6;} 
.nagare ul{padding-left: 12%;} 
.nagare table{width: 91%; margin: 20px 0 20px 8%; font-size: 3.6vw; line-height: 1.6;}
.nagare th{background-color: bisque; width: 20%; padding: 1em 0; }  
.nagare td {padding-left: 1em;} 
.look_form a{color:#f0f; font-weight: bold; font-size: +1;} 

    
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
    
.content{width: 91%; margin: 20px 0 20px 8%; font-size: 2vw; line-height: 1.6;} 
.nagare ul{padding-left: 12%;} 
.nagare table{width: 91%; margin: 20px 0 20px 8%; font-size: 2vw; line-height: 1.6;}
.nagare th{background-color: bisque; width: 20%; padding: 1em 0; }  
.nagare td img {padding:1em 0 1em 2em; width: 50%;}  
.look_form{background-color: #F7931E; font-size: 16px; font-weight: bold; margin: 0 0.5em; padding: 6px 1em 2px; line-height: 1.4; border-radius: 10px;} 
.look_form a{color: #fff !important;}      
.telphone img {width: 16em !important; margin-left: 6em;}
.nagare td {padding-left: 1.5em;} 
.sagaru{margin-left: 1em;}    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
/* wrapper ---------------*/  
    
.content{width: 820px; margin: 20px auto; } 
.trance img {width: 100%;}     
    
 
.nagare{margin: 0 20px 40px 150px; line-height: 1.8;} 
.nagare th{background-color: bisque; padding: 0 1em;}  
.nagare td{padding: 1em 2em;}      
.sagaru{margin-left: 3em;}  
.look_form{background-color: #F7931E; font-size: 16px; font-weight: bold; margin: 0 0.5em; padding: 6px 1em 2px; line-height: 1.4; border-radius: 10px;} 
.look_form a{color: #fff !important;}      
.telphone img {width: 180px !important; position:relative; top:2px;} 　　
.nagare table td a{color: #00f !important;}  
    
    }