/* ===== リセット：テーマCSSの干渉を打ち消す ===== */
.waf-wrap table,
.waf-wrap th,
.waf-wrap td {
  all: revert;
}

/* ===== 共通レイアウト ===== */
.waf-wrap {
  margin: 2em 0;
  font-family: inherit;
}
.waf-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.9em !important;
  line-height: 1.6 !important;
  min-width: 460px;
  table-layout: auto !important;
  background: transparent !important;
  border: none !important;
}

/* ===== ヘッダー行 ===== */
.waf-wrap thead tr th {
  background-color: #1a3a5c !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  text-align: center !important;
  font-weight: 700 !important;
  border: 1px solid #b0cce8 !important;
  font-size: 1em !important;
  vertical-align: middle !important;
}

/* ===== データ行 共通 ===== */
.waf-wrap tbody td {
  padding: 12px 14px !important;
  border: 1px solid #b0cce8 !important;
  vertical-align: middle !important;
  text-align: center !important;
  font-size: 1em !important;
  color: #1a3a5c !important;
  background-color: #ffffff !important;
}

/* ===== 偶数行（ゼブラ）===== */
.waf-wrap tbody tr:nth-child(even) td {
  background-color: #eaf4fc !important;
}

/* ===== 左端の見出しセル ===== */
.waf-wrap tbody td:first-child {
  text-align: left !important;
  font-weight: 700 !important;
  background-color: #daeefa !important;
  color: #1a3a5c !important;
  white-space: nowrap;
}
.waf-wrap tbody tr:nth-child(even) td:first-child {
  background-color: #c3e2f5 !important;
}

@media (max-width: 640px) {
  .content-table-column table::after {
    border-left: none;
    position: relative;
  }
}