@charset "utf-8";

.access__map__wrap {
    margin: 0 auto 80px;
}

#maps {
    width: 100%;
    height: 500px;
/*    height: 670px;*/
}

.access-info__wrap {
    text-align: center;
    margin: 0 auto 40px;
}

.access-info__wrap p {
    line-height: 1;
    margin: 1rem 0;
}

.logo__wrap {
    width: 160px;
    margin: 0 auto 20px;
}

.btn__wrap .btn-map {
    letter-spacing: 0.1rem;
}

.btn__wrap .btn-map .btn__inner {
    margin: 0 0 0 30px;
}

.btn__wrap .btn-grn svg.i_pin {
    width: 16px;
    height: 23px;
    fill: rgba(0,91,70,1);
}


/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */
/* iPhone 6 over */

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

}

/* iPhone 6 Plus over */

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

}

/* ---------------------------------------------------------------------------------------------- */
/* Tablet                                                                                        */

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

/* ---------------------------------------------------------------------------------------------- */
/* iPad (768px) */

@media screen and (min-width: 768px) {
    
    /* map */
    
    #maps {
        width: 100%;
        height: 670px;
    }
    
    .access .detail__tbl__head {
        flex-basis: 30%;
    }
    
    .access .detail__tbl__txt {
        flex-basis: 70%;
    }
}

/* ---------------------------------------------------------------------------------------------- */
/* Desktop                                                                                        */

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

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

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


}

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


}

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


}

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


}