/* map_box */
#map_box { height: 692px; background: url(/images/00/img-locationsbg.png) no-repeat right 50% / auto 100%; }
#map_box .location:before { position: absolute; background: var(--primary); display: block; bottom: -2px; left: 0; z-index: 2; content: ""; }
#map_box .location svg { width: 24px; height: 35px; bottom: 0; left: -11px; }
#map_box .location:after { position: absolute; height: 2px; background: #676b78; display: block; z-index: 1; }
#map_box .location p { padding: 0 5px 5px 45px; border-bottom: 2px #676b78 solid; }
#map_box .location p font:first-child { line-height: 110%; font-size: 22px; }
#map_box .location[data-id="0"] { top: 170px; right: 0; }
#map_box .location[data-id="1"] { right: 420px; bottom: 155px; }
#map_box .location[data-id="1"]:before { top: 0; bottom: auto; }
#map_box .location[data-id="1"] svg { top: -33px; }
#map_box .location[data-id="1"] p { margin-left: 65px; padding: 23px 5px 5px 40px; }
#map_box .location[data-id="1"]:after { width: 100px; top: 2px; left: 3px; content: ""; }

#map_box .location[data-id="2"] { right: 635px; bottom: 275px; }
#map_box .location[data-id="2"]:before { right: 0; left: auto; }
#map_box .location[data-id="2"] svg { right: -11px; left: auto; }
#map_box .location[data-id="2"] p { margin-right: 35px; margin-bottom: 35px; padding: 0 20px 5px; }
#map_box .location[data-id="2"]:after { width: 46px; bottom: 1px; right: 3px; content: ""; }

#map_box .location[data-id="3"] { right: 720px; bottom: 180px; }
#map_box .location[data-id="3"] svg { top: -33px; right: -10px; bottom: auto; left: auto; }
#map_box .location[data-id="3"] p { margin-top: -18px; margin-right: 35px; padding: 0 20px 5px; }
#map_box .location[data-id="3"]:before { top: 0; right: 0; bottom: auto; left: auto; }
#map_box .location[data-id="3"]:after { width: 49px; top: 3px; right: 3px; content: ""; }

#map_box .location.action:before { opacity: 0; }
#map_box .location.action p * { color: var(--primary); }

/* map_list */
#map_list li { padding: 50px 42px; background: url(/images/00/img-locationsfix.png) #414141 no-repeat right 50%; box-sizing: border-box; }
#map_list li h3 { margin-bottom: 15px; padding-bottom: 15px; }
#map_list li h3 * {font-weight: 500;font-size: 17px;}
#map_list li h3 b { margin-right: 25px; }
#map_list li p svg { margin: 4px 15px 4px 0; width: 14px; height: 14px; fill: #d0d0d0; }
#map_list li p font { width: calc(100% - 29px); font-size: 14px; color: #d0d0d0; }

@media screen and (max-width: 1440px){
	#map_list li { padding: 50px 20px; }
}
@media screen and (min-width: 1141px){
	#map_box { width: 1280px; }
#map_list li:hover { background-color: var(--primary); }
}
@media screen and (max-width: 1280px){
	#map_box { margin-right: 10%; }
}
@media screen and (max-width: 1270px){
	#map_list { flex-wrap: wrap; }
	#map_list li { padding: 50px 40px; }
}
@media screen and (max-width: 760px){
	#map_list { margin-top: 30px; justify-content: center; }
	#map_list li { margin-bottom: 30px; padding: 30px; }
}