@charset "utf-8";

/* CSS Document */

/*-------------------------
- base
- map_area
-------------------------*/
/*=======================================
　base
=======================================*/
p {
	text-align: justify;
}

#suntory_contents #map {
	background-color: #fff;
}

/*=======================================
　map_area
=======================================*/
#suntory_contents .map_area {
	position: relative;
	margin-bottom: 1rem;
	padding-top: 3rem;
}
#suntory_contents .map_area > iframe {
	width: 100%;
	height: 80vh!important;
}
#suntory_contents .map_area > p {
	content: '';
	position: absolute;
	bottom: 1.64285rem; left: 0.92857rem;
	font-size: 0.714285rem;
}

#suntory_contents .map_area .btn_map {
	position: absolute;
	left: 50%;
	top: 6rem;
	transform: translateX(-50%);
	width: 50%;
	max-width: 360px;
	margin: 0 auto 0.75rem;
}
#suntory_contents .map_area .btn_map a {
	width: 100%;
	height: 4.85rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background: #00afd0;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	color: #fff100;
	border-radius: 21px;
	line-height: 1.5;
	border: 3px solid #fff;
}
@media only screen and (max-width: 769px) {
	#suntory_contents .map_area .btn_map {
		width: 60%;
		max-width: 360px;
		top: 9rem;
	}
	#suntory_contents .map_area .btn_map a {
	border-radius: 10px;
	}
}