@charset "utf-8";

/* ========================================
 * テーブル設定
 * ======================================== */
.tableSection {
  margin: 5px 0 0 0;
  text-align: left;
  min-width: 50%;
}

table.type1 th {
  background-color: #939598;
  color: #fff;
  border: 7px solid;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
table.type1 td {
  border-bottom: 1px solid #000;
  padding: 10px;
}

/* ========================================
 * テーブル内のリスト設定
 * ======================================== */
.columns-grid {
  display: grid;
  grid-template-columns: repeat(2, auto); /* 各列の幅を自動調整 */
  gap: 10px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 768px) {
  .columns-grid {
    grid-template-columns: 1fr; /* 画面幅が狭いときは1列表示 */
  }
}

.columns-grid li {
  position: relative; /* 疑似要素を配置するため */
  padding-left: 20px;
}

.columns-grid li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px; /* マーカーのサイズ（幅） */
  height: 6px; /* マーカーのサイズ（高さ） */
  background-color: black; /* マーカーの色 */
  border-radius: 50%; /* 丸い形にする */
}

.columns-grid li.no-marker::before {
  content:none !important;
}
.pl0 {
  padding-left: 0px !important;
}

/* ========================================
 * シーサート設定
 * ======================================== */
.csirt-box {
  background-color: #e3f2fd;
  padding: 15px;
}
.csirt-title {
  color: #007bff;
  font-weight: bold;
}