h3 {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 1.5em;
  color: var(--text-dark);
}

.diamond-container p {
  width: 1500px;
  max-width:70%;
  margin: 0 auto 2rem;
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--text-dark);
}
.short-sentence {
  text-align: center;
  width: 1500px;
  max-width:70%;
  margin: 0 auto 2rem;
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--text-dark);
}

.diamond-container h3::before {
  content: "\25C6";    /* ◆（黒ダイヤ）の Unicode 表現 */
  color: var(--color-primary-dark);        /* 緑色に設定 */
  display: inline-block;
  margin-right: 0.5em; /* 装飾とテキスト間の余白 */
  font-size: 1.0em;      /* h3 の文字サイズと同じにする */
}
.table-wrapper {
  overflow-x: auto;
  width: 100%;
  box-sizing: border-box;
}
.table {
  min-width: 1200px;
  /* ここで背景色を指定 */
  background-color: var(--color-light-gray); /* 好きなカラーに変更 */
}
/* 普通のストライプ */
.enhanced-table tbody tr:nth-child(odd) {
  background-color: var(--color-table-line); /* 好きなカラーに変更 */
}
.enhanced-table tbody tr:nth-child(even) {
  background-color: var(--color-table);
}
.enhanced-table tbody tr.skip-stripe {
  background-color: var(--color-light-gray) ; 
}
.enhanced-table tbody tr:last-child {
  background-color: var(--color-table-line) !important;
}
.section-header {
    height: 2.5rem;            /* h3 の高さ＋余白分を確保 */
    margin: 2rem 0;             /* お好みの上下マージン */
}
.diamond-container h3 {
    text-align: center;
    top: 50%; 
}

/* 1 列目を固定 */
.sticky-col {
  position: sticky;
  left: 0;
  z-index: 2;          /* 上に重ねる */
  background: var(--color-light-gray);     /* 背景を指定して重なりを隠す */
  /* 必要に応じて幅を固定する */
  min-width: 180px;     /* 例: 固定幅 */
}