@charset "UTF-8";
.info .title{font-family: var(--mincho);font-size: 5vw;font-weight: 600;line-height: 1.4;margin-bottom: 4%;}
.info img{margin-bottom:5%;}
.info{margin-bottom:10%;}
.info table{width:100%;background: #fff;}
.info tr{border-bottom:1px solid #e8e8e8;}
.info tr:nth-child(1){border-top:1px solid #e8e8e8;}
.info th, .info td{padding:3% 5%;line-height: 1.4;vertical-align: middle;color: #fff;}
.info th{background: #333333;width:35%;border-bottom:1px solid #ffffff;}
.info tr:nth-last-child(1) th{border-bottom:none;}
.info td{width:65%;color: #000;}
.info td a{font-family: 'Cinzel';font-size: 4vw;font-family: "Marcellus";font-weight: 400;font-family: "Marcellus";font-weight: 400;}
.info td a small{font-size:70%;}

.map iframe{width:100%;height:300px;}
.access-items {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin: 4vw auto 15vw;}
.access-items li { width: 48%; font-size: 3.16vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E; text-align: center; }
.access-items a {padding: 2.5vw 0;color: #fff;background: var(--gold);-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size: 4vw;}
.access-items span { margin: 0 1vw; display: inline-block; }

.root{width: 100%;margin: 0 auto 10vw;}
.root .root_text{width: 100%;margin: 0 auto 6vw;font-size: 3.5vw;}
.root ul{width: 100%;}
.root li{width: 100%;margin: 0 auto 10vw; position: relative;}
.root li:after{content: "\f107";margin: 1vw auto 1vw;font-weight: normal;font-family: 'icon';display: block;font-size: 10vw;color: #6d5fb6;position: absolute;bottom: -10vw;left: 50%;-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.root li:last-child:after{content:none;}
.root img{width: 100%;}


/* =============================================
pc
================================================*/
@media screen and (min-width:769px) {
.info{margin-bottom:60px;}
.info th{width:25%;}
.info th, .info td{padding:20px 20px}
.info .title{font-size:30px;margin-bottom: 14px;}
.info td a{font-size:25px;}

.map iframe{height:400px;}
.access-items{width:600px;margin:30px auto 100px;}
.access-items li {width:49%; }
.access-items a { padding: 15px 0 14px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;font-size: 20px; }


.root{margin: 0 auto 100px;}
.root .root_text{width: 100%;margin: 0 auto 20px;font-size: 16px;}
.root ul{width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.root li{width: 30%;margin: 0;}
.root li:after{content: "\f105";margin: 0 auto;font-size: 40px;bottom: auto;top: 50%;left: auto;right: -31px;-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.root li:last-child:after{content:none;}
.root img{width: 100%;}
    
}

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

}

/* retina用 ----------------------------------------------- */ 
@media screen and (min-width:769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width:769px) and (min-resolution: 2dppx) {
}