@charset "UTF-8";
/* CSS Document */
@media (max-width: 1970px){
        .img3{ 
          z-index:-1;       
}    
}
@media (max-width: 1700px){

        .img3{
width: 30%;   
bottom:0; 
right: 0; 
position: absolute;       
}
.map{
width: calc(98% / 2);
height: 300px;
overflow: hidden;
} 
      
}
@media (max-width: 1120px){
.top_slider1 p{
    font-size: 2.5em; 
}    
.youtube iframe{
height: 500px;    
}
 .top_slider{
    width: 100%;
    height: 600px;
}
.contener{
	width:98%;
    margin: 0 auto;
} 
.nav{
width: 100%;  
}
.f-logo img{
width: 80%;  
} 
   
}

/*スマホ用の可変指示*/
@media (max-width: 950px){
.g-text{
width: 100%;   
}

.g-photo{
width: 100%;    
}     
.con-box{
width: 100%;
margin: 0 auto;    
}
.group-box th{
width: 100%; 
display: block;   
}
.group-box td{
width: 100%; 
display: block;    
}
.map{
width:100%;
height: auto;  
margin-bottom: 2%;    
}    
.map iframe{
height: 400px;     
} 
.c-box p{
    font-size: 1em;
}
 .contact-t{
    width: 80%;
}  
    
}


@media (max-width: 670px){
.top_slider1 p{
    font-size: 1.8em; 
}     
    .sp_l{
    text-align: left;
    }    
.img4{
width: 50%;   
top:0; 
left: 0;    
}
    .img5{
width: 50%;   
bottom:0; 
right: 0;      
}
    .img6{
width: 50%;   
bottom:0; 
left: 0;     
}  
.heading{
font-size: 1.1em;   
    }
.midashi2{
padding:15px 5%;       
}
 .midashi2 h3{
font-size: 1.1em;      
}

.midashi1 h2{
font-size: 1.3em;    
}
.midashi1 .small{
   font-size:1.3em;  
}

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

.midashi3 h4{
font-size: 1.2em; 
line-height: 1.5;    
padding: 1%; 
color: #1D5902;    
}    
.text1{
font-size: 0.9em;  
}
.text1 strong{
font-size: 1em;    
} 
.text2{ 
font-size: 0.9em;    
}      
.text2 span{
font-size: 0.9em;    
}    
 .top_slider{
    width: 100%;
    height: 300px;
}  
.youtube iframe{
height: 300px;    
}    
.fullscreenmenu{
	display:block;
}    
#logo{
	width: 70%;
    z-index: 10;
}
#logo img{
	width: 100%;
}
    .top_contact,.glovalnavi ul,.nav{
        display: none;
    } 
.group-box th{
width: 100%; 
display: block;
font-size: 0.8em;    
}
.group-box td{
width: 100%; 
display: block; 
font-size: 0.8em;     
}    
.contents{
width:100%;   
 margin-bottom:10%;  
} 
.flex-text{
width: 100%;
padding: 5%;    
}
.flex-photo{
width: 100%;    
}
    .flex-text{
    order: 1;    
    }   
      .flex-photo{
    order: 2;    
    }  
    .f-con{
    width: 100%;    
    }
    .f-con .f-mail{
    width: 75%;    
    } 
.canpany_p1{
width: 60%;
margin-bottom: -5px;    
}    

.map iframe{
height: 200px;     
}     
    .table1 table th{
width: 100%;
display: block; 
border-bottom: 1px dotted #fff;   
padding:3% 1%;        
}

.table1 table td{
width: 100%;
display: block;   
padding:3% 1%;       
}
.contact-t strong{
 font-size: 1.8em;   
}
.contact-t p{
font-size:0.9em;  
width: 60%;  
left: 20%;    
}
.contact-t a{
font-size:0.9em;
    
}  
.rinen_text{
 font-size: 1em;   
text-align: left;  
padding: 1em;    
}
.map_text{
font-size: 0.8em;   
bottom: 1em;    
}    
	}


/*----------------414px-----------------*/

	@media (max-width: 380px){
       
       .sp_l{
    text-align: left;
    }    
}