.page-info{
    right: 18% !important;
}


.bg-gray{
    background-color: #e8e8e8;
}

.gray-content{
    width:70.42vw;
    margin:0 auto;
    padding:6.77vw 0;
}


.gray-content h4{
    font-size:1.3vw;
    text-align: center;
}


.map-content{
    display: flex;
    justify-content: space-between;
    margin-top:6.77vw;
}




.map-content a{
    text-decoration: none;
    display: flex;
    flex-flow: column;
}
.map-content p{
    display: flex;
    align-items: center;
    font-size:1.1vw;
    margin-top:1.56vw;
    margin-left:2.3vw;
}
.map-content p::before{
    content:">";
    color: white;
    display: block;
    line-height:1.3vw;
    text-align: center;
    border-radius: 50px;
    font-size:1vw;
    width:1.3vw;
    height:1.3vw;
    background-color: #030398;
    margin-right:.5vw;
}


.map-content a:hover{
    text-decoration: underline;
}


.site-title{
    width:32.19vw;
    border:solid .1vw black;
    padding:1.04vw 0;
    margin-top:2.08vw;
}
.site-title h5{
    font-size:1.3vw;
    position: relative;
    margin-left:4vw;
}
.site-title h5::before{
    content:"";
    display: block;
    border-left:solid .4vw #030398;
    height:2.5vw;
    position: absolute;
    top:-10%;
    left:-5%;
}


.map-content .right{
    margin-top:3.2vw;
}








/*-----------------------------------------------------------------------------
レスポンシブ
-------------------------------------------------------------------------------*/

@media(max-width:599px){

    .page-info{
        right: 5% !important;
    }


    /*---------------------------------------------------------------------
    メイン
    -----------------------------------------------------------------------*/

    .bg-gray{
        padding:8vw 0;
    }
    .gray-content{
        width:90%;
    }
    
    
    .gray-content h4{
        font-size:4vw;
    }
    
    
    .map-content{
        flex-flow: column;
        justify-content: center;
        margin-top:6.77vw;
    }
    
    

    .map-content p{
        font-size:3.5vw;
        margin-top:6.41vw;
        margin-left:10vw;
    }
    .map-content p::before{
        line-height:3.8vw;
        font-size:3vw;
        width:3.8vw;
        height:3.8vw;
        margin-right:2.5vw;
    }
    

    
    .site-title{
        width:90%;
        border:solid .3vw black;
        padding:4.36vw 0;
        margin:6.41vw auto 0 auto;
    }
    .site-title h5{
        font-size:4vw;
        position: relative;
        margin-left:12vw;
    }
    .site-title h5::before{
        border-left:solid 1.5vw #030398;
        height:8vw;
        left:-8%;
    }
    
    
    .map-content .right{
        margin-top:0vw;
    }
    


}