@charset "UTF-8";
/* CSS Document */
@media (max-width: 1570px){
    .contener{
    width: 98%;
    display: block;
        margin: 0 auto;
    }
  .btn3{
width:100%;
height: 130px;    
}  
.button3{
     font-size: 1.3em;
}
.text-con{
font-size: 1em;   
}   
 .greetings-box{
height: 600px!important;      
} 
 .multiple .photo2{
 height: 200px;
overflow: hidden;      
}      
}
@media (max-width: 1120px){
  
.top_slider{
    width: 100%;
    height: auto;
}    
#logo{
	width: 300px;
}    
   .top_slider li .catch{
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width: 35%;
  text-align: center;  
}  
.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; 
} 
 .greetings-box{
height: 800px!important;      
}     
 .g-img1{
width:40%;         
position: absolute;
bottom: 10%;
right: 3%;  
box-shadow: 2px 2px 5px #eee;      
} 

.t-map img{
width: 80%; 
display: block; 
 margin: 0% auto;   
}  
  

 .works_photo .photo1{
height: 200px;
overflow: hidden;      
}     
}
/*スマホ用の可変指示*/
@media (max-width: 950px){
.text1{
font-size: 0.9em;  
}
.text1 strong{
font-size: 1.3em;  
}    
    .kaigyo1{
    display: block;    
    }    
.t-tel a{
    font-size: 1em;
}
.t-mail a{
    font-size: 1em;
}   
.midashi p{
font-size: 2.3em; 
}    
.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;    
}
    .flex-box4{
    justify-content: center;    
    }
#logo img{
	width: 95%;
    display: block;
    margin: 0 auto;
}
.top_contact{
   widows: 60%;
}

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


.glovalnavi ul li a {
    font-size: 1.1em;
    font-weight: 500;
}
.glovalnavi ul li a img {
    width: 50px;
}

.button3{
     font-size: 1.3em;
}
.text-con{
font-size: 1em;   
}
.c-box{
width:90%;    
position: absolute;
line-height: 200%; 
display: block;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) ;
display:table-cell;
 overflow:hidden;
} 
.strength-box{
width: 100%;
margin: 0 auto;

}    
 .strength-text1{ 
top: -15%;  
}
.bus-text1{
width: 100%; 
padding: 2%;    
order: 1; 
}
.bus-photo1{
width: 100%;   
 order: 2;   
}    
.strength-text2{ 
font-size:1em;   
} 
.greetings-box{
width: 95%;
height: auto!important;    
}    
.g-img1{
width:100%;  
position: relative;  
right: 0;
bottom: 0;    
}
.g-text{
width: 100%;   
background: #fff;    
}

 .contact-t{
    width: 100%;
    position:relative;
    height: 150px;  
}
.contact-t strong{
 font-size: 1.8em;   
}
.staff{
 width: calc(90% / 2); 
margin-top: 2%;  
padding: 3%; 
}    
.flow-box .flow > li dl {
  width: 100%;
  display: block;  
}  
.flow-box .flow > li dl dt {
margin-top: 1%;
margin-bottom: 1%;  
}    
.works_photo{
width: calc(93% / 2);  
}    
}


@media (max-width: 670px){
.text2 strong{
display: block;  
}    
    .sp_l{
    text-align: left!important;
    }    
.top_slider li .catch{
  width: 70%;  
}     
    .kaigyo{
    display: block;    
    }    
.midashi p{
font-size: 1.8em; 
}  
 .heading{
font-size: 1.3em;
}   
  .heading2{
font-size: 1.3em;
}     
.midashi .small{
   font-size: 0.7em;  
}
  
.news ul#newsList li{
      padding:10% 0 ;
    font-size: 1em;
} 
.multiple .photo2{
 height: 150px;  
}
.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;
}
.greetings-box{
width: 98%;
height: auto!important;    
}

.strength-text2{ 
font-size:0.7em;
    text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;       
} 
.strength-text1{ 
font-size:1.2em;
top: -28%;
}
.strength-text1 strong{ 
font-size: 3em;
}   
  .btn3{
width:100%;
height: auto;    
} 
.f-con{
width: 100%; 
margin-top: 5%;    
}  
.f-logo img{
width: 90%;  
display: block;
margin: 0 auto;
}
    .contents{
width:100%;;   
} 
 .g-img2{
width:100%;           
}

.g-text2{
width: 100%;      
} 
.g-text1{
width: 100%;  
}   
 .map{
width: 100%;
height: auto;
display: block;    
margin: 2% auto 0;
}  
.table1 table th{
width: 100%;
display: block; 
padding: 2% 1%;    
 border-bottom: 1px dotted #fff;   
}

.table1 table td{
width: 100%;
display: block;  
padding: 2% 1%;     
}
 textarea{
width:100%;
height: 200px
}
.form-button button {
    width: 190px;
}


button[type="submit"]{
	font-size:0.9em;
}  
.staff{
 width: 90%; 
padding: 5%;  
height: auto;   
margin: 10% auto 0;
} 
.works_photo{
width:95%; 
display: block;
margin: 2% auto 0;
}    
	}


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

	@media (max-width: 380px){
    
}