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

}

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

   
}
@media all and  (max-width:1250px){
.slider{
width: 100%;
height:calc(100vh - 73.55px);  ; 
position: relative;
overflow: hidden;
margin-top: 73.55px;    
}
.slider-box p {
font-size: 2.5rem;    
}
.slider-box{
width: 100%;
height: 100vh;    
overflow: hidden;
position: relative;
}    
.fullscreenmenu{
display: block;
} 
.top_menu .m1{
    display: none;
    } 
.top_menu .menu_t .logo{
width:200px;
transition: all 0.5s;    
padding-left: 10px;    
}
    
 .top_menu .menu_t .logo img{
width:100%;	
display: block;
margin:5% auto;
} 
.container{
    max-width: 95%;
display: block;
margin: 0 auto;
overflow: hidden;
}
footer .footer-box .footer-back::after{
background-attachment:inherit; 
}
   .point-box{
width: calc(100% / 2 - 10px);  
    margin: 5px ;   
}
.background1::after{
content: "";
position: absolute;
top: 0%;
left: 0%;    
width: 100%;
height: 100%;
object-fit:  cover;
background: #f5f5f5; 
z-index: -1;
} 
.background3::after{
content: "";
position: absolute;
top: 0;
left:0;    
width: 100%;
height:100%;
object-fit:  cover;
background: #f5f5f5; 
z-index: -1;
}  
.item-t4{
width: 100%; 
padding: 3% 0;  
order: 2;    
}
.item-p4{
width:100%;
order: 1;      
}   
.item-p5_l{
width:100%;
height: 1000px;
overflow: hidden;
position: relative;
}
.item-p5_l img{
width: 100%;
height: 70%;    
}
.item-p5_l .item-t5{
box-shadow: 2px 2px 5px #eee;        
background: #fff;
position:absolute;
top:inherit;
bottom: 0;    
right: 5%;  
    max-width: 100%;
    padding: 56px;
    margin-left:inherit;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);  
width: 90%;    
}
.item-p5_r{
width:100%;
height: 1000px;
overflow: hidden;
position: relative;
}
.item-p5_r img{
width: 100%;
height: 70%; 
margin-left: 0;    
}
.item-p5_r .item-t5{
box-shadow: 2px 2px 5px #eee;        
background: #fff;
position:absolute;
top:inherit;
bottom: 0;    
left: 5%;  
    max-width: 100%;
    padding: 56px;
    margin-left:inherit;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);  
width: 90%;    
}
@media all and  (max-width:950px){     
 
.slider-box p {
font-size: 2rem;    
}
    
     
.tb_l{
      text-align: left;
    }
   .tb_kaigyo{
    display: block;    
    }        
    
.item-t1{
width: 100%; 
padding: 3%;   
}
.item-p1{
width: 100%;    
}
   .point-box{
width: calc(100% / 2 - 10px);  
    margin: 5px;   
} 
.point-box .number{
font-size: 3rem;     
}
.point-box .number span{
font-size:1.rem;  
} 
.item-t2{
width: 100%; 
padding: 3%;   
}
.item-p2{
width: 98%;  
display: block;
margin: 0 auto;
}  
   
}
@media all and  (max-width:690px){

.slider-box p {
font-size: 1.5rem;  
width: 100%;    
}
   
.midashi_l .strong{
font-size: 1.5rem;		 
display: block;    
text-align: left;  
display: block;  
position: relative; 
padding-left: 50px;
  font-family: "Noto Serif JP", serif;    
}
.midashi_l .strong::after{
position: absolute;
top: 50%;
left: 0;
width: 30px;
height: 1px;
background: #2134A3;    
-webkit-transform : translateY(-50%);
transform : translateY(-50%);      
content: "";    
}
.midashi_l .small{
 font-size: 1rem;		
text-align:left;	    
margin-left: 53px;   
color: #A32130;  
font-family: "Kanit", sans-serif; 
letter-spacing:0.1rem;    
}
.midashi_c .strong{
font-size: 1.5rem;		    
}

.midashi_c .small{
 font-size: 1rem;		    
}
.midashi_cw .strong{
font-size: 1.5rem;		    
}

.midashi_cw .small{
 font-size: 1rem;		      
}    
.text1{
font-size: 0.9em;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3rem;       
}    
.text2{
font-size: 1.1rem;          
}    

section{
padding: 50px 0;  
overflow: hidden;    
    }
    .sp_kaigyo{
    display: block;    
    }    
.button_l{
display: block;
margin: 0 auto 0.5rem;    
}
   
.sp_l{
      text-align: left;
    }  
 .item-p1 .item-p1_1{
width: calc(100% / 2 - 20px);    
}  
 .point-box{
width: calc(100% / 1 - 0px);   
margin: 10px auto;
} 
 .item-p2{
height: 350px;    
}
.item-p5_l{
width:100%;
height: 700px;
overflow: hidden;
position: relative;
}    
.item-p5_l img{
width: 100%;
height: 50%; 
margin-left: 0;  
}
.item-p5_l .item-t5{
    padding: 20px; 
    width: 100%;
    left: 0;
    
}  
.item-p5_r{
width:100%;
height: 700px;
overflow: hidden;
position: relative;
}        
.item-p5_r img{
width: 100%;
height: 50%; 
margin-left: 0; 
right: 0;    
}
.item-p5_r .item-t5{
    padding: 20px; 
        width: 100%;
    left: 0;  
}    
.item-t4_titl1{
font-size: 1.3rem;   
}
.item-t4_titl1 span{
font-size: 0.7rem;
}    
.c-box a{    
font-size: 2rem;    
}

.c-box .tel_time{
font-size:1rem; 
} 
    
.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 #2134A3;
  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{
	padding: 1rem 1rem 0; 
    border-bottom: 0px dotted #555;
    width: 100%;
    display: block;

}

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

}