@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
	

}

@media all and  (max-width:1700px){
 .top .t-logo{
width:250px;		
}
.header_contact{
  width: 70%; 
}

  .greeting{
width: 80%;
}   
}
@media all and  (max-width:1400px){

   
  .g-photo{
width: 30%;
position: absolute;
bottom: -40px;
right: -250px;    
}      
 .c-box p{
    min-height: 160px;
}  

}
@media all and  (max-width:1150px){
 .top .top-contact .t-tel a{
font-size: 1.3em;   
}
.m1 a{
font-size:0.9em;
letter-spacing: 1px;	    
}   
.g-photo{
width: 30%;
position: absolute;
bottom: -30px;
right: -180px;    
}
.c-tel{
width: 95%;
}    
}
@media all and  (max-width:1080px){
.top-slide p{
font-size: 2em;   
}
 
.g-photo{
right: -180px;    
}    
}

@media all and  (max-width:980px){
     .sp_l{
    text-align: left;    
    }    
.top .top-contact .t-tel a{
font-size: 1.2em; ;   
}    
  .top .t-logo{
width:140px;		
}
 .header_contact{
  width: 70%; 
}  
 .m1 ul{
justify-content:space-around;	
}   
 .m1 ul .b1{
padding-left: 0;   
}
.m1 a{
font-size: 0.8em;
letter-spacing: 0px;	
}  
 .m1 .nav_ts{
font-size: 0.7em;    
}   
 .text1{
font-size: 1em;     
}
.text1 strong{
font-size: 1.3em; 
display: block;
}
.text2{
font-size:0.9em;
line-height: 1.75;    
}
.text2 strong{
font-size: 1.3em; 
}  
 .c-box p{
    min-height: 130px;
}      

.btn .btn_text{    
font-size:0.8em;
padding: 1%;  
}   

 .greeting{
width: 100%;
}
.g-photo{
width: 100%;
position:static;
margin-top: 2%;    
} 
   
}


@media all and  (max-width:750px){
  .text2{
font-size:0.8em;
}
.text2 strong{
font-size: 1.2em; 
}   
  .top .t-logo{
width:150px;		
}    
    .child_1 {
       order: 1; 
    }
        .child_2 {
       order: 2; 
    }
 .midashi p{  
font-size:1.6em;		  
}
.midashi2 p{  
font-size:1.6em;	     
}
 
    .kaigyo{
    display: block;    
    }    
.slider {
  position   : relative;
  max-width  : 100%;
  height     : 300px;
  margin     : auto;
  overflow   : hidden;
}
.slider1 p{
 font-size: 1.3em;
    top: 35%;
}    
.top-slide p{
font-size: 1em;   
}  
.fullscreenmenu{
display:block;
}   
  
.top .top-contact,.m1{
    display: none;
    }

.contents{
width:100%;   
} 
.c-box{
width:90%;    
background: rgba(0,0,0,0.5); 
padding: 5%;
position: absolute;
color: #000;   
line-height: 200%; 
display: block;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) ;
display:table-cell;
 overflow:hidden;
}
.c-box p{
width: 100%;  
display: block;
    margin-left: auto;
    margin-right: auto ; 
     min-height: auto;
}    
.contact-box .footer-text strong{
font-size: 1em;   
}
.con-box{
width: 90%;   
}
.contact{ 
width:100%;
margin-top: 2%;    
} 
.w-photo{
width: calc(100% / 2)
}  
.work-box .btn{
width: 50%;    
} 
.flow-title {   
font-size: 1em;   
  padding: 0.5rem 2rem 0.5rem 1rem;    
} 
.flow-title :before {
  right: -100px;
}  
.flow-photo{
width: 100%;    
}

.flow-text{
width:90%;  
display: block;
margin: 2% auto;
}  
.flow-text .btn a{
width: 50%;    
}
.r-photo{
width:90%;  
display: block;
margin: 0 auto;
}    
 .r-text{ 
position:static;
left: 0;
bottom: 0;   
} 
.recruit-box table th{
  width: 40%;
 font-size:0.9em;	      
}

.recruit-box table td{
  font-size:0.9em;	
  width: 60%;	
}    
.flow-box_r dt {
 width: 90%;
display: block;    
margin: 0 auto;
}
.flow-box_r dd {
 width: 100%;
display: block;    
}
.flow_r > li {
  padding: 10px;
}
.flow_r > li:not(:last-child)::before {
  border-width: 100%;
}  
.flow_r > li dl {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    padding: 3% 0;
    width: 90%;
    display: block;
}   
.flow_r .tel{
 font-size: 1.2em;  
text-align: center;
}
.flow_r .fax{
 font-size: 1.2em; 
text-align: center;    
}
.flow_r .btn{
width: 100%;    
}
   
.companyprofile-box table th{
  width: 30%;
}

.companyprofile-box table td{
  width: 70%;	
}

.p_map-box iframe{
height: 300px;    
}    
 .contact-text1{
 font-size: 0.9em;
}  
.mailform table th{
    width:100%;
display: block;
border-bottom: 1px dotted #fff;   
margin-top: 2%;    
}

.mailform table td{
    width:100%;
display: block;
}    
}
@media all and  (max-width:450px){	
  .text2{
font-size:0.7em; 
}

}