@charset "utf-8"; 
#company .info { text-align:center; color:#000; }
#company .info h2{ padding:7% 0; line-height:1.5em; font-size:2em; }
#company .info h2 p{ position: relative; display: inline; }
#company .info h2 i{ display: inline-block; position: absolute; padding:0; }
#company .info h2 .left{ left:-30px; }
#company .info h2 .right{ bottom: 0; right:-30px; }
#company .info h2 img{ width:auto; max-width:100%; vertical-align: top; }
#company .info h3{ padding:7% 0; line-height:1.5em; }
#company .info ul li{ position: relative; padding:30px; }
#company .info ul li span{ display: block; position: absolute; top:40%; left:0; width:100%; padding:2em 1.5em; font-size:1.5em; }

@media (max-width:991px) {
	#company .info h2 i{ display: none; }
	#company .info ul li{ padding:10px;}
	#company .info ul li span{ top:40%; padding:2em 1em; font-size:1.1em; }
}

@media (max-width:767px) {
	#company .info h2{ font-size:1.5em; }
	#company .info ul li{ padding:10px; }
	#company .info ul li img{ max-width:250px; }
	#company .info ul li span{ top:45%; padding:2em 1em; }
}

.map_wrap .name{margin: 0 0 2% 0; padding: 0 0 1.8% 0; border-bottom: 2px solid #e7e7e7;  overflow: hidden; }
.map_wrap .name h5{ padding:5% 0 0 0; font-weight: 800; }
.map_wrap .box span{ display: inline-block; padding: 0 0 2% 0; }
.map_wrap .box .title{ position: relative; width: 30%; min-width: 100px; font-weight: 500; }

@media (max-width:991px) {
	.map_wrap .box .title{ width: 40%; }
}

@media (max-width:767px) {
	.map_wrap .box .title{ width: 100%; }
}