@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1700px){
.text_img{
  width:60%;     
}
}

@media all and  (max-width:1500px){
 .item-t2{
width: 55%;    
}
.item-p3{
width:  45%;       
}   
}
@media all and  (max-width:1150px){
   
nav ul span{
display: block;
font-size: 0.8em;     
}

nav ul li a{
    font-size: 0.9em;
}    

.item-t{
width: 100%; 
padding: 5% 5%; 
order: 2;    
}
.item-p{
width: 100%;  
order: 1;      
}   
 .contents{
height: 200px;    
}
.footer-back{  
background-attachment: inherit;      
}
.item-p5{
width: 80%; 
display: block;
margin: 0 auto;
position: relative;
}    
}

@media all and  (max-width:950px){
.text_img{
  width:80%!important;   
}     
.tb_l{
      text-align: left;
    }      
.top_menu .menu_t .logo{
opacity: 0;	
}    
.top_wrapper.transform{
display: none;
} 
.top_wrapper.transform .menu_t .logo{
display: none;
}
.top_wrapper.transform .menu_t .logo_w{    
display: none;
}  
    .top_menu .menu_t .logo{
    display: none;
    }    
.top_menu .menu_t .logo_w{
position: relative;
width:100%;	
z-index: 10;   
left: 0;
top: 0;    
}   
.top_menu .menu_t .logo_w img{
width:150px;	
}     
.fullscreenmenu,.top_wrapper{
display: block;
} 
    .m1{
    display: none;
    }       
.tb_l{
      text-align: left;
    }

.item-p6{
width:  100%;       
}
.item-p6 img{
width:  80%; 
display: block;
margin: 0 auto;
}
.item-t6{
width:  100%; 
padding-top: 5%;    
}  
.item-p5{
width: 100%;     
    }   
    
}
@media all and  (max-width:690px){
 .w98{
    width: 98%;
    display: block;
    margin: 0 auto;
    }   
.slider1{
width: 100%;
height: 250px;
} 
.slider1 p{
font-size: 1.3em;
  top: 65%;   
}    
.text1{
font-size: 0.9em;    
}
.text1 strong{
font-size: 1.3em;      
}

.text2{
font-size: 1.1em;      
}    
.midashi h2{
width: 100%;     
font-size: 1em;		   
}
.midashi strong{
font-size: 4.5em;		
} 

.midashi2 h3{  
font-size: 2em;		 
}

.midashi3 h3{
font-size: 1.5em;		
}    
section{
padding: 50px 0;    
}    
   .tb_kaigyo{
    display: block;    
    }    
 .slider{
height:300px;  
}
.pc{
display: none;
    }  
    .sp{
display: block;        
    }    
.sp_l{
      text-align: left!important;
    }  
.contents{
width:95%;   
margin: 5% auto 0;
} 
 .item-t1{
width: 100%;    
}
.item-p1{
width:  95%;
margin: 0 auto;
display: block;    
}
.item-p2{
width: 50%;  
}    
 .item-t2{
width: 100%;    
}
.item-p3{
width:  70%;  
display: block;
margin: 0 auto;
}
.item-t3{
width:  100%; 
padding:3%;    
}
.item-p4{
width:  50%; 
display: block;
margin: 0 auto;
order: 1;    
}

.item-t4{
width: 100%; 
padding:3%;
order: 2;    
}  
.item-p5 .b-img{
display: none;
}
.item-p5{ 
border-radius: 30px;    
  background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #f6eed7 5px, #f6eed7 10px);
padding: 1em;    
}  
.item-p5 p{   
font-size: 1em;        
font-family: 'Zen Old Mincho', serif; 
text-shadow: 2px 2px 10px #fff;
transform: rotate(-0deg);
-moz-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);  
width: 100%;  
padding: 1em 0;  
 
}  
.item-t5-1{
position: relative;
color: #3B3628;   
left: 0;
top: 0%;      
}

.item-t5-2{
position: relative;
color: #3B3628;   
right: 0;
top: 0;       
}

.item-t5-3{
position:relative;
color: #3B3628;   
left: 0;
top: 0;  
}

.item-t5-4{
position:relative;
color: #3B3628;   
right: 0;
top: 0;    
} 
.guide th{  
width: 40%; 
padding: 1%;  
}
.guide td{    
padding: 1%; 
width: 60%;        
}    
.flow-photo{
width: 60%;
height:auto; 
display: block;
margin: 0 auto 3%;
}
.flow-photo img{
width: 100%;
height: 100%;
display: block;
object-fit: cover; 
border-radius: 10px;        
}
.flow-text{
width: 100%; 
padding: 0 1em;    
}    
.text3{
font-size: 1.2em;  
line-height: 200%; 
width: 100%;
padding: 1em 0;     
}
.text3 strong{
font-size: 1.5em;    
display: block;  
line-height: 1;     
}    
.case-n{
width: 100%;    
}
.case-t{
width: 100%; 
padding: 1em;    
}
.case-p{
width: 100%!important;
display: block;
margin: 0 auto;
}
.about-photo{
width: 100%; 
display: flex; 
background-image: url("../img/background7.png");
background-position: center center;
background-size: cover;   
order: 2;    
}
.about-photo .a-photo{
width: 50%;    
}
.about{
width: 100%;  
order: 1;      
    }  
.map iframe{
height: 300px; 
}    
.mailform table th{
width: 100%;
display: block;    
padding: 2% 1%; 
border-bottom: 0px dotted #b0b0b0;
}

.mailform table td{
width: 100%;
display: block;   
border-bottom: 1px dotted #b0b0b0;   
}  
.staff-photo{
max-width: 300px;
 width: 80%;   
margin:1em auto 0;   
position: relative;
}    
}
@media all and  (max-width:450px){
    .sp_kaigyo{
    display: block;    
    }
}
@media all and  (max-width:380px){

}