/* タブのアクティブ状態のスタイル */
.tab-item.active,
.tab-link.active {
  background-color: #007bff;
  color: white;
}

.tab-item.active::after,
.tab-link.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #007bff;
  z-index: 1; /* 追加 */
}

/* タブナビゲーションコンテナの修正 */
.tab-navigation {
  position: relative;
  z-index: 2; /* 追加 */
}

/* コンテンツエリアの修正 */
.area-article-section {
  position: relative;
  z-index: 1; /* 追加 */
}