@charset "UTF-8";

/*横スクロール*/
.table-container {
  overflow-x: scroll; 
}
.table-container::-webkit-scrollbar {
  height: 8px;
}

.table-container::-webkit-scrollbar-track {
  background-color: #888;
  border-radius: 4px;
}

.table-container::-webkit-scrollbar-thumb { 
  background-color: #555;
}
.width5 {
  width: 5%;
}

.width10 {
  width: 10%;
}

.width12_5 {
  width: 12.5%;
}

.width15 {
  width: 15%;
}

.width20 {
  width: 20%;
}

.width25 {
  width: 25%;
}

.width30 {
  width: 30%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width45 {
  width: 45%;
}

.width50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.width65 {
  width: 65%;
}

.width70 {
  width: 70%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width85 {
  width: 85%;
}

.width90 {
  width: 90%;
}

.width95 {
  width: 95%;
}

.width1-3 {
  width: 33%;
}

.width1-6 {
  width: 16.6%;
}

.width1-8 {
  width: 12.5%;
}

.width1-9 {
  width: 11.1%;
}

.max300 {
  max-width: 300px;
}

.max400 {
  max-width: 400px;
}

.max500 {
  max-width: 500px;
}

.bold {
  font-weight: bold;
}

.square {
  border-radius: 10px;
  border: 2px solid #4b4b4b;
}

/* ==========================
   header付きテーブルをdivで生成
   ========================== */
/* ヘッダー部分 */
div.table-header {
  border-radius: 10px 10px 0 0;
  /* 上の左右の角だけ丸くする */
  border: 1px solid #CBD0DD;
  /* 1pxのグレーの線を追加 */
  border-bottom: none;
  /* 下の枠線を消すため */
  background-color: #f3f3f386;
  /* 薄いグレーの背景 */
  padding: 0.625rem;
  /* 10pxに相当する場合のパディング */
  margin-bottom: -1px;
  /* コンテンツとの隙間を無くす */

  margin-top: 1rem;
}


div.table-content {
  border-radius: 0 0 10px 10px;
  /* 下の左右の角だけ丸くする */
  border: 1px solid #CBD0DD;
  /* 1pxのグレーの線を追加 */
  /* border-top: none; /* 上の枠線を消す */
  background-color: #ffffff;
  /* 白い背景 */
  padding: 0.5rem;
}

div.table-content-none-padding {
  border-radius: 0 0 10px 10px;
  /* 下の左右の角だけ丸くする */
  border: 1px solid #CBD0DD;
  /* 1pxのグレーの線を追加 */
  border-top: none;
  /* 上の枠線を消す */
  background-color: #ffffff;
  /* 白い背景 */

  margin-bottom: 1rem;
}



div.table-header h4 {
  font-family: Kosugi Maru, kozuka-gothic-pr6n, 'Noto Sans JP', Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
  font-size: 1.25rem;
  /* 20pxに相当する場合のフォントサイズ */
  color: #333333;
  /* 文字色 */
  margin: 0;
  /* 余白を削除 */
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  ;
  /* 5pxに相当する場合のパディング */
  text-align: left;
  /* 中央揃えに設定 */
  font-weight: normal;
}

/* 中央寄せ用のクラス */
.center {
  text-align: center;
}

/* ==========================
   上記の囲いの中に表示するテーブル
   ========================== */
/* 下の枠線を消すための追加のスタイル */
div.table-content-none-padding table {
  width: 100%;
  border-collapse: collapse;
  /* セルの隣接するボーダーを結合 */
}

div.table-content-none-padding th,
div.table-content-none-padding td {
  border-bottom: 1px solid #E0E0E0;
  /* 下部のボーダーを1pxに */
  padding: 0.625rem;
  text-align: left;
  /* デフォルトで左寄せ */
  font-size: 0.9rem;
  line-height: 1.25rem;
}

div.table-content-none-padding th {
  position: relative;
  /* 親要素を基準に疑似要素を配置するために必要 */
  font-family: 'BIZ UDPGothic', 'Noto Sans JP', sans-serif;
  border-top: 2px solid #E0E0E0;
  border-bottom: 2px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  background-color: #929393;
  font-weight: bold;
  color: white;
  z-index: 1;
  /* 疑似要素より上に表示されるようにする */
}

div.table-content-none-padding th::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: #686a6b5c;
  z-index: -1;
  /* 親要素の下に表示されるようにする */
}

div.table-content-none-padding td {
  border-left: 1px solid #E0E0E0;
  /* 左側のボーダーを1pxに */
}

div.table-content-none-padding tr:nth-child(even) td {
  background-color: #FAFAFA;
}

/* 最初の行の下線を2pxに設定 */
div.table-content-none-padding tr:first-child th {
  border-bottom: 2px solid #E0E0E0;
}

/* 一番左のセルの左側のボーダーを削除 */
div.table-content-none-padding td:first-child,
div.table-content-none-padding th:first-child {
  border-left: none;
}

/* 最終行の下線を非表示に */
div.table-content-none-padding tr:last-child td {
  border-bottom: none;
}

/* _cellクラスが追加された場合、左側のボーダーを1pxに設定 */
div.table-content-none-padding td._cell:first-child,
div.table-content-none-padding th._cell:first-child {
  border-left: 1px solid #E0E0E0;
}

/* _cellクラスが追加された場合も全体のテーブルに適用されるCSSを維持 */
div.table-content-none-padding td._cell,
div.table-content-none-padding th._cell {
  border-bottom: 1px solid #E0E0E0;
  padding: 0.625rem;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.25rem;
}

/* 最終行の最初のセルに左下の角を丸くし、左ボーダーを追加 */
div.table-content-none-padding tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

/* 最終行の最後のセルに右下の角を丸く */
div.table-content-none-padding tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

/* 中央寄せ用のクラス */
div.table-content-none-padding th.center,
div.table-content-none-padding td.center {
  text-align: center;
}

/* .no-radiusクラスを持つセルの角を丸くしない */
div.table-content-none-padding tr:last-child td.no-radius {
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* 内部テーブルのスタイルをリセット */
div.table-content-none-padding tr:last-child td.no-radius table {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

/* 内部テーブルのセルもリセット */
div.table-content-none-padding tr:last-child td.no-radius td {
  border-radius: 0 !important;
  overflow: hidden;
}

/* _cellクラスが追加された最終行の下線を非表示に */
div.table-content-none-padding tr:last-child td._cell,
div.table-content-none-padding tr:last-child th._cell {
  border-bottom: none;
}

div.table-content-none-padding p {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}





/*ウィンドウ幅が1000px以上の場合に適用*/
@media screen and (min-width: 864px) {

  /*データベース表示用*/

  table.database01 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.82rem;
    line-height: 1.4rem;
    border-radius: 4px;
  }

  table.database01 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database01 tr {
    border-bottom: solid 2px #1F1F1F;
    max-width: 34%;
    border-radius: 4px;
  }

  table.database01 th {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    position: relative;
    background-color: #747474;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database01 th.lv2 {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database01 td {
    text-align: left;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
    border-radius: 4px;
  }

  table.database01 td.center {
    text-align: center;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
  }


  table.database01 tr:nth-child(odd) td {
    text-align: left;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }

  table.database01 tr:nth-child(odd) td.center {
    text-align: center;
    max-width: 34%;
    padding: 3px 5px;
  }


  table.database02 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.85rem;
    line-height: 1.4rem;
  }

  table.database02 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database02 tr {
    border-bottom: solid 2px #747474;
    max-width: 34%;

  }

  table.database02 th {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    border: none;
    position: relative;
    background-color: #747474;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;

  }

  table.database02 th.lv2 {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    border: none;
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database02 td {
    text-align: left;
    border: none;
    max-width: 34%;
    background-color: #eee;
    padding: 5px 5px;
    border-radius: 4px;
  }

  table.database02 a {
    color: blue;
  }

  table.database02 a:hover {
    color: rgb(107, 107, 250)
  }

  table.database02 td.center {
    text-align: center;
    max-width: 34%;
    padding: 3px 5px;
  }


  table.database02 tr:nth-child(odd) td {
    text-align: left;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }

  table.database02 tr:nth-child(odd) td.center {
    text-align: center;
    max-width: 34%;
    padding: 3px 5px;
  }


  table.database03 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.87rem;
    line-height: 1.5rem;
    border-radius: 4px;
  }

  table.database03 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database03 tr {
    border-bottom: solid 2px #747474;
    max-width: 34%;
    border-radius: 4px;
  }

  table.database03 th {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    position: relative;
    background-color: #747474;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database03 th.lv2 {
    font-family: Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database03 td {
    text-align: left;
    max-width: 34%;
    background-color: #eee;
    padding: 5px 5px;
    border-radius: 4px;
  }

  table.database03 a {
    color: blue;
  }

  table.database03 a:hover {
    color: rgb(107, 107, 250)
  }

  table.database03 td.center {
    text-align: center;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
  }


  table.database03 tr:nth-child(odd) td {
    text-align: left;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }

  table.database03 tr:nth-child(odd) td.center {
    text-align: center;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }



  /* ヘッダー部分 */
  div.database05_header {
    /* 上の左右の角だけ丸くする */
    border: 1px solid #CBD0DD;
    /* 1pxのグレーの線を追加 */
    border-bottom: none;
    /* 下の枠線を消すため */
    background-color: #f3f3f386;
    /* 薄いグレーの背景 */
    padding: 0.625rem;
    /* 10pxに相当する場合のパディング */
    margin-bottom: -1px;
    /* コンテンツとの隙間を無くす */
    margin-top: 1rem;
  }

  div.database05_header h4 {
    font-size: 1.35rem;
    /* 20pxに相当する場合のフォントサイズ */
    color: #333333;
    /* 文字色 */
    margin: 0;
    /* 余白を削除 */
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    ;
    /* 5pxに相当する場合のパディング */
    text-align: left;
    /* 中央揃えに設定 */
    font-weight: normal;
  }

  .database05 {
    width: 100%;
    border-collapse: collapse;
    /* 下部のボーダーを1pxに */
    padding: 0.625rem;
    text-align: left;
    /* デフォルトで左寄せ */
    font-size: 0.9rem;
    line-height: 1.25rem;
  }

  .database05 th, .database05 td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
    /* 基本は左寄せ */
  }

  .database05 th {
    background-color: #808080;
    /* 背景色をグレーに設定 */
    color: white;
    /* テキストを白に設定 */
    font-weight: normal;
  }

  .database05 tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  table.database05 a {
    color: blue;
  }

  table.database05 a:hover {
    color: rgb(107, 107, 250);
  }

  .database05 td.no_padding {
    padding: 0;
  }

  .database05 th.lv2 {
    background-color: #969595;
    /* th よりも薄いグレー */
  }

  /* .center クラスが付いている場合のみ中央寄せ */
  .database05 th.center, .database05 td.center {
    text-align: center;
  }


  /* タイトル付　枠（影）2　*/
  .point01box {
    position: relative;
    margin: 2em auto;
    padding: 1.2em;
    width: 90%;
    color: #555555;
    /* 文字色 */
    background-color: #fff;
    border: 2px solid #f09199;
    /* 枠線の太さ・色 */
    box-shadow: 0 0 5px 2px #fce2c4 inset;
    /* 影の色 */
  }

  .point01title {
    position: absolute;
    padding: 0 .5em;
    left: 20px;
    top: -15px;
    font-weight: bold;
    background-color: #fff;
    /* タイトル背景色 */
    color: #FF0033;
    /* タイトル文字色 */
  }


  .table-of-contents-3column {
    width: 100%;
    background-color: #F8F8F8;
    border-collapse: collapse;

    /* Ensure the table uses full width of the parent container */
  }

  .table-of-contents-3column tr {
    width: 100%;
  }

  .table-of-contents-3column td {
    width: 33.33%;
    /* Divide by three for 3 columns */
    text-align: center;
    /* Horizontal center alignment */
    vertical-align: middle;
    /* Vertical center alignment */
    border: 1px solid #C0C0C0;
  }

  .table-of-contents-3column p.mokuji-3column {
    margin: 0.3rem;
  }

  .full-cell-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    /* ensures that the link uses the same color as the parent */
  }

  .table-of-contents-3column thead th {
    background-color: #747474;
    border: 1px solid #747474;
    /* 追加 */
    color: white;
    text-align: center;
    padding: 5px;
    /* adjust padding as needed */
    font-weight: bold;
  }




}

/*レスポンシブPC用ここまで*/


/*ウィンドウ幅が1000px以下の場合に適用*/
@media screen and (max-width: 863.98px) {

  /*データベース表示用*/
  table.database01 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.6rem;
    line-height: 1.05rem;
  }

  table.database01 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database01 tr {
    border-bottom: solid 2px #1F1F1F;
  }

  table.database01 th {
    position: relative;
    background-color: #747474;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database01 th.lv2 {
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database01 td {
    text-align: left;
    background-color: #eee;
    padding: 3px 5px;
  }

  table.database01 td.center {
    text-align: center;
    background-color: #eee;
    padding: 3px 5px;
  }

  table.database01 tr:nth-child(odd) td {
    text-align: left;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }

  table.database01 tr:nth-child(odd) td.center {
    text-align: center;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }



  table.database02 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.7rem;
    line-height: 1.375rem;
    border-radius: 4px;
  }

  table.database02 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database02 tr {
    border-bottom: solid 2px #747474;
    max-width: 34%;
    border-radius: 4px;
  }

  table.database02 th {
    position: relative;
    background-color: #747474;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database02 th.lv2 {
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database02 td {
    text-align: left;
    max-width: 34%;
    background-color: #eee;
    padding: 5px 5px;
    border-radius: 4px;
  }

  table.database02 a {
    color: blue;
  }

  table.database02 a:hover {
    color: rgb(107, 107, 250)
  }

  table.database02 td.center {
    text-align: center;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
  }


  table.database02 tr:nth-child(odd) td {
    text-align: left;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }





  table.database02 tr:nth-child(odd) td.center {
    text-align: center;
    max-width: 34%;
    padding: 3px 5px;
  }


  table.database03 {
    min-width: 100%;
    max-width: 100%;
    font-size: 0.8rem;
    line-height: 1.35rem;
    border-radius: 4px;
  }

  table.database03 br {
    display: block;
    content: "";
    margin: 0.35rem 0;
  }

  table.database03 tr {
    border-bottom: solid 2px #666666;
    max-width: 34%;
    border-radius: 4px;
  }

  table.database03 th {
    position: relative;
    background-color: #666666;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database03 th.lv2 {
    position: relative;
    background-color: #969595;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
  }

  table.database03 td {
    text-align: left;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
    border-radius: 4px;
  }

  table.database03 td.center {
    text-align: center;
    max-width: 34%;
    background-color: #eee;
    padding: 3px 5px;
  }


  table.database03 tr:nth-child(odd) td {
    text-align: left;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }

  table.database03 tr:nth-child(odd) td.center {
    text-align: center;
    max-width: 34%;
    background-color: #F5F5F5;
    padding: 3px 5px;
  }


  .database05 {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
    line-height: 1.35rem;
  }

  .database05 th, .database05 td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
    /* 基本は左寄せ */
  }

  .database05 th {
    background-color: #808080;
    /* 背景色をグレーに設定 */
    color: white;
    /* テキストを白に設定 */
    font-weight: normal;
  }

  .database05 tr:nth-child(even) {
    background-color: #f9f9f9;
  }



  table.database05 a {
    color: blue;
  }

  table.database05 a:hover {
    color: rgb(107, 107, 250);
  }

  .database05 td.no_padding {
    padding: 0;
  }

  .database05 th.lv2 {
    background-color: #969595;
    /* th よりも薄いグレー */
  }

  /* .center クラスが付いている場合のみ中央寄せ */
  .database05 th.center, .database05 td.center {
    text-align: center;
  }

  /* ヘッダー部分 */
  div.database05_header {
    /* 上の左右の角だけ丸くする */
    border: 1px solid #CBD0DD;
    /* 1pxのグレーの線を追加 */
    border-bottom: none;
    /* 下の枠線を消すため */
    background-color: #f3f3f386;
    /* 薄いグレーの背景 */
    padding: 0.625rem;
    /* 10pxに相当する場合のパディング */
    margin-bottom: -1px;
    /* コンテンツとの隙間を無くす */
    margin-top: 1rem;
  }

  div.database05_header h4 {
    font-size: 1.35rem;
    /* 20pxに相当する場合のフォントサイズ */
    color: #333333;
    /* 文字色 */
    margin: 0;
    /* 余白を削除 */
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    ;
    /* 5pxに相当する場合のパディング */
    text-align: left;
    /* 中央揃えに設定 */
    font-weight: normal;
  }


  /* タイトル付　枠（影）2　*/
  .point01box {
    position: relative;
    margin: 2em auto;
    padding: 1.2em;
    width: 90%;
    color: #555555;
    /* 文字色 */
    background-color: #fff;
    border: 2px solid #f09199;
    /* 枠線の太さ・色 */
    box-shadow: 0 0 5px 2px #fce2c4 inset;
    /* 影の色 */
  }

  .point01title {
    position: absolute;
    padding: 0 .5em;
    left: 20px;
    top: -15px;
    font-weight: bold;
    background-color: #fff;
    /* タイトル背景色 */
    color: #FF0033;
    /* タイトル文字色 */
  }

  .table-of-contents-3column {
    width: 100%;
    background-color: #F8F8F8;
    border-collapse: collapse;
    /* Ensure the table uses full width of the parent container */
  }

  .table-of-contents-3column tr {
    width: 100%;
  }

  .table-of-contents-3column td {
    width: 33.33%;
    /* Divide by three for 3 columns */
    text-align: center;
    /* Horizontal center alignment */
    vertical-align: middle;
    /* Vertical center alignment */
    border: 1px solid #C0C0C0;
  }

  .table-of-contents-3column p.mokuji-3column {
    margin: 0.3rem;
  }

  .full-cell-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    /* ensures that the link uses the same color as the parent */
  }

  .table-of-contents-3column thead th {
    background-color: #747474;
    border: 1px solid #747474;
    /* 追加 */
    color: white;
    text-align: center;
    padding: 5px;
    /* adjust padding as needed */
    font-weight: bold;
  }

  div.table-header h4 {
    font-family: Kosugi Maru, kozuka-gothic-pr6n, 'Noto Sans JP', Helvetica Neue, Arial, Hiragino Sans, Hiragino Kaku Gothic ProN, BIZ UDPGothic, Meiryo, sans-serif;
    font-size: 1.25rem;
    /* 20pxに相当する場合のフォントサイズ */
    color: #333333;
    /* 文字色 */
    margin: 0;
    /* 余白を削除 */
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    ;
    /* 5pxに相当する場合のパディング */
    text-align: left;
    /* 中央揃えに設定 */
    font-weight: normal;
  }

  /* 中央寄せ用のクラス */
  .center {
    text-align: center;
  }

  /* ==========================
     上記の囲いの中に表示するテーブル
     ========================== */
  /* 下の枠線を消すための追加のスタイル */
  div.table-content-none-padding table {
    width: 100%;
    border-collapse: collapse;
    /* セルの隣接するボーダーを結合 */
  }

  div.table-content-none-padding th,
  div.table-content-none-padding td {
    border-bottom: 1px solid #E0E0E0;
    /* 下部のボーダーを1pxに */
    padding: 0.25rem;
    text-align: left;
    /* デフォルトで左寄せ */
    font-size: 0.75rem;
    line-height: 1.25rem;
  }

  div.table-content-none-padding th {
    position: relative;
    /* 親要素を基準に疑似要素を配置するために必要 */
    font-family: 'BIZ UDPGothic', 'Noto Sans JP', sans-serif;
    border-top: 2px solid #E0E0E0;
    border-bottom: 2px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    background-color: #929393;
    font-weight: bold;
    color: white;
    z-index: 1;
    /* 疑似要素より上に表示されるようにする */
  }

  div.table-content-none-padding th::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: #686a6b5c;
    z-index: -1;
    /* 親要素の下に表示されるようにする */
  }


  div.table-content-none-padding td {
    border-left: 1px solid #E0E0E0;
    /* 左側のボーダーを1pxに */
  }

  div.table-content-none-padding tr:nth-child(even) td {
    background-color: #FAFAFA;
  }

  /* 最初の行の下線を2pxに設定 */
  div.table-content-none-padding tr:first-child th {
    border-bottom: 2px solid #E0E0E0;
  }

  /* 一番左のセルの左側のボーダーを削除 */
  div.table-content-none-padding td:first-child,
  div.table-content-none-padding th:first-child {
    border-left: none;
  }

  /* 最終行の下線を非表示に */
  div.table-content-none-padding tr:last-child td {
    border-bottom: none;
  }

  /* 最終行の最初のセルに左下の角を丸くし、左ボーダーを追加 */
  div.table-content-none-padding tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
  }

  /* 最終行の最後のセルに右下の角を丸く */
  div.table-content-none-padding tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
  }

  /* 中央寄せ用のクラス */
  div.table-content-none-padding th.center,
  div.table-content-none-padding td.center {
    text-align: center;
  }


  /* 最終行の最後のセルに右下の角を丸く */
  div.table-content-none-padding tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
  }

  /* .no-radiusクラスを持つセルの角を丸くしない */
  div.table-content-none-padding tr:last-child td.no-radius {
    border-radius: 0 !important;
    padding: 0 !important;
    overflow: hidden;
  }

  /* 内部テーブルのスタイルをリセット */
  div.table-content-none-padding tr:last-child td.no-radius table {
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }

  /* 内部テーブルのセルもリセット */
  div.table-content-none-padding tr:last-child td.no-radius td {
    border-radius: 0 !important;
    overflow: hidden;
  }

}

/*レスポンシブスマホ用ここまで*/