@charset "UTF-8";



/* ==================
table layout
==================== */

/* 共通 */
.c-table-scroll{
  width:100%;
  margin:1.5rem 0;
}

.c-table-scroll table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--color-border);
  box-sizing: border-box;
}

.c-table-scroll th,
.c-table-scroll td{
  padding:.8rem;
  border:1px solid var(--color-border);
  font-size:1rem;
  
  vertical-align:middle;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.c-table-scroll th{
  background:var(--color-hover);
  font-weight:700;
  letter-spacing:.1em;
  text-align:center;
}

.c-table-scroll td {
    text-align: left;
    background-color: var(--color-wh);
}



.c-table-scroll.is-center td{
    text-align: center;
}

.c-table-scroll.is-center td.table__text-left {
  text-align: left;
}

/* 案内 */
.c-table-scroll-hint{
  position:relative;
}

/* 1列目だけ強調 */
.c-table-scroll--first-highlight tbody tr > td:first-child{
  background-color: var(--color-pale);
  font-weight: 600;
}

/* SP */
@media (max-width:767px){

  .c-table-scroll{
    overflow-x:auto;
  }

  .c-table-scroll table{
    width:max-content;
    min-width:100%;
  }

  .c-table-scroll-hint{
    padding-top:1.8rem;
  }

  .c-table-scroll-hint table{
    min-width:700px;
    table-layout:fixed;
  }

  .c-table-scroll th,
  .c-table-scroll td{
    font-size:.95rem;
    padding:.7rem .8rem;
  }

  .c-table-scroll-hint::before{
    content:"← 横にスクロールできます →";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    font-size:.85rem;
    color:#666;
    white-space:nowrap;
  }
}

/* PDFリンクのクリック領域を画像＋少しの余白にする */
.l-scope.l-page .c-table-scroll td .pdf-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  margin-inline: auto;
  padding: 0.25rem;
  line-height: 1;
  text-decoration: none;
  background-color: transparent;
  border-radius: 4px;
}

/* PDF画像 */
.l-scope.l-page .c-table-scroll td .pdf-inline-link img {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  transition: transform 0.4s;
  flex-shrink: 0;
  will-change: transform;
  transform: translateZ(0);
}

/* ホバー時：既存の c-link-list と同じように上へ動かす */
.l-scope.l-page .c-table-scroll td .pdf-inline-link:hover img {
  transform: translateY(-3px);
}
.l-scope.l-page .c-table-scroll td .pdf-inline-link:hover {
 background-color: var(--color-hover);
}