@charset "UTF-8";

table {
  margin: 0 auto;
  margin-bottom: 16px;
}

.table__officer th, .table__officer td,
.table__skill th, .table__skill td {
  border: 1px solid var(--color-lightgray);
  padding: 8px;
  vertical-align: middle;
}

.table__officer th {
  background-color: var(--color-aliceblue);
  font-weight: bold;
  text-align: center;
}

.table__skill th.field {
  font-weight: bold;
  text-align: center;
  background-color: var(--color-cyan);
  color: var(--color-white);
}

.table__skill tr.type th {
  width: calc(80% / 6);
  background-color: var(--color-aliceblue);
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
}

.table__skill th.member small {
  font-size: 80%;
}

.table__skill td {
  text-align: center;
}

.table__skill td.check::before {
  display: block;
  margin: 0 auto;
  content: "";
  width: 16px;
  height: 16px;
  border: var(--color-darkgray) 1px solid;
  border-radius: 100vh;
}

.table__skill th.member {
  width: 20%;
  background-color: var(--color-aliceblue);
}

.table__skill th.blank {
  background-color: var(--color-aliceblue);
}

.table__term .title th {
  color: var(--color-white)!important;
  background-color: var(--color-darkred)!important;
}

.table__term th {
  text-align: center;
}

.table__term td {
  text-align: right;
}

.table__term .no-pdf {
  text-align: center;
}

.table__term.-bg-yellow td:last-of-type {
  background-color: var(--color-lightyellow);
}

.table__term.-transition td {
  text-align: center;
  border: none!important;
}

table.col .title.-col5 th {
  width: calc(100% / 5);
}

table.col .title.-col6 th {
  width: calc(100% / 6);
}

.table__certification {
  width: 100%;
  max-width: 760px;
}

.table__certification caption {
  margin: 0 0 8px 16px;
  font-size: var(--f24-size);
  font-weight: bold;
  text-align: left;
  letter-spacing: 1px;
  color: var(--color-darkred);
}

.table__certification thead tr th {
  padding: 8px 0 8px 16px;
  font-size: var(--f18-size);
  font-weight: bold;
  letter-spacing: 1px;
  border-top: 3px solid var(--color-darkred);
  border-bottom: 1px solid var(--color-darkred);
}

.table__certification tbody tr {
  border-bottom: 1px solid var(--color-lightgray);
}

.table__certification tbody tr th,
.table__certification tbody tr td {
  padding: 12px 16px;
}

.js-scrollable table {
  width: 100%;
  max-width: 760px;
}


/* 〜767px（スマホ＆タブレット用）
---------------------------*/
@media (max-width:767px) {
  /* テーブル */
  .js-scrollable table {
    white-space: nowrap;
  }
}