@media screen and (max-width: 767px) {
    .navbar-brand{
        width: 40%;
    }

    .navbar .navbar-toggler-icon{
        /* 三本線 */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(232, 82, 146, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-toggler{
        border-color: rgba(0, 0, 0, 0);
    }

    .nav-contact{
        margin: 15px 0;
    }

    .nav-contact p{
        font-size: 20px;
    }

    .nav-link{
        text-align: center;
    }

    .offset-1{
        margin-left: 0;
    }

    ul{
        padding-left: 0;
    }

    .osusume{
        padding-bottom: 50px;
    }

    .osusume h2{
        margin-top: 50px;
    }

    .tokutyo ul{
        flex-direction: column;
    }

    .tokutyo li{
        width: 90%;
        margin: 20px auto;
    }

    .service-content{
        flex-direction: column;
    }

    .service-point{
        width: 90%;
        margin: 20px auto;
    }

    .flow ul{
        flex-direction: column;
    }

    .flow li{
        width: 95%;
        margin: 20px auto;
    }

    .recruit ul{
        flex-direction: column;
        width: 100%;
    }

    footer img{
        width: 50%;
    }
}