/* =============================================================================


     pallet


============================================================================= */
/* =============================================================================


     color


============================================================================= */
/* $header-width: 216px; */
/* =============================================================================


  recruit


============================================================================= */
.recruit-tel {
  background: rgba(74, 129, 216, 0.3);
  margin-top: 100px;
  padding: 40px;
  text-align: center;
}

.recruit-tel a {
  display: block;
  margin: auto;
  transition: 0.2s;
  width: 520px;
}

.recruit-tel a:hover {
  opacity: 0.7;
}

.recruit-tel img {
  width: 100%;
}

.recruit-tel span {
  color: #4a81d8;
  display: block;
  font-size: 3rem;
}

@media (max-width: 767px) {
  .recruit-tel {
    margin-top: 60px;
    padding: 24px;
  }
  .recruit-tel a {
    max-width: 500px;
    width: 100%;
  }
  .recruit-tel span {
    font-size: 1.8rem;
  }
}


/*# sourceMappingURL=recruit.css.map*/