@charset "UTF-8";

/* company
----------------------------------------------- */

.map { margin: 0 auto 6%; height: 260px;}
.root { margin: 0 auto 10vw; text-align: center;}
.root li {display: inline-block;width: 40vw;padding: 2vw 0;margin: auto;color: #fff;font-size: 3.42vw;font-weight: 600;text-align: center;letter-spacing: 0.2vw;background: #434343;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;position: relative;}
.root li:after {content: '\f105';font-family: 'icon';position: absolute;top: 50%;right: 3vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.root li a{color:#fff;}
.root .googlemap a:before { content: "\f041"; margin-right: 4%; font-family: icon; display: inline-block; }
.root .googleroot a:before { content: "\f183"; margin-right:4%; font-family: icon; display: inline-block; }






/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 
	
.map { margin: 0 auto 40px; height: 400px;}
.root { margin: 0 auto; }
.root li{margin: 0 10px;width: 220px;padding: 15px 0 13px;font-size: 15px;letter-spacing: 1px;}
.root li:after {right: 12px;}
	
}




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


}