@charset "UTF-8";

#contents{padding-top: 50px;animation-name: fadeInUp;}

.map_img{border: 1px solid #999;}

.gmap_btn{display: block;width: 300px;margin: 30px auto 0;text-align: center;padding: 11px 0;border: 1px solid #6c9d91;}
.gmap_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #6c9d91;transition: 0.3s all;}
.gmap_btn span{line-height: 1;color: #fff;font-size: 16px;transition: 0.3s all;}
.gmap_btn span::before{content: "";display: inline-block;width: 17px;height: 25px;background: url("../img/pin_w.svg") center center/cover;margin-right: 1em;vertical-align: -0.4em;transition: 0.3s all;}


@media screen and (min-width: 769px) {
.gmap_btn:hover::before{transform: scaleX(0);}
.gmap_btn:hover span{color: #6c9d91;}
.gmap_btn:hover span::before{background: url("../img/pin_g.svg") center center/cover;}
}


@media screen and (max-width: 768px) {
#contents{padding-top: 30px;}

.gmap_btn{margin: 20px auto 0;padding: 8px 0;width: 280px;}
.gmap_btn span{font-size: 14px;}
}