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

	SUPERBOARD :: LOCATION SKIN :: basic

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

.loc-tbl-tit{display: block;margin-bottom: 20px;font-size: 25px;color: #333;font-weight: 300;}

.loc-box > *{position: relative;}
.loc-box dd{background: #2070bd;box-sizing: border-box;padding: 20px;}
.loc-box dd .loc-tbl {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.loc-box dd .loc-tbl > li{margin: 0 20px;display: flex;align-items: center;}
.loc-box dd .loc-tbl > li > * {font-size: 17px;color: #fff;}
.loc-box dd .loc-tbl > li > i{margin-right: 10px;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;border-radius: 50%;background: #5894ce;}
.loc-box dd .loc-tbl > li > strong{margin-right: 22px;letter-spacing: -1px;}
.loc-box dd .loc-tbl > li > p{display: block;}
.loc-box dd .gomap{position: relative;margin-top: 60px;display: block;line-height: 45px;background: #3f4581;font-size: 15px;color: #fff;text-decoration: none;padding: 0 30px;}
.loc-box dd .gomap:after{content: '+';display: block;position: absolute;top: 0;right: 30px;line-height: 45px;font-size: 19px;color: #fff;}

.loc-info{margin: 70px 0;border-top: 2px solid #333;}
.loc-info > li{position: relative;display: block;padding: 40px 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;min-height: 170px;display: flex;justify-content: space-between;align-items: start;}
.loc-info > li > img{margin-right: 10px;}
.loc-info > li > h3 {display: block;width: 245px;font-size: 22px;color: #333333;font-weight: 700;letter-spacing: -1px;line-height: 1.4em;}
.loc-info > li > .inf {flex-basis: 0;flex-grow: 1;}
.loc-info .inf > strong {display: block;margin-top: 22px;margin-bottom: 5px;font-size: 17px;color: #333333;font-weight: 500;letter-spacing: -1px;line-height: 1.4em;}
.loc-info .inf > strong:first-child {margin-top: 0;}
.loc-info .inf > ul.detail li{position: relative;font-size: 15px;line-height: 26px;color: #666666;padding: 3px 0 3px 15px;letter-spacing: -1px;}
.loc-info .inf > ul.detail li:before{content: '';display: block;position: absolute;top: 14px;left: 4px;width: 2px;height: 2px;background: #999;border-radius: 50%;}
.loc-info .inf > .imgc {margin-top: 25px;padding: 45px;border: 1px solid #ddd;border-radius: 10px;}

.loc-guide > dl + dl {margin-top: 25px;}
.loc-guide > dl {border: 1px solid #ddd;border-radius: 15px;padding: 40px 60px;}
.loc-guide > dl > dt {display: flex;align-items: center;margin-bottom: 20px;}
.loc-guide > dl > dt > * {margin-right: 20px;letter-spacing: -1px;}
.loc-guide > dl > dt > strong {margin-right: 10px;font-size: 24px;color: #333333;font-weight: 700;}
.loc-guide > dl > dt > mark {width: 70px;height: 26px;line-height: 26px;border-radius: 3px;text-align: center;background: #000;color: #fff;}
.loc-guide > dl > dt > mark.blue {background-color: var(--color-blue);}
.loc-guide > dl > dt > mark.yellow {background-color: #ebb406;}
.loc-guide > dl > dt > p {font-size: 15px;}
.loc-guide > dl > dd {padding: 15px 0;display: flex;justify-content: space-between;}
.loc-guide > dl > dd + dd {border-top: 1px solid #ddd;}
.loc-guide > dl > dd > em {font-style: normal;width: 110px;font-size: 16px;color: #333333;font-weight: 500;}
.loc-guide > dl > dd > .txt {flex-basis: 0;flex-grow: 1;display: flex;align-items: center;flex-wrap: wrap;font-size: 15px;}
.loc-guide > dl > dd > .txt > hr {display: inline-block;vertical-align: middle;width: 30px;height: 0;border: 0px;padding: 0;margin: 0;}

@media screen and (max-width: 1200px) {

   #map{height: 200px !important;}

	.loc-box > *{float: none;min-height: 0;}
	.loc-box dd{padding: 10px;}
	.loc-box dd .loc-tbl > li{margin: 5px 10px;}
	.loc-box dd .loc-tbl > li > * {font-size: 12px;}
	.loc-box dd .loc-tbl > li > i{margin-right: 5px;width: 22px;height: 22px;line-height: 22px;font-size: 14px;}
	.loc-box dd .loc-tbl > li > strong{margin-right: 15px;}
	.loc-box dd .gomap{position: relative;margin-top: 60px;display: block;line-height: 45px;background: #3f4581;font-size: 15px;color: #fff;text-decoration: none;padding: 0 30px;}
	.loc-box dd .gomap:after{content: '+';display: block;position: absolute;top: 0;right: 30px;line-height: 45px;font-size: 19px;color: #fff;}

	.loc-info{margin: 30px 0;}
	.loc-info > li{padding: 30px 0;min-height: 50px;align-items: center;flex-wrap: wrap;justify-content: start;}
	.loc-info > li > img{margin-right: 10px;height: 30px;}
	.loc-info > li > h3 {width: 100px;font-size: 14px;}
	.loc-info > li > .inf {width: 100%;flex-basis: auto;flex-grow: auto;margin-top: 5px;padding-left: 40px;box-sizing: border-box;}
	.loc-info .inf > strong {margin-top: 10px;font-size: 12px;font-weight: 700;line-height: 1.6em;}
	.loc-info .inf > ul.detail li{font-size: 12px;line-height: 1.6em;padding-left: 6px;}
	.loc-info .inf > ul.detail li:before{top: 12px;left: 0;}
	.loc-info .inf > .imgc {margin-top: 25px;padding: 45px;border: 1px solid #ddd;border-radius: 10px;}

	.loc-guide > dl + dl {margin-top: 10px;}
	.loc-guide > dl {padding: 15px;border-radius: 10px;}
	.loc-guide > dl > dt {margin-bottom: 10px;flex-wrap: wrap;}
	.loc-guide > dl > dt > * {margin-right: 10px;}
	.loc-guide > dl > dt > strong {margin-right: 5px;font-size: 13px;color: #111;}
	.loc-guide > dl > dt > mark {width: 55px;height: 22px;line-height: 22px;font-size: 11px;}
	.loc-guide > dl > dt > p {width: 100%;font-size: 12px;margin-top: 5px;}
	.loc-guide > dl > dd {padding: 10px 0;}
	.loc-guide > dl > dd > em {width: 70px;font-size: 12px;font-weight: 700;}
	.loc-guide > dl > dd > .txt {font-size: 12px;}
	.loc-guide > dl > dd > .txt > hr {width: 20px;}

}