@charset "UTF-8";
@font-face{font-family:'Mont ExtraLight';font-style:normal;src:url(/sites/guide/font/Montserrat-ExtraLight.woff2) format("woff2"),url(../../font/Montserrat-ExtraLight.woff) format("woff")}
@font-face{font-family:'Mont Light';font-style:normal;src:url(/sites/guide/font/Montserrat-Light.woff2) format("woff2"),url(../../font/Montserrat-Light.woff) format("woff")}
@font-face{font-family:'Mont Regular';font-style:normal;src:url(/sites/guide/font/Montserrat-Regular.woff2) format("woff2"),url(../../font/Montserrat-Regular.woff) format("woff")}
@font-face{font-family:'Mont Medium';font-style:normal;src:url(/sites/guide/font/Montserrat-Medium.woff2) format("woff2"),url(../../font/Montserrat-Medium.woff) format("woff")}
@font-face{font-family:'Mont SemiBold';font-style:normal;src:url(/sites/guide/font/Montserrat-SemiBold.woff2) format("woff2"),url(../../font/Montserrat-SemiBold.woff) format("woff")}

._fnctWrap{line-height:1.5}
.map-info {position: relative; display: inline-block; width: 100%; padding: 0 30px; background: #edf1f4;}
.map-info .address,
.map-info .tel {float: left;}
.map-info .address {padding: 35px 0 35px 80px; background: url('../images/ico-address.png') no-repeat left center;}
.map-info .address strong {font-family: 'Mont SemiBold'; font-size: 14px; color: #333;}
.map-info .address p {font-family: 'Noto Light'; font-size: 16px; color: #333;}

.map-info .tel {padding: 35px 0 35px 80px; margin-left: 115px; background: url('../images/ico-tel.png') no-repeat left center;}
.map-info .tel strong {font-family: 'Mont SemiBold'; font-size: 14px; color: #333;}
.map-info .tel p {font-family: 'Noto Light'; font-size: 16px; color: #333;}

.map-info .link {position: absolute; right: 30px; top: 30px;}
.map-info .link a {display: block; padding: 17px 120px 17px 20px; font-family: 'Noto Regular'; font-size: 18px; color: #fff; background: url('../images/pattern-info.png');}
.map-info .link a:after {content: ''; position: absolute; right: 20px; top: 15px; width: 30px; height: 30px; background: url('../images/pattern-arrow.png') no-repeat center center;}

@media all and (max-width: 1090px) {
    .map-info {padding: 20px 30px;}
    .map-info .address,
    .map-info .tel {display: block; width: 100%; padding: 15px 0 15px 80px;}
    .map-info .tel {margin-left: 0;}
	#artclArea_1{margin:0 20px; box-sizing:border-box;}
}

@media all and (max-width: 735px) {
    .map-info .link {clear: both; position: relative; top: 0; left: 0; padding-top: 15px;}
    .map-info .link a:after {top: 30px;}
	#artclArea_1{margin:0 40px;}
}