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

}

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

   
}
@media all and  (max-width:1250px){
.catch {
	font-size: 1rem;
}     
.catch .bi {
	font-size: 2rem;
}      
 .slider{
width: 100%;
  height: 100vh;    
min-height: 300px;
}
.slider-box{
    width: 100%;
    height: 100vh;
    min-height: 300px;
} 
footer .footer-box .footer-back{
background-attachment:inherit; 
}
.slider-box p {
    font-size: 2rem;
    top:15%;
}
.e_ashirai2{
width: 100px;
position: absolute;
top: 2%;
left:2%;    
}    
.e_ashirai1{
width: 150px;
position: absolute;
bottom: -10%;
right:0;    
}  
.fullscreenmenu{
display: block;
}
  
.m1{
display: none!important;
} 
.item-t2{
width: 100%; 
padding:3%;
position: relative;
z-index: 10;    
}
.item-p2{
width:60%;
margin: 0 auto;
}  
 .event-img{
width:calc(100% / 3 - 10px);        
}    
.table2{
width:calc(100% / 1 - 0px);     
padding: 3%;
margin: 10px auto;  
background: #fff;
padding: 3%;
border-radius: 20px;  
position: relative;  
flex-direction:column; 
display: flex; 
border: 1px #eee solid;
}  
.class_img{
 width:calc(100% / 2 - 10px);        
}    
}

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

.tb_l{
      text-align: left;
    }
   .tb_kaigyo{
    display: block;    
    }   
.item-t1{
width: 100%;   
padding: 1em 3%;    
position:relative;
display: block;
margin: 0 auto;
bottom: 0;
right: 0;   
order: 2;      
}    
.item-p1{
width: 100%;   
order: 1;      
}
.item-p1 img{
width: 100%;   
} 
.greeting-box::after{ 
background-size: cover;
background-position: left 20%;
  
}     
.support_box{
width:calc(100% / 1 - 20px);   
padding: 8% 1% 5%;  
}  
.s_ashirai1{
width: 150px;   
}
.s_ashirai2{
width: 100px;   
}    
.event-box_left{
position: absolute;
left: 0;
top: inherit;    
bottom:-5%;    
 background: rgba(240,122,72,0.08);
 border-radius: 50px; 
background-size: cover;
object-fit: cover;
display: block;
width:  100%;
height: 50%;    
  -webkit-transform : translateY(0);
  transform : translateY(0); 
z-index: -1; 
}
.event-box_right{
position: absolute;
right: 0;
top: inherit;    
bottom:-5%;    
 background: rgba(240,122,72,0.08);
 border-radius: 50px; 
background-size: cover;
object-fit: cover;
display: block;
width:  100%;
height: 50%;    
  -webkit-transform : translateY(0);
  transform : translateY(0); 
z-index: -1;    
}
 .contents{
width:  300px;  
height: 300px;         
} 
 .event-img{
width:calc(100% / 2 - 10px);        
} 
label{
display: block; 
white-space:nowrap;
margin-right: 0;
width: 100%;    
}      
}
@media all and  (max-width:690px){
.pc_kaigyo{
display: inline;    
}      
.slider{
width: 100%;
  height: 50vh;    
min-height: 300px;
}
.slider-box{
    width: 100%;
    height: 50vh;
    min-height: 300px;
}    
  .slider-box p {
    font-size:2rem;
    top:20%;

}      
.catch {
	font-size: 0.9rem;
} 
.catch .bi {
	font-size: 1.8rem;
}    
  .slider-box p {
    font-size:0.8rem;
    top:40%;
    text-shadow: 1px 1px 5px #333;  
} 
.midashi_l h2{
font-size: 1rem;		
}
.midashi_l .strong{
font-size: 2rem;		  
}

.midashi_c h2{    
font-size: 1rem;		       
}
.midashi_c .strong{
font-size: 2rem;		      
}
.midashi_cw h2{
font-size: 1rem;		         
}
.midashi_cw .strong{
font-size: 2rem;		      
}
.headline{
font-size: 1.3rem;
}    
.text1{
font-size: 0.9rem;  
line-height: 200%;  
}
.text1 strong{
font-size: 1.3rem;       
}    
.text2{
font-size: 1.1rem;          
}    
.text3{
font-size: 0.9rem;  
line-height: 2;    
}
section{
padding: 50px 0;    
}
  
    .sp_kaigyo{
    display: block;    
    }    

.sp_l{
      text-align: left;
    }  
.item2{  
padding: 0.5rem;     
}    
.item-t2{
width: 100%;     
}
.item-p2{
width:100%;
}
.number_titl2{
  font-size: 2rem;  
}
.number_titl2::after{ 
width: 50px;
height:40px;       
}    
.container-text{
font-size: 1.3rem;  
 top: 50%;
left:50%;    
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);  
width: 98%;    
} 
.c-box a{
font-size: 1.5rem;  
}
.class_img{
 width:calc(100% / 1 - 0px);     
padding: 1%;
margin:10px auto;     
}    
 .event-img{
width:calc(100% / 1 - 10px);  
    margin: 10px auto;
}  
.table table th{
width: 100%;    
display: block;    
padding: 1rem;    
border-bottom: #eee dotted 0px; 
background: #fafafa;    
}
.table table td{
width: 100%;
display: block;    
padding: 1rem;    
border-bottom: #eee dotted 2px;    
} 
.table2 thead th{
width: 100%;    
display: block;    
padding: 1rem;    
border-bottom: #eee dotted 0px;  
}    
.table2 tbody th{
width: 100%;    
display: block;    
padding: 1rem;    
border-bottom: #eee dotted 0px; 
background: #fafafa;    
}
.table2 tbody td{
width: 100%;
display: block;    
padding: 1rem;    
border-bottom: #eee dotted 2px;    
}     
.mailform table th{
	font-size: 1rem;
	text-align: left;
	padding: 1rem 1rem 0; 
    border-bottom: 0px dotted #b0b0b0;
    width: 100%;
    display: block;
}

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

}