@charset "UTF-8";

/* ページタイトル */
.page_title {
	background: url(/_assets/img/access/page_title.jpg) center center no-repeat;
	background-size: cover;
	}

/* 地図 */
.gmap {
	width: 100%;
	}

.gmap iframe {
	width: 100%;
	margin: 0 0 1em 0;
	}

.gmap p {
	display: block;
	margin: 0 0 1em 0;
	text-align: center;
	}
@media screen and (max-width:767.98px){
.gmap p {
	padding: 0 4vw;
	}
}

.route {
	}

.route div.inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	background: #fff;
	}
@media screen and (max-width:767.98px){
.route div.inner {
	padding: 4vw;
	}
}

.route div.inner div {
	display: block;
	width: 50%;
	padding: 20px;
	}
@media screen and (max-width:767.98px){
.route div.inner div {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	}
}

.route div.inner div img {
	display: block;
	width: 100%;
	}

.route img.map {
	display: block;
	width: 50%;
	object-fit: cover;
	}
@media screen and (max-width:767.98px){
.route img.map {
	width: 100%;
	}
}

#pickup {
	}

#pickup div {
	padding: 20px 0;
	background: #fff;
	}
@media screen and (max-width:767.98px){
#pickup div {
	padding: 4vw;
	}
}

#pickup h3 {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: .5em 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #008080;
	}

#pickup p {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto 1em;
	padding: .5em 0;
	text-align: center;
	}

#pickup p.red {
	color: #c00;
	}

#pickup img {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 10px auto 20px;
	}