/* sp */

@media screen and (max-width: 520px) {
    .hensa-width {
        width: 2%;
        padding: 5px 0;
    }

    .gakku-width {
        width: 19.6%;
        padding: 5px 0;
    }

    .title_border {
        padding: 14px 0 18px 0;
        line-height: 1.5;
        position: relative;
        text-align: center;
    }

    .title_border:before {
        top: 0;
        border-top: 1px solid #5d3a1b;
        border-bottom: 1px dotted #5d3a1b;
    }

    .title_border:after {
        bottom: 0;
        border-top: 1px dotted #5d3a1b;
        border-bottom: 1px solid #5d3a1b;
    }

    .title_border:before, .title_border:after {
        content: "";
        height: 6px;
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
    }

    .hensa-bnr1 {
        border-radius: 7px;
        border: 1px solid #54b709;
    }

    .hensa-bnr2 {
        border-radius: 7px;
        border: 1px solid #fc9f86;
    }

    .hensa-narabe {
        display: flex;
        flex-wrap: wrap;
        padding: 0 7px 10px 7px;
    }

    .hensa-narabe-3 {
        width: calc(33.3%);
        padding: 4px;
    }
}

/* pc */

@media screen and (min-width: 521px) {
    .hensa-width {
        width: 6%;
        padding: 10px 0;
    }

    .gakku-width {
        width: 18.8%;
        padding: 6px 0;
    }

    .title_border {
        padding: 14px 0 20px 0;
        line-height: 1.6;
        position: relative;
        text-align: center;
    }

    .title_border:before {
        top: 0;
        border-top: 1px solid #5d3a1b;
        border-bottom: 1px dotted #5d3a1b;
    }

    .title_border:after {
        bottom: 0;
        border-top: 1px dotted #5d3a1b;
        border-bottom: 1px solid #5d3a1b;
    }

    .title_border:before, .title_border:after {
        content: "";
        height: 6px;
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
    }

    .hensa-bnr1 {
        border-radius: 8px;
        border: 1px solid #54b709;
    }

    .hensa-bnr2 {
        border-radius: 8px;
        border: 1px solid #fc9f86;
    }

    .hensa-narabe {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px 10px 10px;
    }

    .hensa-narabe-3 {
        width: calc(33.3%);
        padding: 7px;
    }
}

/* 共通 */

.link-blue {
    color: #2F87D9;
    text-decoration: underline;
}

.link-blue:hover {
    color: #FE9434;
    text-decoration: none;
}

.link-green {
    color: #3d8c01;
    text-decoration: underline;
}

.link-green:hover {
    color: #FE9434;
    text-decoration: none;
}

.bg-orange2 {
    background-color: #ffeddc;
}