@charset "UTF-8";
/* @media screen and (max-width: $sp_00) {} */
/* @media screen and (min-width: $sp_00) {} */
/***************************************************** setting END */
.recruit_text {
  font-weight: normal;
}
.recAnchor {
  padding-top: 140px;
  margin-top: -140px;
}
.recBox {
  margin-bottom: 80px;
}
.section_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 14px;
    margin-bottom: 12px;
    position: relative;
}
.section_title span {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  margin-left: 1em;
}
.section_title::before {
    content: "";
    display: inline-block;
    background-color: #85d4e5;
    width: 4px;
    height: 24px;
    margin-right: 10px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.recHyperlink {
  text-decoration: underline;
  color: #0000FF;
}
.rec_link {
    max-width: 400px;
    width: 100%;
}
.rec_link a {
        display: block;
        text-align: center;
        padding: 15px 0;
        position: relative;
        z-index: 0;
        background: #ffc78b;
        border-radius: 100px;
        border:  1px solid  #ffc78b;
        transition: 0.3s ease-in-out;
}
.rec_link a span {
        position: relative;
        z-index: 0;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
}
.rec_link a span::before {
        position: absolute;
        content: "";
        top: 50%;
        margin-top: -5px;
        right: -20px;
        width: 10px;
        height: 10px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        transition: 0.3s ease-in-out;
}
.rec_link a:hover {
      background: transparent;
}
.rec_link a:hover span {
        color: #ffc78b;
}
.rec_link a:hover span::before {
        right: -25px;
        border-color: #ffc78b;
}
.recTelephone {
  position: relative;
  margin-left: 1.3em;
}
.recTelephone::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/Icon-awesome-phone.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: -1.3em;
  top: 0.2em;
}
.recMail {
  position: relative;
  text-decoration: underline;
  margin-left: 1.3em;
}
.recMail::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/Icon-awesome-mail.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: -1.3em;
  top: 0.2em;
}


/* SP
-------------------------------------------------- */
@media screen and (max-width: 1000px) {
  .rec_link {
    margin: auto;
  }
}