/* sp */

@media screen and (max-width: 520px) {

    /* 画像横スクロールSP */

    @keyframes infinity-scroll-left {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    .scroll-infinity__wrap {
        display: flex;
        overflow: hidden;
    }

    .scroll-infinity__list {
        display: flex;
        list-style: none;
        padding: 0
    }

    .scroll-infinity__list--left {
        animation: infinity-scroll-left 70s infinite linear 2s both;
    }

    .scroll-infinity__item {
        width: calc(1800px / 11);
    }

    .scroll-infinity__item>img {
        width: 100%;
    }

    /* ここまで画像横スクロールSP */

    .nav-narabe {
        display: flex;
        flex-wrap: wrap;
    }

    .nav-narabe2 {
        width: calc(50%);
        padding: 5px;
    }

    .jyuken-h1-border {
        padding: 17px 0 20px 0;
        position: relative;
        text-align: center;
    }

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

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

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

    .jyuken-h1 {
        background-image: url(/advantage/img/h1_back.png);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        line-height: 1.5;
    }

}

/* pc */

@media screen and (min-width: 521px) {

    /* 画像横スクロールPC */

    @keyframes infinity-scroll-left {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-100%);
        }
    }

    .scroll-infinity__wrap {
        display: flex;
        overflow: hidden;
    }

    .scroll-infinity__list {
        display: flex;
        list-style: none;
        padding: 0
    }

    .scroll-infinity__list--left {
        animation: infinity-scroll-left 60s infinite linear 2s both;
    }

    .scroll-infinity__item {
        width: calc(3200px / 11);
    }

    .scroll-infinity__item>img {
        width: 100%;
    }

    /* ここまで画像横スクロールPC */

    .nav-narabe {
        display: flex;
        flex-wrap: wrap;
    }

    .nav-narabe2 {
        width: calc(50%);
        padding: 7px;
    }

    .jyuken-h1-border {
        padding: 21px 0 29px 0;
        position: relative;
        text-align: center;
    }

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

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

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

    .jyuken-h1 {
        background-image: url(/advantage/img/h1_back.png);
        background-position: center;
        background-size: 92%;
        background-repeat: no-repeat;
        line-height: 1.5;
    }
}