@charset "UTF-8";
/* CSS Document */


    /* Style for the table */
    table {
        border-collapse: collapse;
        width: 100%;
    }

    th, td {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    th {
        background-color: #f2f2f2;
    }

    /* Style for the fixed left column */
    .fixed-column {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: #f2f2f2;
    }

    /* Style for the scrollable right columns */
    .scrollable-columns {
        overflow-x: auto;
        white-space: nowrap;
    }

    /* Style for the table header of scrollable columns */
    .scrollable-columns th:second-child {
        display: none; /* Hide the leftmost header in scrollable columns */
    }
.point {
  /*pointというクラスの要素の背景を#eaf2f6にする*/   
  background-color: #eaf2f6;
  box-shadow: none;
}




/* ===== 主な取組成果と目標 テーブル レスポンシブ対応 ===== */
/* PC版：710px横幅いっぱいに表示 */
.table-scroll {
    width: 100%;
    max-width: 710px;
    overflow-x: visible;
}

.table-scroll table {
    width: 100%;
    table-layout: fixed;
}
/* スクロール案内（PCでは非表示） */
.scroll-hint {
  display: none;
}
/* SP版（768px以下）：横スクロール付きの表 */
@media screen and (max-width: 768px) {
    .table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* iOSで慣性スクロール */
    }

    .table-scroll table {
        width: 710px;   /* テーブル本来の幅を維持してスクロールさせる */
        table-layout: auto;
    }

    /* スクロールできることが分かるよう右端に影を付ける（任意） */
    .table-scroll {
        background:
            linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
            linear-gradient(to left,  #fff 30%, rgba(255,255,255,0)),
            radial-gradient(at right, rgba(0,0,0,0.15), rgba(0,0,0,0) 70%);
        background-repeat: no-repeat;
        background-size: 40px 100%, 40px 100%, 14px 100%;
        background-position: 0 0, 100% 0, 100% 0;
        background-attachment: local, local, scroll;
    }
	.scroll-hint {
    display: block;
    font-size: 11px;
    color: #999;
    text-align: right;
    margin: 4px 0 0;
  }
}