@charset "utf-8";
/**************************************************

	SUPERBOARD :: LOCATION SKIN :: basic

**************************************************/
#map {width: 100%;height: 490px;background: #f1f1f1;}

#map_info{margin: 40px 0 60px;}
#map_info dt{font-size: 24px;color: #222;font-weight: 600;line-height: 1.4em;text-align: center;margin-bottom: 30px;}
#map_info dt h3{position: relative;top: 50%;left: 0;transform: translate(0, -50%);font-size: 22px;color: #fff;letter-spacing: -1px;font-weight: bold;text-align: center;box-sizing: border-box;padding: 0 20px;}
#map_info dd ul{display: flex;flex-wrap: wrap;margin: -10px;}
#map_info dd ul li{position: relative;background: #edf2f8;width: calc(100%/3 - 20px);margin: 10px;padding: 20px;border-radius: 5px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
#map_info dd ul li i{margin-right: 10px;color: var(--color);font-size: 24px;}
#map_info dd ul li p{font-size: 20px;color: #222;font-weight: 500;}

#map_trans{margin-top: 30px;}
#map_trans dl{border-bottom: 1px solid #ddd;position: relative;padding: 35px 0;}
#map_trans dl dt{margin-bottom: 20px;}
#map_trans dl dt h4{font-size: 22px;color: #222;letter-spacing: -1px;font-weight: 700;position: relative;padding-left: 15px;}
#map_trans dl dt h4:after {display: block;content: '';width: 3px;height: 20px;background: var(--color);position: absolute;top: 50%;left: 0;margin-top: -10px;}
#map_trans dl dd ul {display: flex;flex-wrap: wrap;margin: -10px -60px;}
#map_trans dl dd ul li{position: relative;margin: 10px 60px;font-size: 18px;line-height: 30px;}
#map_trans dl dd ul li span {display: inline-block;vertical-align: middle;font-size: inherit;}
#map_trans dl dd ul li mark {display: inline-block;vertical-align: middle;margin-right: 5px;border-radius: 3px;background: #000;padding: 0 13px;color: #fff;font-size: 15px;font-weight: 600;}
#map_trans dl dd ul li.blue span {color: #0c3979;}
#map_trans dl dd ul li.blue mark {background: #0c3979;}
#map_trans dl dd ul li.green span {color: #33a23d;}
#map_trans dl dd ul li.green mark {background: #33a23d;}
#map_trans dl dd ul li.red span {color: #c81f41;}
#map_trans dl dd ul li.red mark {background: #c81f41;}
#map_trans dl dd ul li.yellow span {color: #f1dd06;}
#map_trans dl dd ul li.yellow mark {background: #f1dd06;}
#map_trans dl dd ul li.line1 span {color: #0052a4;}
#map_trans dl dd ul li.line1 mark {background: #0052a4;}
#map_trans dl dd ul li.line2 span {color: #33a23d;}
#map_trans dl dd ul li.line2 mark {background: #33a23d;}
#map_trans dl dd ul li.line3 span {color: #fe5b10;}
#map_trans dl dd ul li.line3 mark {background: #fe5b10;}
#map_trans dl dd ul li.line4 span {color: #32a1c8;}
#map_trans dl dd ul li.line4 mark {background: #32a1c8;}
#map_trans dl dd ul li.line5 span {color: #8b50a4;}
#map_trans dl dd ul li.line5 mark {background: #8b50a4;}
#map_trans dl dd ul li.line6 span {color: #c55c1d;}
#map_trans dl dd ul li.line6 mark {background: #c55c1d;}
#map_trans dl dd ul li.line7 span {color: #70844e;}
#map_trans dl dd ul li.line7 mark {background: #70844e;}
#map_trans dl dd ul li.line8 span {color: #f14c82;}
#map_trans dl dd ul li.line8 mark {background: #f14c82;}
#map_trans dl dd ul li.line9 mark {background: #6789ca;}
#map_trans dl dd ul li.line9 span {color: #6789ca;}