/* =========================================
   労働者派遣事業に関わる情報提供
========================================= */
.info-table {
  width: 98%;
  border-collapse: collapse;
  margin: 30px 0;
  color: #000054;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  table-layout: fixed;
}
.info-table th, .info-table td {
  border: 1px solid #000054;
  padding: 12px;
  vertical-align: middle;
  word-break: break-word;
}
.info-table tbody tr:nth-child(-n+5) th, .info-table tbody tr:nth-child(-n+5) td {
  text-align: left;
}
.info-table tbody tr:nth-child(n+6) th, .info-table tbody tr:nth-child(n+6) td {
  text-align: center;
}
.info-table th {
  background-color: #e7f4fd;
  font-weight: normal;
}
.info-table ul li {
  text-align: left;
  text-indent: -1em;
  padding-left: 0.8em;
}
/* =========================================
   スマホ縦カード表示（<769px）
========================================= */
@media screen and (max-width: 768px) {
  .info-table, .info-table tbody, .info-table tr, .info-table th, .info-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .info-table tbody tr:nth-child(-n+5) th, .info-table tbody tr:nth-child(-n+5) td {
    text-align: left;
    border-bottom: none;
  }
  .info-table tbody tr:nth-child(-n+5) th {
    text-align: center;
  }
  .info-table tbody tr:nth-child(6) th[rowspan] {
    display: block;
    width: 100%;
  }
  .info-table tbody tr:nth-child(6) th:not([rowspan]) {
    display: none;
  }
  .info-table tr:not(.career-row):nth-child(n+12) th {
    border-top: none;
    border-bottom: none;
  }
  /* キャリアデータ行：下線のみ表示、他の線消す */
  .info-table tbody tr.career-row td {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: left;
    border-top: none;
    border-bottom: 1px dotted #cccccc;
  }
  /* 最後のtdの下線も消す */
  .info-table tbody tr.career-row td:last-child {
    border-bottom: 1px solid #000054;
  }
  /* 疑似ラベル（career-row のみ） */
  .info-table tbody tr.career-row td:nth-child(1)::before {
    content: "訓練種別　";
    font-weight: bold;
  }
  .info-table tbody tr.career-row td:nth-child(2)::before {
    content: "対象派遣労働者　";
    font-weight: bold;
  }
  .info-table tbody tr.career-row td:nth-child(3)::before {
    content: "訓練方法　";
    font-weight: bold;
  }
  .info-table tbody tr.career-row td:nth-child(4)::before {
    content: "訓練費用　";
    font-weight: bold;
  }
  .info-table tbody tr.career-row td:nth-child(5)::before {
    content: "賃金支給　";
    font-weight: bold;
  }
}
/* =========================================
   PCテーブル表示（>=769px）
========================================= */
@media screen and (min-width: 769px) {
  .info-table {
    display: table;
    width: 100%;
  }
  .info-table tbody {
    display: table-row-group;
  }
  .info-table tr {
    display: table-row;
  }
  .info-table th, .info-table td {
    display: table-cell;
    border: 1px solid #000054;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
    width: auto;
  }
  .info-table tbody tr:nth-child(n+6) th {
    text-align: left;
  }
  .info-table tbody tr:nth-child(-n+5) th, .info-table tbody tr:nth-child(-n+5) td {
    text-align: left;
  }
  .info-table tbody tr:nth-child(6) th[rowspan] {
    display: table-cell;
    font-weight: normal;
    text-align: left;
  }
  .info-table tbody tr:nth-child(6) th:not([rowspan]) {
    display: table-cell;
    text-align: center;
  }
  .info-table tbody tr:nth-child(n+7) td::before {
    content: "";
  }
  .info-table tbody tr:nth-child(n+7) td {
    border-bottom: 1px solid #000054;
  }
}