@import url('/recruit/css/index.css');

.recruit--career .top-img {
  background-image: url('/img/recruit/career_top.webp');
  background-position: center top;
  height: 200px;
  position: relative;
}

.recruit--career .top-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
}

.recruit--career .top-img__text {
  position: relative;
  z-index: 1;
}

.recruit__btn--career {
  border: 1px solid #DCC96A;
  color: #333333;
}

.recruit__btn--career:hover {
  border: 1px solid #DCC96A;
  background: rgba(220, 201, 106, 0.50);
  color: #fff;
}

.recruit__btn--career:hover .recruit__btn-en--career,
.recruit__btn--career:hover .recruit__btn-arrow {
  color: #fff;
}

.recruit__btn-en--career {
  color: #DCC96A;
}

@media screen and (min-width: 768px) {
  .recruit--career .top-img {
    background-image: url('/img/recruit/career_top.webp');
    height: 340px;
    background-position: center center;
  }
}