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

}

@media all and  (max-width:1500px){

   
}
@media all and  (max-width:1250px){

footer .footer-box .footer-back{
background-attachment:inherit; 
}
.top_menu .m1,.t-con{
    display: none;
    }  
.fullscreenmenu{
display: block;
}  
 .top_menu .menu_t .logo img{
width:90%;	
display: block;
margin: 5px 5px 5px 20px;
}  
}

@media all and  (max-width:950px){

 .item-t1{
width: 100%;  
order: 2;
}

.item-p1{
width: 100%;  
order: 1; 
}       
 .item-p1 img{ 
width: 100%; 
height: 100%;
object-fit: cover;
display: block;
position:relative;
left: 0;
bottom: 0; 
} 

.greeting-box::after{
width: 100%;
height:25%;
object-fit: cover;    
content: "";
background: url("../img/greeting1.jpg");    
background-size: cover;
background-repeat: no-repeat;    
position: absolute;
top: 0;
left: 0; 
  -webkit-mask-image: radial-gradient(rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 90%);
    mask-image: radial-gradient(rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 90%);  
z-index: -1; 
opacity: 0.9;    
}  
.service-flex{
 width: 100%;       
margin: 10px auto;      
}   
  
 .item-t2{
width: 100%;  
order: 2;
}

.item-p2{
width: 100%;  
order: 1;
margin-bottom: 30px;     
} 
.service2_l{
width:100%;
max-height: 900px;
min-height: 600px;         
position: relative;
padding:10px 0;       
}    
.service2_l img{
width: 100%;   
height: 100%;
object-fit: cover;
display: block;  
border-radius: 10px;   
position: relative;
top: 0;
right: 0;       
}
.service2_l .service2{
box-shadow: 2px 2px 5px #eee;        
background: #fff;
position: relative;
border-radius: 10px;    
top: 0;
left: 0;  
max-width: 100%;
width: 100%;     
padding: 20px;
margin-right: auto;
background-color: #fff;
-webkit-box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04);
box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04);     
-webkit-transform : translateY(-0%);
transform : translateY(-0%);         
}   
.service2_r{
width:100%;
max-height: 900px;
min-height: 600px;         
position: relative;
padding:10px 0;     
}     
.service2_r img{
width: 100%;   
height: 100%;
object-fit: cover;
display: block;  
border-radius: 10px;   
position: relative;
top: 0;
right: 0;       
}
.service2_r .service2{
box-shadow: 2px 2px 5px #eee;        
background: #fff;
position: relative;
border-radius: 10px;    
top: 0;
left: 0;  
max-width: 100%;
width: 100%;     
padding: 20px;
margin-right: auto;
background-color: #fff;
-webkit-box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04);
box-shadow: 0 6px 15px rgba(36, 37, 38, 0.04);     
-webkit-transform : translateY(-0%);
transform : translateY(-0%);         
}     
}
@media all and  (max-width:690px){
.slider-box{
    width: 100%;
    height:calc(100vh - 57.81px); 
}
.top_wrapper{
width: 100%; 
height: 57.81px;    
}    
.top_menu .menu_t .logo{
width:250px;     
}
.top_menu .menu_t .logo img{
width:90%;	
display: block;
margin: 5px 5px 5px 20px;
}    
.midashi_l h2{    
font-size: 1.3rem;		  
}
.midashi_l h2::after{   
position: absolute;
left: 0;
font-size: 3rem;        
}

.midashi_c h2{
font-size: 1.3rem;	  
}
.midashi_c h2::after{
position: absolute;
left: 50%;  
font-size: 3rem;        
}
.midashi_cw h2{
font-size: 1.3rem;	  
}
.midashi_cw h2::after{
position: absolute;
left: 50%;
font-size: 3rem;        
}
.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3em;       
}    
.text2{
font-size: 1.1em;          
}    
.greeting-text{
font-size: 1.5rem;
padding-left: 1rem;    
}      
.service-box1 .s-box{
width:100%;  
position: relative;
display: block;  
transition: all 5s;	    
} 
.s-box_icn{
width: 100px;  
}    
section{
padding: 50px 0;    
}
  
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    
 
.sp_l{
      text-align: left;
    }  
 footer .footer-box .footer-back{
padding: 50px 0;     
}
.service-box1 .s-box .service-text .s-text{   
width: 100%;  
} 
.service-text{
}    
.ios{
 width:95%;  
margin: 10px auto;     
}  
.history .year{
width: 25%;
font-size: 0.8rem;      
} 
.history .h_text{
width: 75%;
font-size:0.8rem;    
padding: 1% 0;   
text-align: left;
position: relative;
padding-left: 3rem;   
}
.history .h_text::after{
  display: block;
  content: "・・・";
  position: absolute;
  top:50%;
 left: 0;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);  
color: #7BC242;    
}    
.item-t3{
width: 100%;   
padding:3%;    
}

.item-p3{
width:100%;  
}  
.ios-table table th{
width: 100%;  
display: block;
border-bottom: solid 0px #999; 
background: rgba(32,52,165,0.1);    
padding:1rem ;  
font-weight: 500;
color: #2034A5;    
}
.ios-table table td{
width: 100%;  
display: block;
border-bottom: solid 0px #333;    
padding:1rem ;  
background: rgba(32,52,165,0.05);        
}    
.table table th{
width: 100%;  
display: block;    
}
.table table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:inherit;
  right:inherit;
    left: 50%;
bottom: -20px;    
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;    
  border-top: 10px solid #2034A5;
  border-bottom: 10px solid transparent;
-webkit-transform : translateX(-50%);
transform : translateX(-50%);        
}

.table table td{
width: 100%;  
display: block;     
padding:1rem 1.5rem;     
font-size: 1rem;      
background: #fafafa;    
}       
.mailform table th{
	font-size: 1rem;
	text-align: left;
	padding-left: 1rem 1rem 0; 
    border-bottom: 0px dotted #555;
    width: 100%;
    display:block;
}

.mailform table td{
padding: 1rem;
width: 100%; 
border-bottom: 1px dotted #555;   
display: block;
}  
}  
@media all and  (max-width:450px){
    
}
@media all and  (max-width:380px){

}