@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

/* main  */ 
.recruit_lead {margin: 0 3% 28px; }
.recruit_lead_L{font-size: 4.6vw; font-weight: 500;
    color: #4169e1; line-height: 1.4;}
.recruit_lead_L p{padding: 6px 0 24px 2%; font-size: 3.1vw; line-height: 1.4; 
    font-weight: normal;}     
.recruit_lead_R{width: 60%; margin: 0 auto;}    
.recruit_lead_R img{width: 100%; }     
.message{font-size: 3vw; line-height: 1.5; border:1px dashed #ff7f50;
    padding: 12px 2%; border-radius: 10px; width: 86%; margin: 0 auto 10px;}    
.message_lead{ font-size: 3.2vw; line-height: 1.5; width: 94%; margin: 0 auto 10px;}      
.recruit_contact{width: 12em; height: 1.5em; text-align: center; 
    font-size: 3vw; margin: 10px auto 16px; background-color: #f9f; line-height: 1.2;
    border-radius: 12px;padding-top: 4px;} 
.recruit_contact a{color: #fff; }   
.recruit_all {margin-bottom: 28px;} 
.recruit_frame{ width: 95%; margin-left: 3%; }
.recruit_L{font-weight: bold; font-size: 3.2vw;}
.recruit_R{padding: 0 0 4px 2%; font-size: 3vw;} 
.recruit_R a{font-size: 3.1vw; font-weight: 600; color: #4169e1; }  
    
/* 応募フォーム　*/
.recruit_back {border:1px solid #666; width: 11em; text-align: center; 
        border-radius: 10px; margin-left: auto; margin-bottom: 20px; font-size: 3vw;}      
.form{width: 92%;  margin: 20px auto; }      
.hisu{font-size: 2vw; color: #f00;}    
.form dl{border-bottom:1px solid #bbb; padding: 6px 0; overflow: hidden;}   
.form dt{width: 28%; float: left; text-align: right; line-height: 1.6em;
    font-size: 2.8vw;}
.form dd{width: 70%; float: right; right; font-size: 2.8vw;}
.output{text-align: center; margin: 20px 0;}       
    
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

/* main  */ 
.recruit_lead {margin: 0 4% 28px; overflow: hidden; }
.recruit_lead_L{width: 60%; float: left; font-size: 2.6vw; font-weight: 500;
    color: #4169e1; line-height: 1.4;}
.recruit_lead_L p{padding: 6px 0 24px 2%; font-size: 2vw; line-height: 1.4; 
    font-weight: normal;}     
.recruit_lead_R{width: 38%; float: right;}    
.recruit_lead_R img{width: 100%; } 
.message{font-size: 1.8vw; line-height: 1.5; border:2px dashed #ff7f50;
    padding: 12px 2%; border-radius: 10px; width: 90%; margin: 0 auto 10px;}    
.message_lead{ font-size: 1.8vw; line-height: 1.5; width: 94%; margin: 0 auto 10px;}     
.recruit_contact{width: 12em; height: 1.5em; text-align: center; 
    font-size: 2vw; margin: 10px auto; background-color: #f9f; line-height: 1.2;
    border-radius: 12px;padding-top: 4px;} 
.recruit_contact a{color: #fff; }   
.recruit_all {margin-bottom: 28px;}
    
.recruit_frame{overflow: hidden; width: 95%; margin-left: 3%; display: flex;}
.recruit_L{ width: 20%; font-weight: bold; text-align: center; font-size: 1.6vw;
    background-color: #dcdcdc; padding: 12px 0 10px; float: left; 
    border-bottom:1px solid #fff;}
.recruit_R{ width: 78%; float: left; padding: 12px 0 10px 2%; display: flexbox; 
    border-bottom:1px solid #dcdcdc; font-size: 1.6vw;} 
.recruit_R a{font-size: 1.6vw; font-weight: 600; color: #4169e1; padding-top: 10px;}  
.aki {padding-left: 2em; line-height: 1.6;}  
        
/* 応募フォーム　*/
.recruit_back {border:1px solid #666; width: 12em; text-align: center; 
        border-radius: 10px; padding-top: 3px; margin-left: auto; font-size: 2vw;}      
.form{width: 92%;  margin:12px auto; font-size: 2.8vw;}      
.hisu{font-size: 1.1vw; color: #f00;}    
.form dl{overflow: hidden; border-bottom:1px solid #bbb; font-size: 2vw; padding: 6px 0;}   
.form dt{width: 28%; float: left; text-align: right; line-height: 1.6em;
    font-size: 1.5vw;}
.form dd{width: 70%; float: right; right; font-size: 1.5vw;}
.output{text-align: center; margin: 20px 0;}    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */ 
.recruit_lead {width: 810px; margin: 0 30px 28px 20px; overflow: hidden; }
.recruit_lead_L{width: 67%; float: left; font-size: 28px; font-weight: 500;
    color: #4169e1; line-height: 1.4;} 
.recruit_lead_L p{padding: 16px 0 24px 30px; font-size: 18px; line-height: 1.6; 
    font-weight: normal;}    
.recruit_lead_R{width: 30%; float: right;}    
.recruit_lead_R img{width: 100%; }  
.message{font-size: 15px; line-height: 1.5; border:2px dashed #ff7f50;
    padding: 12px 24px; border-radius: 10px; width: 680px; margin: 0 0 10px 100px;}    
.message_lead{ width: 770px; line-height: 1.5; margin: 20px 0 40px 50px; font-size: 15px;} .recruit_all {margin-bottom: 40px;}
.recruit_contact{width: 12em; height: 30px; text-align: center; 
    font-size: 18px; margin: 10px auto; background-color: #f9f; line-height: 1.2;
    border-radius: 12px;padding-top: 8px;} 
.recruit_contact a{color: #fff; } 
    
.recruit_frame{overflow: hidden; width: 690px; margin-left: 70px; display: flex;}
.recruit_L{ width: 140px; font-weight: bold; text-align: center; 
    background-color: #dcdcdc; padding: 12px 0 10px; float: left; 
    border-bottom:1px solid #fff;}
.recruit_R{ width: 510px; float: left; padding: 12px 0 10px 40px; display: flexbox; 
    border-bottom:1px solid #dcdcdc;} 
.recruit_R a{font-size: 16px; font-weight: 600; color: #4169e1; padding-top: 10px;}  
.aki {padding-left: 50px; line-height: 1.6;}  
    
/* 応募フォーム　*/
.form{width: 60%;  margin-left: 22%;}  
.hisu{font-size: 10px; color: #f00;}
.form dl{overflow: hidden; border-bottom:1px solid #bbb;}   
.form dt{width: 33%; float: left; text-align: right; padding-top: 14px; line-height: 1.6em;}
.form dd{width: 65%; float: right;}
.spaceL{width:90% ;}
.spaceM{width:55% ;}
.spaceS{width:18% ; padding: 0 !important;}
.form textarea{width:90%;}
.form dl dd{padding: 12px 0; line-height: 1.6em;}
.output{text-align: center; margin: 20px 0;}
.recruit_back {border:1px solid #666; width: 160px; text-align: center; 
        border-radius: 10px; margin: 0 0 30px 400px; padding-top: 3px;}   
    
    
}