@charset "UTF-8";



.graphic-h2-bottom {
    margin-bottom: 50px;
}

.web-url {
    /* display: inline-block; */
    width: 368px;
    color: rgb(145, 145, 145);
    border-bottom: 1.5px solid rgb(145, 145, 145);
    /* margin-left: 50px; */
    margin: 0 auto;
}

.web-url-br {
    display: none;
}

.graphic-point-back {
    background-image: url(../imgs/img_web/web_point_background.jpg);
    padding: 50px;
    display: flex;
    justify-content: center;
    gap: 100px;
}

.graphic-point-fast {
    margin-top: 150px;
}

.graphic-point-flex {
    margin-bottom: 150px;
}


.web-all-page-flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}

.graphic-all-page {
    max-width: 600px;
    width: 70%;
}

.graphic-all-page-sp {
    max-width: 200px;
    width: 30%;
}


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

    .web-url {
        width: 320px;
        font-size: 14px;
    }

    .graphic-point-back {
        flex-flow: column;
    }

    .graphic-point-back img {
        max-width: 290px;
        margin: 0 auto;
    }

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

        .web-all-page-flex {
            gap: 15px;
        }

        .web-url {
            width: 300px;
            font-size: 13px;
        }

    }
}