#recruit .recruit__tags {
  position: relative;
  padding-bottom: 56px;
}
#recruit .recruit__tags__title {
  min-width: 170px;
}
#recruit .recruit__tags__main {
  margin-right: 72px;
}
#recruit .recruit__tags__main li {
  margin-bottom: 8px;
  transition: all 0.3s ease;
}
#recruit .recruit__tags__main li a {
  display: block;
  padding: 5px 15px;
  color: inherit;
}
#recruit .recruit__tags__main li:hover {
  background-color: #f5f5f5;
}
#recruit .recruit__tags__main li.active,
#recruit .recruit__tags__main li:has(a.active) {
  background-color: #f5f5f5;
  color: #0071bb;
}
#recruit .recruit__tags__button {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
#recruit .recruit__tags__button a {
  text-decoration: underline;
}
#recruit .recruit__tags__button a:hover {
  text-decoration: none;
}
#recruit .recruit__row {
  border-top: 1px solid #dadada;
  margin-top: 50px;
  padding-top: 70px;
  flex-wrap: wrap;
}
#recruit .recruit__row > div {
  width: 240px;
  margin-bottom: 32.4px;
}
/* カテゴリー表示制限 */
#recruit .recruit__tags__main li:nth-child(n+11) {
  display: none;
}

/* 全て表示時のクラス */
#recruit .recruit__tags__main.show-all li {
  display: block !important;
}

/*--------------------------------------
  smartphone
--------------------------------------*/
@media only screen and (max-width: 560px) {
  #recruit .ttl-common {
    margin-bottom: 156px;
  }
  #recruit .recruit__tags {
    padding-bottom: 60px;
    gap: 10px;
  }
  #recruit .recruit__tags__main {
    margin-right: 0;
  }
  #recruit .recruit__tags__main li {
    font-size: 14px;
    line-height: 39px;
    margin-bottom: 4px;
  }
  #recruit .recruit__tags__main li a {
    padding: 0 19px;
  }
  #recruit .recruit__row {
    margin-top: 38px;
    padding-top: 77px;
  }
  #recruit .recruit__tags__main li:nth-child(n+11) {
    display: none;
  }
}

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