@charset "UTF-8";

iframe{vertical-align: bottom;}

.tbl_access {width:100%;background: #fff; margin: 0 auto 6vw;position:relative;font-size: 3.6vw;}
.tbl_access:before {content:"";width: 94px;position:absolute;background: var(--gold);height:2px;top:0px;left: 0;}
.tbl_access th,.tbl_access td {padding: 3vw 2vw;vertical-align:middle;border-bottom:1px solid #a5a5a5;line-height: 1.6;letter-spacing: 0.02em;text-align: justify;}
.tbl_access th {text-align:center;width: 30%;color: var(--gold);font-weight: 600;}
.tbl_access tr:first-child {border-top:2px solid #a5a5a5;}
.tbl_access td a {font-size: 5.2vw;font-family: var(--mincho);font-weight: 400;letter-spacing: .08em;display: inline-block;}
.tbl_access td a span:before {margin-right:5px;font-family:icon;content:'\f095';color: var(--gold);font-size: 80%;}
.tbl_access p {font-size: 3.4vw;}
.tbl_access p:last-child {margin-bottom: 0;}

.map {margin: 0 auto 6vw;height: 300px;}
.map-items{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: 10vw;}
.map-items li{width: 48%;}
.map-items li a { width: 100%; padding: 3vw 0; color: #fff; font-size: 3.6vw; text-align: center; background: var(--gold) url(../../images/arrow01.png) no-repeat center right 3vw; background-size: 2.6vw; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; position: relative; }

.route-items ul{margin-bottom: 8vw;}
.route-items .midashi01{line-height: 1;margin-bottom: 6vw;}
.route-items li{height: 50.5vw;margin-bottom: 5vw;}
.route-items>div{height: 50.5vw;}


/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

.tbl_access { font-size: 16px; margin: 0 auto 40px;}
.tbl_access:before {width: 230px;}
.tbl_access th,.tbl_access td {padding: 18px;}
.tbl_access th {text-align:center;width: 25%;}
.tbl_access td a {font-size: 24px;}
.tbl_access p {font-size:16px;}
    
.map { margin: 0 auto 40px; height: 400px;}
.map-items{-webkit-box-pack: center;justify-content: center;margin-bottom: 70px;}
.map-items li{width: 30%;margin: 0 3%;}
.map-items li a { padding: 15px 0; font-size: 16px; background-position: center right 15px; background-size: 12px; }

.route-items ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;justify-content: space-between;margin: 0 auto 70px;}
.route-items .midashi01{margin-bottom: 35px;}
.route-items li{width: 48%;height: auto; min-height: 300px;margin-bottom: 0;}
.route-items>div{width: 48%;height: auto; min-height: 300px;}
.route-items>div iframe{min-height: 300px;}
    
}


@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

.root a { background: var(--gold) url(../images/arrow01@2x.png) no-repeat center right 15px; background-size: 12px; }
    
}