@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1800px){
.prize-box{
width:100%;  
margin: 10px auto;
} 
}

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

  .top_menu .menu_t .logo{
max-width:200px;
width: 50%;    
transition: all 0.5s;  
margin: 1% 5px
}   
 .slider-box h2{

font-size: 2.5rem;
}  
    
}
@media all and  (max-width:1270px){
  .container {
max-width: 98%;
margin: 0 auto;	
}       
.fullscreenmenu{
display: block;
}
.top_menu .m1{
    display: none;
    } 
  
.greeting-box,footer .footer-box .footer-back::after{
background-attachment: inherit; 
} 
.slider-box{
width: 100%;
  height:98vh;      
}
 .service{
   width:calc(100% / 2 - 20px);   
   margin: 10px;
}        
}

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

.slider{
width: 100%;
  height:50vh;
min-height: 300px;    
}
.slider-box{
width: 100%;
  height:50vh;   
min-height: 300px;       
}    
 .slider-box h2{
font-size: 2rem;
} 
.loading_text{
	font-size: 2rem;
}    
.tb_kaigyo{
display: block;    
}  
.tb_l{
      text-align: left;
    }
.tb_r{
 text-align: right;
}        
.pc_kaigyo{
display: inline;    
}
.greeting-box::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.6);
    z-index: 2;
    object-fit: cover;
}    
.item-back_l::after{
    content: "";
    position: absolute;
    bottom: inherit;
    top: 0;
    left: 20%;
    width: 80%;
    height:40%;
    background: rgba(201,204,0,0.09);
}
.item-back_r{
width: 100%; 
position: relative;
}
.item-back_r::after{
    content: "";
    position: absolute;
    bottom: inherit;
    top: 0px;
    right: inherit;
    left: 20%;
    width: 80%;
    height:40%;
    background: rgba(201,204,0,0.09);
}    
.item-t1{
width: 100%; 
margin-left: 0%;  
padding: 3%;    
}

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

.item-p2{
width: 90%;   
position: relative;
z-index: 3; 
order: 1;    
margin-bottom: 1rem;    
} 
.item-t3{
width:100%; 
padding:5% 3%; 
order: 2;    
}
.item-p3{
width: 100%;  
order: 1;     
} 
.interview-box{
width:calc(100% / 2 - 20px);    
} 

.st_l img{
width: 100%;   
height: 100%;
position: relative;
top: 0;
left: 0;   
}
.st_l .st-t{
width: 100%;       
background: #3B58CC;
position: relative;
top: 0;
right: 0;  
    padding: 56px;
    margin-left: auto;
    -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);      
text-align: left;
overflow: hidden;     
}
.st_l .st-t::after{
content: attr(data-label);    
position: absolute;
top: 50px;
right: 3px;
color: rgba(255,255,255,0.05);    
font-size: 25vh;   
 font-family: "Cormorant Garamond", serif;
  font-weight: 700;   
    line-height: 1;
     z-index: -1;

}
.st_r{
width:100%;
max-height: 900px;
min-height: 600px;         
position: relative;
padding: 0;     
}
.st_r img{
width: 100%;   
height: 100%;
object-fit: cover;
display: block;  
position: relative;
top: 0;
right: 0;       
}
.st_r .st-t{
width: 100%;    
position: relative;   
top: 0;
left: 0;  
padding: 56px;
margin-right: auto;
background-color: #3B58CC;
-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);
text-align: left; 
overflow: hidden;    
}
.st_r .st-t::after{
content: attr(data-label);    
position: absolute;
top: 50px;
right: 3px;
color: rgba(255,255,255,0.05);   
font-size: 25vh;   
 font-family: "Cormorant Garamond", serif;
  font-weight: 700;
    line-height: 1;
    z-index: -1;
}    
.greeting-box{
width: 100%;
display: block;
background: url("../img/greeting1.webp");    
background-size: cover;
background-position: center;
position: relative;
}   
    
 .recruit_box::after{
position: absolute;
content: "";
top: 0;
left: 0;
background: url("../img/recruit1.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;  
z-index: -1;
opacity: 0.3;       
}
.recruit_box::before{
display: none;      
} 
    .button_l {
    display: block;
    margin: 0 auto;
    }  
.item-p4{
width: 100%; 
    
}

.item-t4{
width: 100%;     
}  
.item-t4::after{
}
.item-t4 .item-t4_t{
text-align: left;
position: relative;
top: 0;
left: 0;  
width: 98%; 
-webkit-transform : translate(0,0);
transform : translate(0,0);      
z-index: 1; 
 padding:60px 0; 
margin: 0 auto;
} 

 .prize-box .prize-photo{
   width: 100%; 
}

.prize-box .prize-text{
   width:100%;  
} 
   
}
@media all and  (max-width:690px){
   
.loading_text{
	font-size: 1.5rem;
}       
 .slider-box h2{
position: absolute;
bottom: 5%;
right: inherit;
left: 5%; 
font-size: 1.3rem;
color: #fff; 
  font-family: "Noto Serif JP", serif;   
text-shadow: 2px 2px 5px #000;
}     

.slider:before {
    width: 100%;
  height:50vh;
min-height: 300px;     
}
.slider-box{
    width: 100%;
     height:50vh;
min-height: 300px;     
}
.vegas-slide-inner{
    width: 100%;
      height:50vh;  
min-height: 300px;     

}    
.slider-box p {
font-size: 1.5rem;  
}
.about_titl{
    font-size:1.8rem; 
}
.headline{
font-size: 1.3rem;     
}    
.text3{
font-size: 1.3rem;    
}    
.text1{
font-size: 0.9rem;  
}
.text1 strong{
font-size: 1.2rem;       
}    
.text2{
font-size: 1.1rem;          
}    
.midashi_l h2{
font-size: 1rem;		
}
.midashi_l .strong{
font-size: 3rem;		  
}

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

.midashi_c .strong{
font-size: 3rem;		
}

.midashi_cw h2{
width: 100%;     
font-size: 1rem;		
text-align:center;	   
color: #fff;  
line-height: 1.2; 
position: relative;     
}

.midashi_cw .strong{
font-size:3rem;		   
}

section{
padding: 50px 1%;    
}

    .sp_kaigyo{
    display: block;    
    }    
   .pc_kigyo{
display: inline;    
}
.sp_l{
      text-align: left;
    }
.prize-box .pr_taitl{
font-size: 1.3rem;    
}
.item-t5_titl {
  font-size: 1.1rem;    
}
   
.st_titl1{
font-size: 1.2rem;     
}
.st_titl1 span{
font-size: 1rem;    
}  
.st_r .st-t{
padding: 3%;  
}
.st_l .st-t{
padding: 3%;  
} 
.service{
   width:100%;   
   margin: 10px auto;  
}      
.interview-box{
width:calc(100% / 1 - 0px); 
margin: 10px auto;
} 
 
.c-tf_titl{
font-size: 1rem;
    }
.c-box a{    
font-size: 1.5rem;  
}  
.table table th{
width: 100%;
display: block;    
}
.table table 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:#1E2C66 transparent transparent transparent;
  z-index: 2;    
}
.table table td{
width: 100%;
display: block;  
color: #fff; 
padding: 2rem 1rem;
background: #555;    
}    
.mailform table th{
width: 100%;
display: block;    
padding-left:1rem 1rem 0; 
border-bottom: 0px dotted #555;
}

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

}