html, body {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}
.bg-image {
  background-image: url('../img/BG2.jpg');/* パスはプロジェクト構成に合わせて調整 */
  background-size: cover;
  /* background-position: center;*/
  background-repeat: no-repeat;
  /* position: relative;*/
}

.table-fixed {
  table-layout: fixed;
  width: 100%;
}
th:first-child,
td:first-child {
  width: 180px;
  min-width: 140px;
  white-space: nowrap;
}
th, td {
  word-break: break-word;
  padding: 12px;
  border: 2px solid #333;
  vertical-align: middle;
}
.marker-underline {
  display: inline-block;
  background: linear-gradient(transparent 60%, #ffff66 30%);
  padding: 0 0px;
}

.my-custom-table tr > td:first-child,
.my-custom-table tr > th:first-child {
  min-width: 300px; /* 必要に応じて調整 */
  width: 300px;     /* 固定値も可 */
}
.hiragino {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

.yu-mincho {
  font-family: "游明朝体", "YuMincho", "Yu Mincho", serif;
}

.tsukushi {
  font-family:  "筑紫明朝", "Tsukushi Mincho", serif;
}

.sawarabi {
  font-family: "さわらび明朝", "Sawarabi Mincho", sans-serif;
}

.Noto {
  font-family: "Noto Serif JP", "Noto Serif", serif;
}

a {
  color: #00008b !important;
}

.custom-color {
  color: #e91e63; /* お好きな色コードに変更 */
}