/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
/* 技術仕様テーブル共通スタイル */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* 1行目1列目（左上セル）のみ黒背景＋白文字 */
.spec-table thead th:first-child {
  background-color: #000; /* 黒背景 */
  color: #fff;            /* 白文字 */
}

/* ヘッダー行（1行目） */
.spec-table thead tr {
  background-color: #000; /* 黒背景 */
  color: #fff;            /* 白文字 */
}

/* ヘッダーセル */
.spec-table thead th {
  padding: 10px;
  text-align: left;
  border: 1px solid #ccc;
}

/* ボディセル */
.spec-table tbody td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: top;
}

/* 行のストライプ */
.spec-table tbody tr:nth-child(odd) {
  background-color: #fff;
}
.spec-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* 1列目（ヘッダー・ボディ共通） */
.spec-table th:first-child,
.spec-table td:first-child {
  background-color: #f0f0f0; /* 任意の色に変更可能 */
  color: #000;               /* 黒文字 */
}

/* レスポンシブ対応：スクロール可能にする */
@media (max-width: 768px) {
  .spec-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}