@charset "UTF-8";
/* ========================================
 sp
==========================================*/
.tel:before{ content: '\f095'; margin-right: 1vw; font-size: 70%; font-family: 'icon'; display: inline-block;}

.map { margin: 0 auto 4vw; height: 280px;}

.route { margin:0 auto 12vw; text-align: center;}
.route li {width: 46%;display: inline-block;font-size: 3.4vw;text-align: center;margin: 0 1%;background: var(--blue02);font-family: "urbane-rounded";font-weight: 400;letter-spacing: 0.1em;border-radius: 50px;padding: 1% 0;}
.route li a {padding: 3vw;color: #fff;position: relative;}
.route li a:after { content: '>'; margin-left: 2%; display: inline;}
.route .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.route .googleroute a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }



/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) {
.company .social-items {margin: 0 auto 60px; }
.company .social-items li{width: 31%;margin: 0 auto;font-size: 22px;}
.company .social-items li a{padding: 20px;}
.company .social-items i { margin-right: 5px;}
.tel:before{ margin-right: 4px;}

.map { margin: 0 auto 30px; height: 400px;}
.route { margin:0 auto 100px; }
.route li {width: 30%;font-size: 16px;margin: 0 10px;padding: 4px;}
.route li a {padding: 18px;}


}