/* Recruit
-------------------------------------------*/

.recruit .sec_head{
  width: 30%;
}
.recruit .sec_cont{
  width: min(680px,65%);
}
#recruit_message .sec_in{
  padding-bottom: 200px;
}
#inquiry .sec_in{
  margin-top: 0;
}
#recruit_message .sec_cont .tit{
  display: inline-block;
  margin-bottom: 8%;
  line-height: 1.75;
  letter-spacing: .175em;
  font-size: clamp(18px,2.76vw,27px);
}
#recruit_message .sec_cont .tit span{
  font-size: 175%;
  padding: 0 4px;
}
#guideline{
  color: #fff;
  background: url(../img/recruit/bg_guideline.jpg) center bottom no-repeat;
  background-size: 100% auto;
  background-color: #474747;
}
#guideline .guideline_nav{
  margin-top: 15%;
}
#guideline .guideline_nav li{
  padding-bottom: 5%;
}
#guideline .guideline_nav li{
  align-items: center;
  display: flex;
}
#guideline .guideline_nav li::before{
  content: "";
  height: 1px;
  width: 14px;
  margin-right: 10px;
  background-color: #fff;
}
#guideline .guideline_nav li a{
  color: #fff;
  font-size: clamp(13px,2vw,15px);
}
#guideline .guideline_nav li a:hover{
  opacity: var(--hover);
}
#guideline .gl_list{
  /*リンクずれ対策*/
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}
#guideline .gl_list:not(:last-child){
  padding-bottom: 15%;
}
#guideline .h3_tit{
  color: var(--font-black);
}
#guideline dl dt::before{
  color: var(--orange);
}
#guideline dl{
  border-color: #555;
}
#guideline dd .bnr{
  width: max(250px,60%);
  height: auto;
  padding: 10px 0;
}

@media screen and (max-width: 650px){
  .recruit .sec_head,
  .recruit .sec_cont{
    width: 100%;
  }
  #recruit_message .sec_in{
    padding-bottom: 15%;
  }
  #recruit_message .sec_cont .tit{
    margin-bottom: 3%;
  }
  #guideline .guideline_nav{
    margin-top: 10%;
  }
  #guideline .guideline_nav li{
    padding-bottom: 3%;
  }
  #guideline .gl_list{
    padding-bottom: 15%;
  }
}