// ===========================================
// Table テーブル
// ===========================================

/* dl table
--------------------------------- */
// 募集要項詳細ページに使用
.com-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;
      }
    }
  }
}