@media (max-width: 768px) {
  .sec-job-type .grid-container.col4 {
    grid-template-columns: 1fr 1fr;
  }
}
.sec-job-type .card {
  display: grid;
  grid-template-columns: subgrid;
  grid-row: span 3;
  place-content: flex-start;
  padding: 16px;
  gap: 8px;
}
.sec-job-type .card .card-img {
  display: contents;
}

.sec-job-list {
  margin: 120px 0;
}
.sec-job-list .title a {
  font-size: 20px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
  display: block;
}
.sec-job-list .area-group {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  gap: 0;
}
.sec-job-list .type-group {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.sec-job-list .type-group div {
  margin: 8px 0;
}
.sec-job-list .off {
  color: #555;
  opacity: 0.25;
  pointer-events: none;
}
.sec-job-list .empty {
  background-color: #F2F2F2;
}
.sec-job-list .area-group a::after {
  content: url("/asset/common/img/arrow-small.svg");
  display: inline-block;
  width: 18px;
  margin-left: 8px;
  transition: transform 0.3s ease;
  transform: translateY(0) rotate(90deg);
}
.sec-job-list .area-group a:hover::after {
  transform: translateY(6px) rotate(90deg);
}
@media screen and (max-width: 480px) {
  .sec-job-list .grid-container.col3 {
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .sec-job-list .area-group {
    grid-template-columns: 36px 1fr 1fr 1fr 1fr;
    grid-row: auto;
    min-width: 720px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .sec-job-list .title {
    writing-mode: vertical-rl;
  }
  .sec-job-list .title a {
    border: 0;
  }
  .sec-job-list .area-group .title a::after {
    width: auto;
    transform: translateY(12px) translateX(1px) rotate(90deg);
  }
  .sec-job-list .type-group {
    border: 0;
  }
}

.sec-job-cards-ttl h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  margin-bottom: 32px;
  scroll-margin-top: 102px;
}

.sec-job-cards {
  margin-bottom: 64px;
}
.sec-job-cards article {
  scroll-margin-top: 102px;
}
.sec-job-cards article .work-name {
  font-size: 20px;
  margin-right: 8px;
}
.sec-job-cards article .bosyu {
  border: 2px solid #E8730D;
  color: #E8730D;
  border-radius: 4px;
  display: inline-block;
  font-size: 13px;
  padding: 0 6px;
  position: relative;
  top: -3px;
}
.sec-job-cards article.recruit-off a {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #F2F2F2;
}
.sec-job-cards article.recruit-off a .content .recruit-off {
  margin-top: 8px;
  color: #555;
}
.sec-job-cards article.recruit-off .card .content .title::after {
  display: none;
}/*# sourceMappingURL=job.css.map */