@charset "UTF-8";

.m-pagevisual.-map {
	background-image: url(../images/map/ph_hero.webp)
}

/* p-map */
.p-map-head {
	text-align: center;
	font-size: 2.6rem;
	margin: 100px 0 40px;
	font-family: Noto Serif JP, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
@media(max-width:768px) {
	.p-map-head {
		font-size: 2.2rem;
		margin-top: 80px;
	}
}
.p-map-head.-mansion-garrary {
	margin-top: 120px
}
.p-map-txt {
	text-align: center;
	font-family: Noto Serif JP, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
@media(max-width:768px) {
	.p-map-head.-mansion-garrary {
		margin-top: 80px
	}
	.p-map-txt {
		text-align: left;
		padding: 0 20px
	}
}
.p-map-main {
	max-width: 1136px;
	padding: 0 18px;
	margin: 60px auto 40px
}
@media(max-width:854px) {
	.p-map-main {
		padding: 0 18px;
		margin: 30px auto 40px
	}
}
.p-map-main.-mansion-garrary {
	max-width: 636px
}
.p-map-main p {
	font-size: 1.3rem;
	margin: 10px 0 0
}
.p-map-googlemap {
	text-align: center
}
.p-map-googlemap a {
	display: inline-block;
	max-width: 260px;
	width: 100%;
	padding: 16px;
	background: #4682BE;
	text-align: center;
	color: #fff;
	position: relative;
	font-family: Noto Serif JP, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
.p-map-googlemap a:after {
	content: "";
	position: absolute;
	background: url(../images/_common/icon_arrow_white.svg) no-repeat center/contain;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px
}
@media(max-width:768px) {
	.p-map-googlemap a {
		max-width: 200px;
		padding: 10px
	}
	.p-map-main.-mansion-garrary + .p-map-googlemap {
		margin-bottom: 50px;
	}
}