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

}

@media all and  (max-width:1350px){
.top_menu .menu_t .logo{
width:200px;
transition: all 0.5s;    
}
.top_wrapper.transform .menu_t .logo{
width:150px;
 text-decoration: transparent;   
}
 .top_menu .m1{
width:710px;
}  
.m1 nav{
width: 100%;    
}    
.t-con{
width: 230px;     
}    
.t-btn1{
width: 130px;	    
font-size: 1rem;	   
}  
.t-btn2{
width: 30px;	    
font-size:0.9rem;	     
}    
.m1 nav ul li{
margin-right: 13px;     
}  
.m1 nav ul .small{
font-size: 0.8rem;  
}
.m1 nav ul li a{
    font-size:0.9rem;
}    
}
@media all and  (max-width:1250px){
.fullscreenmenu{
display: block;
} 
 .top_menu .m1{
display: none;
} 
    
footer .footer-box .footer-back{
background-attachment:inherit; 
}
 .item-t1{
width: 100%;   
    
}    
.item-p1{
width: 90%; 
display: block;
margin: 0 auto;
} 
.background1{
height: 100px;     
}
.background1_k{
height: 100px;     
}
 .consul{ 
width:calc(100% / 2 - 10px);  
margin:20px 5px;    
position: relative;  
}    
 .consul_text{
  font-size: 0.9rem;     
}  
.service-box{
width:calc(100% / 5 - 20px);  
margin: 10px;  
}  
.item-p4{
width: 100%;   
}

.item-t4{
width: 100%; 
margin-top: 3rem;    
}      
}

@media all and  (max-width:950px){
 .slider-box p {
    font-size: 3rem;   
}
.slider-box span{
font-size: 2rem;    
   
}     
   
     
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin-top: 1%;
}

   
.item-t2{
width: 100%; 
padding: 0 3%; 
position: relative;
z-index: 5;  
order: 2;    
}

.item-p2{
width: 30%; 
position: relative;
z-index: 5;  
margin: 2% auto;
order: 1;       
}   
.service-box{
width:calc(100% / 3 - 20px);  
margin: 10px;  
}   
.item-p3{
width: 100%;  
order: 1;    
}
.item-p3 img{
width: 100%; 
height: 100%;
object-fit: cover;    
}
.item-t3{
width: 100%; 
padding: 1rem; 
order: 2;     
}  
.item-t3 p{
  width: -moz-fit-content;
width: fit-content;  
margin: 0;
}
.item-t3 .number_t{
font-size: 1.5rem;    
}  
}
@media all and  (max-width:690px){
.wrapper{
width: 100%;   
   height: 70vh;   
min-height: 300px;    
  position: relative;
overflow: hidden;    
}
.headline{
font-size: 1.3rem; 
}    
.slider-box{
    width: 100%;
    height: 70vh;
    min-height: 300px;   
}    
.background1{
height: 80px;     
} 
.background1_k{
height: 80px;     
}    
 .slider-box p {
    font-size: 2rem;   
}
.slider-box span{
font-size: 1.3rem;    
   
}
 .midashi_l h2{
font-size: 1rem;		        
}
.midashi_l .strong{
font-size: 2.3rem;		   
}     
 .midashi_c h2{
font-size: 1rem;		        
}
.midashi_c .strong{
font-size: 2.3rem;		   
}     
 .midashi_cw h2{
font-size: 1rem;		        
}
.midashi_cw .strong{
font-size: 2.3rem;		   
} 
.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3em;       
}    
.text2{
font-size: 1.1em;          
}    
section{
padding: 50px 0;    
}

    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
 
.sp_l{
      text-align: left;
    }  

.item-p1_t{  
font-size: 1rem; 
top: -12%;    
}
.item-p2{
width: 50%;       
}
.item-p4_1 {
 width:calc(100% / 1 - 20px);  
 height: auto;    
margin:10px auto 30px;      
}

.item-t4_1{
 width:calc(100% / 1 - 20px); 
margin: 10px auto;     
}    
 .consul{ 
width:calc(100% / 1 - 0px);  
margin:20px auto;    
display: block; 
}    
 .consul_text{
  font-size: 0.8rem;     
} 
.service-box{
width:calc(100% / 2 - 20px);  
margin: 10px;  
}   
 .flow-border::after{
position: absolute;
z-index: 2;     
content: "";    
width: 3px;
height:88%;
object-fit: cover;    
background: #FF9900;
object-fit: cover;
top: 95px;
left:24px;
-webkit-transform : translateX(0%);
transform : translateX(0%);      
}
.flow_left{
width: 90%;
position: relative;
display: block;   
z-index: 3; 
}
.flow_left p{
max-width: 400px;
width: 100%; 
padding-right: 0rem;  
padding-left: 4rem;  
padding-bottom: 2rem;    
}
.flow-number_l{
position: absolute;
width: 50px;
height: 50px;
background: #FF6E00;
border-radius: 50px;
top: 50%;
right: inherit;
left: 0;    
color: #fff;  
-webkit-transform : translateY(-50%);
transform : translateY(-50%);    
text-align: center;
font-size: 1.5rem;   
display: block;  
line-height: 50px;    
}
.flow_right{
width: 100%;
position: relative;
display: block;
margin-left: 0;  
z-index: 3;   
padding-bottom: 2rem;       
}
.flow_right p{ 
width: 100%; 
padding-left:4rem;     
text-align: left;
}

.flow-number_r{
position: absolute;
width: 50px;
height: 50px;
background: #FF6E00;
border-radius: 50px;
top: 50%;
right: inherit;
left: 0;    
color: #fff;  
-webkit-transform : translateY(-50%);
transform : translateY(-50%);    
text-align: center;
font-size: 1.5rem;   
display: block;  
line-height: 50px;      
}
.flow_img{
width: 150px;    
}   
.table table tbody th{
width: 100%;
display: block;    
}
.table table tbody th::after{
content: "";    
 position: absolute;
right: inherit;
left: 50%;    
top: inherit;  
bottom: -0.5rem;    
-webkit-transform : translateY(0%);
transform : translateY(0%);    
-webkit-transform : translateX(-50%);
transform : translateX(-50%);       
  border-style: solid;
  border-width: 15px 14px 0 14px;
  border-color:#FF9900 transparent transparent transparent;
  z-index: 2;    
}
.table table tbody td{
width: 100%;
display: block;  
color: #fff; 
padding: 2rem 1rem;
background: #555;    
}
.c-box a{ 
font-size: 1.8rem;       
}    
.mailform table th{
width: 100%;
display: block;    
padding:1rem 1rem 0; 
border-bottom: 0px dotted #555;
}

.mailform table td{
width: 100%;
display: block;   
padding: 1rem;
width: 100%; 
border-bottom: 1px dotted #555;   
text-align: left;
}    
}  
@media all and  (max-width:450px){
.contents{
width: 90%;     
height: 300px;
margin-top: 1em; 
}
.cont-box{  
width: 90%;    
height: 290px;   
} 
 .item_back2{
height: 95%;            
}
.service-box{
width:calc(100% / 1 - 0px);  
margin: 10px auto;  
}        
}
@media all and  (max-width:380px){

}