.page_mv {
	background: url(../images/access/mv.jpg) no-repeat center center;
	background-size: cover;
}
/* ------------------------------------ */
#access {
	max-width: 1200px;
	width: 90%;
	margin: 0px auto 80px;
}
.ggmap {
	position: relative;
	padding-bottom: 47%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: -150px;
	height: calc(100% + 150px + 150px);
}
/* ------------------------------------ */
.data {
	position: relative;
}
.data .ph {
	max-width: 645px;
	width: 100%;
}
.data dl {
	position: absolute;
	left: 680px;
	top: 5%;
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: 300;
}
.data dt {
	font-size: 90%;
}
.data dd {
	font-size: 200%;
	line-height: 130%;
	margin-bottom: 15px;
}
/* ------------------------------------ */


@media screen and (max-width:980px){
	
	/* ------------------------------------ */
	
	/* ------------------------------------ */
	.data .ph {
		max-width: none;
		width: 100%;
	}
	.data dl {
		left: auto;
		top: auto;
		right: 5%;
		bottom: 5%;
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}
	/* ------------------------------------ */
}

@media screen and (max-width:580px){
	.page_mv {
		background: url(../images/access/mv_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	/* ------------------------------------ */
	#access {
		margin: 0px auto 50px;
	}
	.ggmap {
		padding-bottom: 70%;
		margin-bottom: 0;
	}
	/* ------------------------------------ */
	.data dd {
		font-size: 180%;
		line-height: 110%;
	}
	/* ------------------------------------ */
}