// ===========================================
// recruitment 募集要項
// ===========================================
/* list
--------------------------------- */
.recruitment-list-01 {
  li {
    + li {
      margin-top: 20px;
      @include mq-up(s) {
        margin-top: 30px;
      }
    }
  }
}

/* btn
--------------------------------- */
.recruitment-btn-01 {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 1.8em 1.5em;
  line-height: 1.5;
  @include font(16);
  @include mq-up(s) {
    @include font(21);
  }
  .tit {
    flex: 1;
    padding-left: 1.2em;
  }
  &::before {
    content: '';
    display: block;
    width: 6px;
    align-self: stretch;
    background: map-get($colors, main);
  }
  &:hover {
    background: color.adjust(map-get($colors, main), $lightness: 40%);
  }
}

// ===========================================
// recruitment single 募集要項記事詳細
// ===========================================
/* dl table
--------------------------------- */
.job-table-01 {
  // border setting
  $border: solid #989898;

  @include mq-down(s) {
    border-bottom: 1px $border;
  }
  @include mq-up(s) {
    display: grid;
    grid-template-columns: 292px 1fr;
    column-gap: 40px;
  }
  dt {
    padding: 1.5em 0 1em;
    padding-left: 25px;
    font-weight: 500;
    position: relative;
    border-top: 1px $border;
    @include mq-up(s) {
      padding-bottom: 1.5em;
      border-top: 2px $border;
      &:last-of-type {
        border-bottom: 2px $border;
      }
    }
    &::before {
      content: '';
      display: block;
      width: 14px;
      height: 14px;
      background: map-get($colors, main);
      position: absolute;
      margin-top: 0.5em;
      left: 0;
    }
  }
  dd {
    padding-bottom: 1.5em;
    @include mq-up(s) {
      padding-top: 1.5em;
      border-top: 1px $border;
      &:last-of-type {
        border-bottom: 1px $border;
      }
    }
  }
}