@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%; }
}

#company .history { padding: 7% 0 0 0; }
#company .history h2 { position: relative; padding-left: 43px; font-size: 2.5em; line-height: 1; color: #0d569b; }
	#company .history h2:before { display: block; content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; border: 3px solid #0d569b; border-radius: 100%; transform: translateY(-50%); }
	#company .history h2:after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 85%; height: 1px; background-color: #000; transform: translateY(-50%); }
	#company .history h2 p { display: inline-block; position: relative; z-index: 10; padding: 0 20px 0 0; background: #fff; }
	
#company .history dl { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px 0; font-size: 1.2em; }
#company .history dl dt { width: 5%; color: #0d569b; }
#company .history dl dd { width: 95%; }
@media (max-width:991px) {
	#company .history h2 { padding-left: 30px; }
	#company .history h2:before { width: 16px; height: 16px; }
	#company .history dl dt { width: 10%; }
	#company .history dl dd { width: 90%; }
}