@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background:url(../image/recruit/img_kv_pc.jpg) no-repeat center center;
  background-size: cover;  
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* recruit
-----------------------------------------------------------------*/
.recruit{
  padding: 80px 0;  
}
.recruit .inner,
.documents .inner{  
  max-width: 1110px;
}
.recruit h2,
.documents h2{
  margin-bottom: 20px;
  font-size: 2.8rem;
  line-height: 1.4;
  color: #7FBE26;
  font-weight: 800;
  letter-spacing:2px;
  text-align: center;
}
.recruit .txt,
.documents h2 + .txt{
  margin-bottom: 80px;
  font-size: 1.8rem;
  text-align: center;   
}
.recruit a,
.documents a{
  color: #20ADE4;
}
.recruit a:hover,
.documents a:hover{
  text-decoration: underline;  
}

.recruit .recruit-list{
  border: 1px solid #9A9A9A;
  font-size: 1.8rem; 
  margin-top: 30px;
}
.recruit .recruit-list div{
  display: flex;
}
.recruit .recruit-list div+div{
  border-top: 1px solid #CDCDCD;  
}
.recruit .recruit-list dt{
  padding: 15px 15px 15px 45px;
  width: 23.15%;
  background: #EEEEE9;  
}
.recruit .recruit-list dd{
  padding: 15px 15px 15px 45px;
  width: 76.85%; 
}

h3 {
  border-bottom: 2px solid black;
  font-size: 2.4rem;
}
.txt.left {
  text-align: left;
  margin-top: 10px;
}

.supplement h3 {
	margin: 30px 0 10px;
}
.supplement p{
	margin-bottom: 20px;
}
.supplement p a {
    display: block;
    height: 70px;
	max-width: 600px;
    padding: 0 45px;
    border-radius: 15px;
    border: 3px solid #D5D5D5;
    background: url(../../common/image/ico_pdf.svg) no-repeat right 30px center #FFF;
    background-size: 32px auto;
    color: #231815;
    font-size: 1.8rem;
    line-height: 68px;
    transition: .2s;
}


@media screen and (max-width: 768px) {
  h3 {
  font-size: 1.8rem;
}
.recruit .recruit-list{
  margin-top: 20px;
}
}
/* documents
-----------------------------------------------------------------*/
.documents{
  padding: 70px 0 65px;
  background: rgba(154,200,82,.15);  
}
.documents .sec:nth-child(n+2){
  margin-top: 60px;  
}
.documents h2 + .txt{
  margin-bottom: 35px;
}
.documents .sec02 h2 + .txt,
.documents .sec05 h2 + .txt{
  text-align: left;
}
.documents .document-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.documents .document-list.single{
   justify-content: center; 
}
.documents .document-list li{
  max-width: 528px;
  width: calc(50% - 12px);  
}
.documents .document-list li:nth-child(n+3){
  margin-top: 20px;  
}
.documents .document-list a{
  display: block;
  height: 70px;
  padding: 0 45px;
  border-radius: 15px;
  border: 3px solid #D5D5D5;
  background:url(../../common/image/ico_pdf.svg) no-repeat right 30px center #FFF;
  background-size: 32px auto;
  color: #231815;
  font-size: 1.8rem;
  line-height: 68px;
  transition: .2s;  
}
.documents .document-list a:hover{
  border-color: #7FBE26;
  color: #7FBE26;
  text-decoration: none; 
}
.documents .detail-info{
  margin-top: 30px;
  font-size: 1.8rem; 
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page-ttl{
    background:url(../image/recruit/img_kv_sp.jpg) no-repeat center center;
    background-size: cover;  
  }

/* recruit
-----------------------------------------------------------------*/
  .recruit{
    padding: 30px 0 35px;  
  }
  .recruit .inner,
  .documents .inner{  
    max-width: initial;
  }
  .recruit h2,
  .documents h2{
    margin-bottom: 12px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing:1px;
  }
  .recruit .txt,
  .documents h2 + .txt{
    margin-bottom: 40px;
    font-size: 1.4rem;
    text-align: left;   
  }
  
  .recruit .recruit-list{
    border: none;
    font-size: 1.4rem;  
  }
  .recruit .recruit-list div{
    display: block;
  }
  .recruit .recruit-list div+div{
    border-top: none;  
  }
  .recruit .recruit-list dt{
    padding: 10px 15px;
    width: 100%;
    border-radius: 8px;
  }
  .recruit .recruit-list dd{
    padding: 12px 13px;
    width: 100%; 
  }

/* documents
-----------------------------------------------------------------*/
  .documents{
    padding: 30px 0 35px; 
  }
  .documents .sec:nth-child(n+2){
    margin-top: 40px;  
  }
  .documents h2 + .txt{
    margin-bottom: 10px; 
  }
  .documents .sec01 h2 + .txt,
  .documents .sec03 h2 + .txt,
  .documents .sec04 h2 + .txt{
    text-align: center;
  }
  .documents .document-list{
    display: block;
  }
  .documents .document-list li{
    max-width: initial;
    width: 100%;  
  }
  .documents .document-list li:nth-child(n+2){
    margin-top: 10px;  
  }
  .documents .document-list a{
    height: 50px;
    padding: 0 20px;
    border-radius: 8px;
    border: 2px solid #D5D5D5;
    background:url(../../common/image/ico_pdf.svg) no-repeat right 15px center #FFF;
    background-size: 24px auto;
    font-size: 1.4rem;
    line-height: 48px;  
  }
  .documents .document-list a:hover{
    border-color: #D5D5D5;
    color: #231815; 
  }
  .documents .detail-info{
    margin-top: 14px;
    font-size: 1.4rem; 
  }





}