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

}

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

}
@media all and  (max-width:1250px){
.arrow1 {
    list-style:  none;
    padding:  0;
    display: flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}    
.slider-box{
    width: 100%;
    height: calc(100vh - 120px);
}
.open .slider-box{
     width: 45%;
      height: calc(100vh - 120px); 
}    
.item-t1{
width: 100%;   
position:relative;
display: block; 
-webkit-transform : translateY(0);
transform : translateY(0); 
top: 0;
right: 0;       
order: 2;      
}    
.item-p1{
width: 100%; 
order: 1;      
}
.item-p1 img{
width: 97%;    
} 
.item-p1_back{
background: rgba(121,98,158,0.3);
position: absolute;
bottom: -5%;
right: 0;
width: 100%;
height: 100%;     
z-index: 1;  
object-fit: cover;      
}    
.top_menu .menu_t .logo{
width:300px;
}
.c_box{
	width: calc(100% / 3); 
} 
.slider-box p {
    font-size: 1.8rem;
}      
.open .slider-box p {
    font-size: 1.5rem;
}  

.price_w{
width: calc(100% / 1 - 30px); 
margin:15px ;  
}  
.img1{
width: 30%;
position: relative;   
}    
.img2{
width: 20%;
position: relative;   
left: 70%;    
}     
}

@media all and  (max-width:950px){
  .breadcrumb {
top: 63%; 
} 
.slider-box{
    width: 100%;
    height: 50vh;
}    

.fullscreenmenu{
display: block;
}
.top_menu .menu_t .logo{
width:250px;
}    
    .m1{
    display: none;
    }      
.tb_l{
      text-align: left;
    }
.top_menu .menu_t .logo{
margin: 3% 0 2%;
}
.greeting-text strong{
font-size: 1.5em;  
}
.greeting-text {
display: block;
margin: 0;    
font-size:1em;
text-align:left;
line-height:200%;   
}    
.f-con{
margin: 1em auto;    
}
    
 .item-t2{
width: 100%;
padding:5%;    
display: block; 
order: 2; 
}
 
 .contents{
width: 300px;    
}

.cont-box{
width: 280px;   
} 
.c-tel{
width: 100%;       
}
  
.c-fax{
width: 100%;        
} 
.strengths_text{
font-size: 1.2rem;    
}
.open .slider-box{
     width: 100%;
      height: 50vh; 
}
.history{
width: 70%;     
} 
.history .date{
 width:55%; 
display: block;    
padding:1rem;
position: relative;
text-align: center; 
}
.history .border{  
left: 50%; 
height: 90%;    
-webkit-transform : translateX(-50%);
transform : translateX(-50%); 
z-index: -1;  
display: block; 
opacity: 1;    
}    
   
.history .date::after{
 content: '';    
 width:10px; 
 height:10px;    
display: block; 
background:#0464bd;  
position: absolute;  
right:inherit;
top:inherit;  
left: 50%;
bottom: 10px;    
-webkit-transform : translateY(0%);
transform : translateY(0%);   
-webkit-transform : translateX(-50%);
transform : translateX(-50%);     
z-index:6;  
border-radius: 50%;       
}
.history .date::before{
display: none;
}
.history .history-text{
 width: 70%; 
display: block;  
position: relative;
z-index: 5;    
} 
.item-t4{
width: 100%;  
padding: 5%; 
order: 2;    
}
.item-p4{
width: 80%;   
display: block;
margin: 0 auto;
order: 1;      
}  

 
.step-box2 .step-flow{
width: 100%;   
}  
.step-box2 .border-b{
left: 60px;   
width: calc(100% - 60px)    
}    
.step-photo{
width:calc(100% - 60px);  
margin-left: 60px;    
}  
.step-box2 p{
    font-size: 0.9rem;
margin: 0 auto;
padding-left: 60px; 
padding-right: 10px;    
}  
.step-box2 .step-flow .step-titl{
 font-size: 1.3rem;   
padding-left: 60px; 
padding-right: 10px;   
}
.step-box2 .step-flow .flow_n{
width: 50px;
height: 50px;          
}
.step .border-l{
top: 50px;
left: 25px;   
}  
.arrow {
    list-style:  none;
    padding:  0;
    display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}    
.img1{
width: 50%;
position: relative;   
}    
.img2{
width: 40%;
position: relative;   
left: 50%;    
}    
}
@media all and  (max-width:690px){
.slider-box p {
    font-size: 1rem;
}   
  .midashi_l h2{
width: 100%;     
font-size: 1rem;		 
}

.midashi_l .strong{
font-size: 2rem;		
}

.midashi_c h2{
width: 100%;     
font-size: 1rem;		   
}

.midashi_c .strong{
font-size: 2rem;		
}
.midashi_cw h2{
width: 100%;     
font-size: 1rem;		    
}

.midashi_cw .strong{
font-size: 2rem;		    
}
    .sp_kaigyo{
    display: block;    
    }    
   .tb_kaigyo{
    display: block;    
    }    

.text1{
font-size: 0.9em;  
}
.text1 strong{
font-size: 1.3em;      
}
.text2{
font-size: 1.1em;    
    
}  
.headline1{
font-size: 1.3rem;   
}

.headline2 {
    font-size: 1.3rem;
}
    
.sp_l{
      text-align: left;
    }  
.strengths{
  	width: calc(100% /1 - 40px); 
margin: 20px;    
}    
.c_box{
	width: calc(100% / 1); 
}      
.youtube iframe{   
height: 300px;  
}
.history{
width: 100%;     
}
.history .history-text{
 width: 100%; 
display: block;  
position: relative;
z-index: 5;    
} 
.service{
width: calc(100% / 1 - 30px); 
margin:15px;    
}   
.c-tel a{
font-size: 1.8rem;  
} 
.mailform table th{
	padding:1rem 1rem 0; 
    border-bottom: 0px dotted #b0b0b0;
    width: 100%;
    display: block;
}

.mailform table td{
font-size: 1em;
padding:1rem;
width: 100%; 
border-bottom: 1px dotted #b0b0b0;   
text-align: left;
display: block;    
}    
}
@media all and  (max-width:450px){
.headline3{
font-size: 1rem;  
}    
.price1 table th{
font-size: 0.7rem;    
}
.price1 table td{
font-size: 0.7rem;       
}
.price2 table th{
font-size: 0.7rem;       
}
.price2 table td{   
font-size: 0.7rem;         
}

.price3 table th{  
font-size: 0.7rem;       
}
.price3 table td{

font-size: 0.7rem;         
}
}
/*    
    }
@media all and  (max-width:380px){

}