/*********************************************/
/* 追加CSS */
/*********************************************/
/* listの間隔調整 */
ul > li {
  line-height: 1.3;
  margin-bottom: 5px;
}
ol > li {
  margin-bottom: 15px;
}
/*********************************************/
/* table */
/*********************************************/
/* tableの幅を固定・はみ出したらスクロール */
.wrap-table {
  width: 100%;
  overflow-x: scroll;
}
table {
  margin-bottom: 50px;
}
/* table内中央寄せ */
th,
td {
  text-align: center;
}
/* tableの中のリスト左寄せ */
th > ul, ol {
  text-align: left;
}
td > ul, ol  {
  text-align: left;
}
/* 表の見出し（縦）の背景色変更 */
#cat-about .mod-table-01 th:first-child {
  background-color: #f3f3f3;
}

/*********************************************/
/* 560px以上で適用 */
/*********************************************/
@media (min-width: 560px) {
  /* 表の見出し（１列目）の幅を狭くする (compact-th-vクラスが付いたtable) */
  #cat-about .mod-table-01.compact-th-v th:first-of-type {
    width: 105px;
  }
  /* 表の見出し（１列目を除く）の幅を広くする (wide-th-hクラスが付いたtable) */
  #cat-about .mod-table-01.wide-th-h th:not(:nth-child(1)) {
    width: 300px;
  }
  /* 見出し（縦）を固定（スクロール時） */
  .fixed-v {
    position: sticky;
    left: 0;
    color: #fff;
    background: #333;
  }
  .fixed-v:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}
/* ******************************************* */
/* 559px以下で適用 */
/*********************************************/
@media (max-width: 559px) {
  /* 表の見出しとデータの下に下線を引く */
  th,
  td {
    border: 1px solid #ccc;
  }
}