.subsidy-table {
  width: 100%;
  border-collapse: collapse;
}

.subsidy-table .align-center {
  text-align: center;
}


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 768px) {
  /*/////////////PC用のCSSをここに作成してください。/////////////*/

table {
  width: 100%;
  table-layout: fixed;
}

  /*/////////////必ず中括弧の中に作成してください。/////////////*/
}

/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 767px) {
  /*/////////////SP用のCSSをここに作成してください。/////////////*/

	table {
  width: 100%;
  table-layout: fixed;
}
/* テーブルを包む親要素の設定 */
.stbl {
  overflow-x: auto;      /* 横スクロールを許可 */
  white-space: nowrap;   /* セル内の改行を防ぐ（必要に応じて） */
  -webkit-overflow-scrolling: touch; /* スマホでの操作を滑らかに */
}

/* テーブル全体の基本設定 */
.stbl .subsidy-table {
  width: 200%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

/* 1列目（thとtd）を固定する設定 */
.stbl .subsidy-table th:first-child,
.stbl .subsidy-table td:first-child {
  position: -webkit-sticky; /* Safari対応 */
  position: sticky;
  left: 0;                /* 左端に固定 */
  z-index: 2;             /* 他のセルより前面に */
  background-color: #fff; /* 背景色を設定しないと後ろが透けます */
  border-right: 1px solid #ccc; /* 固定されている境界をわかりやすく */
}

/* ヘッダー(th)はさらに前面に（スクロール時に文字が重ならないよう） */
.stbl .subsidy-table th:first-child {
  z-index: 3;
  background-color: #f2f2f2; /* ヘッダー用の色 */
}

/* 装飾：各セルの余白や枠線（既存のものがあれば調整してください） */
.stbl .subsidy-table th, 
.stbl .subsidy-table td {
  padding: 8px;
  border: 1px solid #ddd;
  /* min-width: 150px; */ /* 固定列以外の幅が狭くなりすぎないよう調整 */
  white-space: break-spaces;
  font-size: 14px;
}
.js-header-appear.is-fixed {
    z-index: 100;
}
	
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
}