@charset "UTF-8";


#kyuzin #title {
	background-image: url("../img/recruit/kyuzin_title.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom -150px ;
}

#recruit #title {
	background-image: url("../img/recruit/title.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	
	
	background-position: center bottom;
}

#kyuzin #title #title_cont h2 {
    /* font-size: 28px; */
    font-weight: 600;
    /* background-color: hsla(210,100%,18%,0.60); */
    background-color:rgba(255, 255, 255, 0.6);
    padding: 15px 5px 15px 5px;
    width: 100%;
    letter-spacing: 0.2em;
    margin-right: -0.2em;
    /* text-shadow: rgba(255, 254, 255, 0.7) 1px 1px 10px; */
    color: #002e5d;
    text-align: center;
    line-height: 1;
    font-size: 1.8vw;
}


#recruit_wrap {
/* background-color: #cce5ef; 
	
	background: #d3edfb;
	
	*/

	
	background: #c3dfec;
padding: 80px 0;
}
.recruit{
margin-top:60px;
/*
	display: flex;
	justify-content: space-between;
	*/
	position: relative;
	height: 1200px;
	
}

.recruit_box{

position: absolute;
	z-index: 40;
	right:0px;
	top:120px;
	
	
}

.recruit_info {
background: #002e5d;
	/*
	padding: 40px;
    */
	color:#fff;
	
}





#recruit .section2 .recruit {

    height: 1080px;
}


#recruit .recruit3 .recruit {

    height: 1020px;
}


.qa{
background: #fff;
padding:40px 60px 40px 60px;
	position: absolute;
	z-index: 20;
	width: 760px;
	left:0px;

}

.question{
		display: flex;
	align-items: center;
line-height: 1;
	
    margin-bottom: 20px;
    color:#00a0e9;
    font-weight: 600;

      padding: 0 0 20px 0;
	   border-bottom: 2px solid #00a0e9;
}

#page .qa .cont p {
margin: 0px;
}
.qa_box{
	
	margin-bottom: 40px;
}

.question .no {
 font-size:30px;
		font-family:Verdana, Geneva, "sans-serif";
	margin-right:10px;
	color:#00a0e9;
}
.recruit_info p {
	margin-bottom: 0px;
}
#page .qa_box .cont p {
margin: 0px;
}



.recruit_photo{
		z-index: 20;
	right:0px;

	width: 360px;

}


#recruit_cont{
width: 1080px;


	margin:  0 auto 40px auto;
	
	
	
}
.recruit_cont_box {
width: 1080px;


margin :60px auto 0px auto;
}
/*
#recruit_box{
	display: flex;
	justify-content: space-between;
	position: relative;

}
#recruit_photo{
	position: absolute;
	top:-40px;
	right:0px;
	width: 420px;
	z-index: 40;
}
*/
#reecruit_txt{
	/*
	background: rgba(255, 255, 255, 0.50);
*/
	background: #fff;
	
	width: 760px;
		padding: 60px 60px 20px 60px;
	margin: auto;

	
}

#page #recruit_cont h3 {
font-size: 36px;
position: static;
margin-bottom: 60px;
line-height: 1.2;
padding-bottom: 0px;
color: #002e5d;

text-align: center;
border: none;
}

#recruit_cont h3 span {
font-size: 18px;
color: #00a0e9;
font-family: "Lucida Console", Monaco, "monospace";
font-weight: normal;
}

.recruit_link{
	
	color: #002e5d;
	border:4px solid #002e5d;
	padding: 20px 40px;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	width: 640px;
	margin: 60px auto 0 auto;
	
	    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}



.recruit_link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}


.recruit_link:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
 

section .recruit_link p{
	
margin-bottom: 0px;
}

#recruit_cont .link{
	
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}


#recruit_cont .fa-caret-right{
	margin-left: 80px;
	color:#00a0e9;

		font-size: 48px;

}
.recruit_link .fa-caret-right{
	margin-left: 80px;
	color:#00a0e9;

		font-size: 48px;

}
.recruit_link .link {
display: flex;
justify-content: space-between;
align-items: center;
}






#recruit table{
	
	margin-bottom: 40px;
}

#recruit .btn {
  
width: 260px;
    margin: 60px auto 0 auto;

position: relative;
    bottom: 30px;
    z-index: 50;
}

#recruit  .button {
width: 260px;
	


	
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background-color: #002e5d;
    border: 2px solid #002e5d;
    color: #fff;
    /* text-align: center; */
    text-decoration: none;
    border-radius: 30px;

	
}

#recruit .buttonlink {
    width: 260px;
}

.buttonlink {
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background-color: #002e5d;
    border: 2px solid #002e5d;
    color: #fff;
    /* text-align: center; */
    text-decoration: none;
    border-radius: 30px;
}



 #recruit #page .btn a {
    
    color:#fff !important;
    
}
#recruit  .button span::after {
    position: absolute;
    top: 50%;
 right: -100px;
    /* right: -7px; */
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
	
    border-left-color: #fff;
	
    transition: all .3s;
}









#page .question h4{

  padding: 0;

    margin-bottom: 0px;
    color: #002e5d;
    font-weight: 600;
    background: none;
 font-size:20px;
	
	
}


#page .recruit_info h4 {
    font-size: 24px;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    background: none;
    border-bottom: 1px solid #fff;
}


#page .recruit_info ::before {
border-bottom: 3px none;
content: none;
}
#page .question h4::before {
border-bottom: 3px none;
content: none;
}




#page #recruit_cont h3:after {
	border:none;
	content: none;
}



    @media screen and (max-width: 1024px) 	{
        
        #kyuzin #title {

    background-position: center bottom 0px;
}
        
        
.recruit_cont_box {
    width: 90%;
   
}
   #recruit_cont {
    width: 90%;
     margin: 0 auto 0px auto; 
}     
        #reecruit_txt {
   

    width: 100%;
    padding: 40px 10px 5px 10px;
}
        
        
 .recruit_link {

    padding: 10px 10px 10px 20px;
    
    font-size: 18px;
  line-height: 1.8;
    width:  100%;
    margin: 40px auto 0 auto;

}
        .link .sp{
            text-align: center;
        }
       
    #recruit_cont .fa-caret-right {
    margin-left: 0px;
    color: #00a0e9;
    font-size: 36px;
        
}
      .recruit_cont .link {

    align-items: left;
}  
     
        
  #page #recruit_cont h3 {
    font-size: 20px;
    position: static;
       margin-bottom: 40px;
}      
        
       .recruit {
    margin-top: 30px;
    position: static;
    height: auto;
}
        
        
   .qa {
   
    padding: 40px 20px 2px 20px;
    position: static;

    width: 100%;
   
}     
        
   .recruit_box {
    position: static;
  
    top: 120px;
}     
        
        
   .recruit_photo {
 
width: 100%;
}     
        
        .section2 {
    padding: 30px 0;
    background-color: #c3dfec;
}
        
   .recruit_cont_box {
width: 90%;
    margin: 0px auto 0px auto;
}     
        
        
   .recruit_link .fa-caret-right {
    margin-left: 0px;
 
    font-size: 36px;
}     
        
       #recruit .section2 .recruit {
   height: auto;
} 
     #recruit .recruit3 .recruit {
height: auto;
}   
        
      #recruit .section {
    padding: 60px 0;

}
       #recruit    .section2 {
    padding: 60px 0;
   
}
        #recruit_wrap {

    padding: 40px 0;
}
recruit #title {

    background-position: center center;
}
}