@charset "utf-8";
/* t-black css */

   .chara_none::after {
        content: "" !important;
        display: none !important;
    }

    table th, table td {
        text-align: center;
    }

    .large-table th, .large-table td {
        text-align: center;
        vertical-align: middle;
    }

    .siliconeSpElm ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .siliconeSpElm li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1em;
    }

    .siliconeSpElm li span[class^="chara"] {
        flex-shrink: 0;
        white-space: nowrap;
        margin-right: 0.8em;
        display: inline-flex;
    }

    .chara1:after, .chara2:after, .chara3:after {
        margin-left: 0.3em;
    }

    td.bg-lgray .vertical-writing {
        width: fit-content;
        margin: 0 auto;
    }

    .line-up table.data1201 tr td, .line-up table.data1201 tr th {
        padding: 8px 5px;
    }

    .kadai.clmn2 li {
        font-size: 100%;
    }

    .kadai.clmn2 li:before {
        display: none;
    }

    .hyouka_comment {
        margin-top: 0.5rem;
    }

    .hyouka_comment li {
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }

    .youryou small {
        font-size: 0.6em;
    }

    @media screen and (max-width: 767px) {
        .under-Pinner .t-black .last-sec {
            margin-bottom: 0;
        }

        .under-Pinner .t-black .f14 {
            margin-bottom: 3rem;
        }

        .under-Pinner .t-black .img-mb {
            margin-bottom: 0;
        }

        .clmnR img, .clmnLidar img {
            width: 100%;
        }

        .col.graph1201 p {
            text-align: center;
        }
    }

    @media screen and (min-width: 767px) {
        .under-Pinner .t-black .last-sec {
            margin-bottom: 1rem;
        }

        .under-Pinner .t-black .f14 {
            margin-bottom: 5rem;
        }

        .under-Pinner .t-black .img-mb {
            margin-bottom: -10px;
        }

        .clmnR img {
            width: 310px;
        }

        .clmnLidar img {
            width: 265px;
            margin-left: auto;
            display: block;
        }

        .col.table1201 {
            flex-basis: 44%;
            margin-top: 3rem;
        }

        .col.graph1201 {
            flex-basis: 55%;
        }

        .col.graph1201 p {
            text-align: right;
        }
    }