@charset "UTF-8";

.job-archive {
  padding-top: 1.25rem;
}


.job-archive-head {
  margin-top: 2rem;
  padding-inline: var(--gutter-x);
}

.job-archive-head__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1.125rem;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.6;
  border: 3px dashed var(--color-black);
  border-radius: 0.625rem;
}

.job-archive-head__title::after {
  content: '';
  display: block;
  width: 3.125rem;
  aspect-ratio: 50/35;
  background: center /contain no-repeat url('../images/job/tree.webp');

}

.job-archive-head-result {
  margin-top: 0.375rem;
  padding-right: 0.5rem;
  text-align: right;
  font-weight: 500;
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
}

.job-archive-head-result span {
  display: inline-block;
  margin-right: 0.125rem;
  font-size: 1rem;
  color: var(--color-orange);
}

.job-archive-message {
  margin-top: 3rem;
}

.job-archive-cards {
  margin-top: 1.5rem;
  padding-inline: var(--gutter-x);
}


.card:not(:first-of-type) {
  margin-top: 3rem;
}

.card__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.card__thumbnail {
  margin-top: 0.75rem;
  border-radius: 1rem;
  overflow: hidden;
}

.card__title {
  margin-top: 0.75rem;
  font-weight: 500;
}

.card__catch-copy {
  order: -1;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6;
}

.card__name {
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.8;
  color: var(--color-orange);
}

.card__tags {

  margin-top: 1rem;
}

.card__tags .tag-list:not(:first-child) {
  margin-top: 0.5rem;
}

.job-archive-bottom {
  padding: 4rem var(--gutter-x);
}

.job-archive-bottom .pager-prev-next {
  margin-top: 1.5rem;
}