/************************************
** テーブル
************************************/
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;
}



/************************************
全体フォントサイズ変更
************************************/
/*講師プロフィール*/
.profile-box-2>.profile-box-heading-2>.profile-box-overview-2> .profile-box-body >.read-more> p{
      line-height: 1.5;
      font-size: 12px!important;

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

p.aim-toc__title {
  margin-bottom: 0 !important;
}
.blog-section p{
  line-height:2.5;
  margin-bottom:2em;
}

/*全部見る*/
.aim-toc-showbtn{
  font-size:21.5px !important;
    height: 80px!important;
}
/*目次やリスト*/
li{
  margin-bottom:10px;
}

.aim-toc__list {
  font-size: 100%;
}
@media (max-width: 767px){
.blog-section p{
  line-height:2;
  margin-bottom:32px;
  margin-top:0px;
  }
body,.blog-format ,.blog-section p{
  font-size:16px;
}
/*全部見る*/
.aim-toc-showbtn{
        font-size: 20px !important;
        padding: 30px 0 !important;
  }
}
@media (min-width: 768px) {
    .aim-toc__list {
        font-size: 20px !important;
  }}
}