@charset "UTF-8";
.tbl01{margin-bottom:0;}
.map-box{width: 100%;height: 300px;}
.access-items {width: 100%;display: -webkit-box;display: -moz-box;display: box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin: 4% 0 14%;}
.access-items li {width: 49%;text-align: center;letter-spacing: 1px;border-radius: 5px;font-size: 3.4vw;font-weight:bold;}
.access-items a {padding: 8%;color: #fff;background: var(--blue);display: block;border-radius: 50px;}
.access-items span {margin: 0 5px  0 0;display: inline-block;}

.route ul{margin-bottom: 8%;}
.route li{width: 100%;margin: 0 auto 17%;position: relative;}
.route li:last-child{margin-bottom: 0;}
.route li::after{content: "\f107";font-family: 'icon';font-size: 10vw;color: #a99b64;position: absolute;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);bottom: -12vw;}
.route li:last-child::after{display: none;}
.route li img{width: 100%;margin: 0 auto 4%;}
.route dl{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: center;}
.route dt{width: 10%;background: var(--beige);color: #fff;padding: 3%;text-align: center;margin-right: 4%;}
.route dd{width: 86%;line-height: 1.4;}
.route dd span{background: linear-gradient(transparent 10%, #fff7de 10%);font-size: 120%;}
.route .att{background:#fff;padding:8%;}
.route .att img{width:100%;margin-bottom:2vw;}
.route .att .title{color:var(--blue);text-align:center;font-weight:bold;font-size:5vw;margin-bottom:1vw;}


/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.map{margin-bottom:100px;}
.access-items {max-width: 610px;margin: 20px auto 0;}
.access-items li {font-size: 16px;}
.access-items a {padding: 20px 20px;}
.access-items span {margin: 0 5px  0 3px;display: inline-block;}  

.route ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;margin-bottom: 20px;}
.route li{width: 30%;margin: 0 1.5% 30px;position: relative;}
.route li.one{width: 57%;}
.route li.one .pic{margin: auto;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;}
.route li.one .pic img{width: 49%;}
.route li::after{content: "\f105";font-family: 'icon';font-size: 45px;color: var(--gray);position: absolute;left: inherit;right: -30px;top: 95px;-webkit-transform: inherit;transform: inherit;bottom: inherit;}
.route li:last-child::after{display: none;}
.route li img{margin: 0 auto 14px;}
.route .set dt{width: 50px;font-size: 18px;margin-right: 10px;padding: 10px;}
.route dd{line-height: 1.6;}
.route dd span{font-size:95%;font-weight:bold;}
.route .att{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;padding:50px;}
.route .att .pic{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;width: 42%;}
.route .att .pic img{width:50%;margin-bottom: 0;}
.route .att .textbox{width:50%;}
.route .att .title{font-size:24px;text-align:left;}
}

@media screen and (min-width:1200px) { 
.map{margin-bottom:80px;}
.route li{width: 22%;margin: 0 1.5% 30px;}
.route dl{align-items: start;}
.route li::after{top:65px;right: -25px;}
.route .att .pic{width:600px;margin-bottom: 0;}
.route .att .textbox{width: 440px;}
}