.map-h2 {font-size:30px; margin:80px;0 0 0; color:#fff; font-weight:700}
.map {border-bottom:1px solid #ddd;}
.map .container .row {margin:80px 0 80px 0;}
.map {padding-top: 10px;}
.map .info {background-color: var(--surface-color); padding: 40px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden;}
.map .info h3 {font-weight: 600; font-size: 24px;}
.map .info p {color:#666666; margin-bottom: 30px; font-size: 16px;}
.map .info-item+.info-item {padding-top: 20px; margin-top: 20px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}
.map .info-item h4 {padding: 0; font-size: 18px; line-height: 18px; font-weight: 600; margin-bottom: 5px;}
.map .info-item p {padding: 0; margin-bottom: 0; font-size: 16px; color:#666666;}
.map .info-item img {margin-right:10px;}

@media only screen and (max-width:768px) {
	.map .container .row {margin:40px 0 40px 0;}
}