table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }

        /* スマホ画面に最適化 */
        @media (max-width: 599px) {

            table,
            thead,
            tbody,
            th,
            td,
            tr {
                display: block;
            }

            th,
            td {
                padding: 12px;
                border-bottom: 1px solid #ddd;
                text-align: left;
                font-weight: 400;
            }


            thead tr {
                display: none;
            }

            tr {
                margin-bottom: 30px;
            }
            td:not(.highlight-cell){
                background-color: #fff;
            }

            td:not(.highlight-cell,.func-cell) {
                text-align: center;
                padding-left: 50%;
                position: relative;
            }

            .func-cell {
                border-bottom: 2px solid #aaa;
                text-align: center;
                font-weight: 700;
            }

            .func-cell+td+td,
            .func-cell+td+td+td+td {
                background-color: #eee;
            }

            .highlight-cell {
                font-size: 20px;
                font-weight: 700;
            }

            .highlight-row {
                margin-top: 60px;

            }

            td::before {
                content: attr(data-label);
                position: absolute;
                left: 10px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
            }

        }


        thead {
            position: sticky;
            top: 0;
            background-color: #3d85c6;
            color: white;
            font-weight: bold;
            z-index: 1;
        }

        thead tr:nth-child(2) th {
            top: 36px;
            /* 第一行の高さを調整 */
        }

        .header-cell {
            background-color: #fff;
            color: #333;
            font-weight: bold;
            text-align: center;
            height: 24px;
            /* rowspanのセルの高さを固定 */
        }




        @media screen and (min-width: 600px) {
            .highlight-row {
                border-top: 2px solid #ddd;
            }

            tr td.func-cell~td {
                text-align: center;
            }

            th,
            td {
                padding: 12px;
                border-bottom: 1px solid #ddd;
                text-align: left;
                background-color: #fff;
            }


            .header-cell:first-child,
            td.func-cell {
                border-right: 1px solid #ddd;
            }


            .highlight-cell {
                background-color: #fff;
                font-weight: 700;
                border-right: 1px solid #ddd;
            }

            tr:nth-child(even) .func-cell {
                background-color: #f8f8f8;
            }

            tr:nth-child(2) th:nth-child(1),
            tr:nth-child(2) th:nth-child(3),
            td.func-cell+td,
            td.func-cell+td+td+td {
                background-color: #f2f2f2;
            }
        }

        .tooltip {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            /* ツールチップの幅 */
            background-color: #333;
            color: #fff;
            text-align: left;
            /* 左揃えに設定 */
            border-radius: 6px;
            font-weight: 400;
            line-height: 1.4;
            padding: 10px;
            position: absolute;
            z-index: 0;
            bottom: 125%;
            /* 要素の上に表示 */
            left: 50%;
            margin-left: -100px;
            /* ツールチップを中央揃え */
            opacity: 0;
            transition: opacity 0.3s;
        }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            /* ツールチップの下に矢印を表示 */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
        }

        /* PCではhoverで表示 */
        @media (min-width: 601px) {
            .tooltip:hover .tooltiptext {
                visibility: visible;
                opacity: 1;
                z-index: 10; /* 表示時はtheadより前面に */
            }
        }

        /* スマホではクリックで表示 */
        @media (max-width: 600px) {

            .tooltip .tooltiptext {
                margin-left: 0;
                transform: translateX(-50%);
                bottom: auto;
                top: 125%;
                z-index: 0;
            }

            .tooltip .tooltiptext::after {
                top: auto;
                bottom: 100%;
                /* 矢印を上に表示 */
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #333 transparent;
            }

            .tooltip-active .tooltiptext {
                visibility: visible;
                opacity: 1;
                z-index: 10; /* 表示時はtheadより前面に */
            }
        }

        /* Informationアイコンのスタイル */
        .information-circle {
            position: relative;
            display: inline-block;
            width: 19px;
            height: 19px;
            vertical-align: sub;
            border: 2px solid #888;
            background: #888;
            border-radius: 18px;
        }

        .information-circle>span {
            position: absolute;
            top: 2px;
            left: 6px;
            right: 0;
            bottom: 0;
            margin: auto;
        }

        .information-circle>span::before,
        .information-circle>span::after {
            content: '';
            display: block;
            width: inherit;
            background: #fff;
        }

        .information-circle>span::before {
            height: 3px;
            width: 3px;
            border-radius: 3px;
        }

        .information-circle>span::after {
            height: 6px;
            width: 3px;
            margin-top: 2px;
        }

        .heading-block {
            padding: 0.5em 0.5em;
            background: transparent;
            border-left: solid 5px #36b4ee;
            margin-bottom: .5em;
        }
        .divider {
            height: .01em;
            width: 100%;
            background: #aaa;
        }
.slider-row-1, .slider-row-2, .slider-row-3{
    margin: 0 !important;
}
.swiper-container{
    padding-bottom: 0;
}

.continuous-slider {
    height: 100px;
}

.slider-row-1 div{
    margin-right: 20px;
}