@charset "UTF-8";
/* CSS Document */
@media (max-width: 1370px){
.contents_text{   
font-size: 1em;
top:5%;        
}
.contents_text strong{
font-size: 1.3em;     
}
.text3 strong{
font-size: 1.5em;      
}    
}
@media (max-width: 1120px){
#logo{
	width: 300px;
}    
.top_slider li .catch{
  top: calc(60vh / 2);
}      
.btn-box a.btn-flat {
  padding: 1.5rem 3rem;
}
.choice-text2{ 
font-size: 1.5em;
bottom:-8px;      
}  
.r-text2{
width: 70%;
position:absolute;
bottom: 2%;
left: 0;    
background: rgba(255,255,255,0.7);
}    
.info_p{
width: 95%;  
display: block;
margin: 0 auto;
}
.info_t{
width: 95%;
display: block;
margin: 0 auto; 
}     
}
/*スマホ用の可変指示*/
@media (max-width: 950px){
.btn,
a.btn,
button.btn {
    width: 40%;
}    
.text1{
font-size: 1.2em;  
}
.text1 strong{
font-size: 1.2em;  
}    
    .kaigyo1{
    display: block;    
    }    
.top_slider{
    width: 100%;
    height:300px;
}
.top_slider li .catch{
  top: calc(300px / 2);
}     
.midashi p{
font-size: 2em; 
}    
.news ul#newsList li{
      padding:5% 0;
}    
.top_slider li .catch{
  width: 50%;  
}    
.recruit-text1{
font-size: 1.2em;   
}
.recruit-text1 strong{
font-size: 1.8em;    
}

#logo img{
	width: 95%;
    display: block;
    margin: 0 auto;
}
.top_contact{
   widows: 60%;
}
.t-tel{
	width:250px ;
}
.t-tel a{
font-size: 1.5em;       
}


.glovalnavi ul li{
    padding:3px 5px;
	
}


.glovalnavi ul li a {
    font-size: 1.1em;
    font-weight: 500;
}
.glovalnavi ul li a img {
    width: 50px;
}
.choice-text1{
top:-40px; 
}
.choice-text1 strong{ 
font-size: 1.3em;  
}   
.choice-text2{ 
font-size: 1.3em;
bottom:-8px;      
}    
.choice-box{
width: 100%; 
    padding: 0 3%;
}    
.contents_text{   
font-size: 0.8em;
top:1%;          
}
.contents_text strong{
font-size: 1.1em;         
}
.lnk{
width: 90%;
color: #AAF277; 
display: block;
margin: 0 auto;
text-align: center;    
  text-shadow:2px 2px 5px #000;    
}  
   
.footer_contact iframe{
height: 300px;    
} 
.contact-t{
    width: 100%;
    height: 150px;  
}  
.r-text2{
width: 90%;
position:absolute;
bottom: 2%;
left: 5%;    
background: rgba(255,255,255,0.7);
display: block;
margin: 0 auto;
} 
.r-text{
width: 90%;
height: 300px;    
padding:3%;  
display: block;
margin: 2% auto;
box-shadow: 2px 2px 5px #eee;    
} 
.works_photo{
width: calc(93% / 2);  
display: block;
margin: 1% ;
}   
.footer_contact{
background-attachment:local;    
}  
   
}


@media (max-width: 670px){
.text1{
font-size: 1.1em;  
line-height: 220%; 
text-align: center;
}
.text1 strong{
font-size: 1.1em;  
}
.text2{
font-size: 1.5em; 
letter-spacing: 3px;  
border-bottom: 2px solid #157307;
padding-bottom: 1%;    
}
.text2 strong{
font-size: 1.3em;  
color: #4ABF2A;
}
.text3{
font-size: 1em; 
letter-spacing: 3px;  
}
.text3 strong{
font-size: 1em;  
color: #157307;
text-align: left!important;
display: block;    
}
.text4{
font-size: 1em; 
letter-spacing: 3px;  
padding-bottom: 1%;       
}
.text4 strong{
font-size: 1.3em;  
}    
    
.top_slider li .catch{
  width: 70%;  
}     
    .kaigyo{
    display: block;    
    }    
.midashi p{
font-size: 1.5em; 
}     
.text1{
font-size: 1em; 
text-align: left;
}
.text2{
font-size: 1.5em;    
}
.text2 strong{
font-size: 1.3em;  
}

.heading{
font-size: 1.4em; 
}
    
.top_slider{
    width: 100%;
    height:300px;
}
.top_slider li .catch{
  top: calc(300px / 2);
}    
.news ul#newsList li{
      padding:10% 0 ;
    font-size: 1em;
} 

.fullscreenmenu{
display: block;
}    
.top_slider1 p{
    font-size: 1.5em;
}
.top_slider1{
    height: 150px;
}    
    .kaigyo{
    display: block; 
    padding-bottom: 1%;    
    }    
.glovalnavi,.top_contact,.footernavi ul{
display: none;
}
 .btn,
a.btn,
button.btn {
    width: 60%;
}   
 .btn-box a.btn-flat {
  padding: 1.5rem 1rem;
}
 .btn-box a.btn-flat:before {
  width: 200%;
} 
.choice{
width:calc(90% / 1);  
position: relative;
margin: 15% auto 0;    
}
.choice-text1{ 
font-size: 1.8em; 
top:-30px;    
}   
.choice-text1 strong{ 
font-size: 1.5em;   
} 
.contents-photo{
width:calc(95% / 1);
} 
.contents_text{   
position: absolute;
font-size: 1em;
top:10%;          
}
.contents_text strong{
font-size: 1.2em;        
} 
.recruit-text1{
font-size:0.9em;    
    
}
.recruit-text1 strong{
font-size: 1.4em;  
}
.recruit table th{
 font-size: 1em;	
width: 40%;    
}
.recruit table td{
  font-size: 1em;
width: 60%;      
}    
.footer_contact{
padding: 3%;  	
}

.f-logo img{
width: 80%;  
}

.f-tel{
width: 100%;    
font-size: 1.5em;   
}
    
.map iframe{
height: 200px;
}    
.table1 table th{
display: block;
padding:3% 2% 2%;   
	border-bottom: 1px dotted #fff;    
}

.table1 table td{
display: block;
width: 100%;    
}  
textarea{
width:100%;
height: 200px
} 
.r-text2{
width: 90%;
position:static;
bottom: 2%;
left: 5%;    
background: rgba(255,255,255,0.7);
display: block;
margin: 0 auto;
    
padding: 3%    
} 
.question{
font-size: 1.2em;
color:#157307;  
border-bottom: 2px dotted #157307;
padding-bottom: 1%; 
padding-left: 1%;    
}
.answer{
font-size: 1em;
line-height: 1.75;  
padding-left: 1%;     
} 
.v-photo{
width: 100%    
}

.v-text{
width: 100%;
padding: 2%;    
} 
.works_photo{
width: calc(95% / 1);  
display: block;
margin: 3% auto 0;
}

.works_photo p{
font-size: 1em;     
}
.works_photo a{
font-size: 1em;
 
}
.works_photo strong{
font-size: 1.2em;   
}
.works_photo span{
font-size: 1.3em;   
}  
.bus-text1{
font-size: 1.3em;
}
.bus-text2{
font-size: 1.1em; 
} 
.btn-box1{
width: calc(95% / 1);  
display: block;
margin: 0 auto 3%;
} 
.contact-t strong{
 font-size: 1.5em;   
}   
   
	}


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

	@media (max-width: 380px){
.contents_text{   
top:5%;          
}
    .recruit-text1{
font-size:0.7em;    
    
}
.recruit-text1 strong{
font-size: 1.2em;  
}      
}