/************************************
** テーブル
************************************/
table {
  border-collapse: collapse;/* ボーダーの重なりを防ぐ */
  font-size: 1.2rem;/* このテーブルのフォントサイズ */
  border-spacing: 0;/* ボーダーの隙間を開けない */
  margin-bottom: 10px !important;/* テンプレの余白削除 */
  width: 100%;
}

 /*ブルー見出し*/
table th {
  background: #008DDC;
  color: #fff;
  border: 1px solid #fff;  /* 境界線白に */
}
td,th {
  padding: 10px;/* 文字と境界までの距離 */
  vertical-align: middle;
  line-height: 1.3;/* 文字間 */
  text-align: left;/* 左揃えに */
}

 /*しろ背景本文*/
table td {
  background: #fff;
  vertical-align: middle;
  border: 1px solid #365e95;/* 境界線ブルーに */
}

table tr:nth-child(odd) td {
  background: #f9f9f9;
}


/************************************
** スクロールテーブル
************************************/
.scrollable-table-container {
  overflow-x: auto; /* 横方向のスクロールを有効にする */
  width: 100%; /* コンテナの幅を全体に設定 */
  overflow-y: auto; /* 縦スクロールも有効に */
  max-height: 600px; /* コンテナの最大高さを設定 */
  margin-bottom:1.5rem;
}

.scrollable-table {
  min-width: 750px;
  width: 200%;/* テーブルの幅 */
}

/* テーブルの見出し行を固定するスタイル */
.scrollable-tableZ thead th {
  position: sticky;
  top: 0; /* 上端に固定 */
  z-index: 2; /* 他の要素より上に表示 */
}
  
.scrollable-table th:first-child,
.scrollable-table td:first-child {
  position: sticky;
  left: 0; /* 左端に固定 */
  z-index: 1; /* 他の要素より上に表示 */
}  

.scrollable-table thead th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3; /* 最も高い値 */
} 

.scrollable-table ul {
  margin:0 auto;
  padding-left:20px;
}

.scrollable-table li {
  margin-bottom:8px;
}

@media only screen and (max-width: 736px) {
  .scrollable-table-container {
    max-height: 470px;
  }
  table{
    font-size: .9rem;/* このテーブルのフォントサイズ */
  }
}


/************************************
** 「文章をコピーする」のテキスト
************************************/
.copyText {
  padding: 10px;
  white-space: pre-wrap; /* 改行とスペースを保持する */
  cursor: text; /* テキストカーソルを表示 */
  border: 1px solid #9E9E9E;
background:#F3F5F8;
}
  .copyTextButton {
    padding: 5px 10px;
    border: 1px solid #9E9E9E;
    background:#DAE1EA;
    color:#424242;
    width: 100%;
    text-align:right;
    margin-bottom:25px;
  }


/************************************
** 2024.10.03 パンくずリストのフォントサイズ調整
************************************/

.vcenter-outer {
  max-width: 800px;
  margin: 0 auto;
}

.breadcrumbs-wrapper {
  font-size: 11.5px
}

@media (max-width: 767px){
 /* 画面サイズが768px未満の場合の設定 */
  .breadcrumbs-wrapper {
   font-size: 10px
}
}


.breadcrumbs-wrapper .reset-list {
  margin-right: 2px;
}



/*------

body,.blog-format ,.blog-section p{
  font-size:20px!important;
}

.blog-section p{
  line-height:2.5;
  margin-bottom:2em;
}
.aim-toc-showbtn{
  font-size:20px!important;
    height: 60px!important;

}
@media (max-width: 767px){
.blog-section p{
  line-height:2;
  margin-bottom:32px;
  }
body,.blog-format ,.blog-section p{
  font-size:16px;
}
}
@media (min-width: 768px) {
    .aim-toc__list {
        font-size: 20px !important;
    }
}
.read-more >p{
    font-size: 12px!important;
    line-height: 1.5;
}
p.aim-toc__title {
  margin-bottom: 0 !important;
}----/