.access_wrap{
    padding-bottom: 10%;
}
.h1{
    padding-top: 10%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10%;
}
.h1 h1{
width: 23vw;
margin: 0 auto;
}
.h1 h1 img{
    width: 100%;
    }
    .h1 p{
        font-size: 12px;
        }

.access ul {
    text-align: center;
}
.access ul li{
    padding-bottom: 8%;
    line-height: 2;
    font-size: 12px;
}
.access ul li h2{
    width: 50vw;
    margin: 0 auto;
    padding-bottom: 2%;
}
.h2-1 img{
width: 18%;
}
.h2-2 img{
    width: 23%;
    }
.h2-3 img{
        width: 22%;
        }
.p-IG{
    padding-top: 3%;
}

.map{
    margin: 5% 0%;
}

@media(max-width:767px){
    .h1 {
        padding-top: 10%;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 30%;
    }
    .h1 h1 {
        width: 30vw;
        margin: 0 auto;
    }
    .h2-1 img {
        width: 35%;
    }
    .h2-2 img {
        width: 46%;
    }
    .access ul li {
        padding-bottom: 10%;
        line-height: 2;
        font-size: 12px;
    }
    .h2-3 img {
        width: 46%;
    }
    .map {
        margin: 10% 0%;
    }
    .access_wrap {
        padding: 0 8% 10%;
    }
}