@charset "utf-8";

/*
	access.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* main-visual
--------------------------------------------------------------------------------------------------------*/
#access-page #main-visual {
	background-image: url(../images/access/bg_main-visual.jpg);
}

/* contents
--------------------------------------------------------------------------------------------------------*/
#access-page #contents .inner {
	padding: 5.5rem 0;
}
#access-page #contents .inner h3 {
	text-align: center;
	font-size: 1.9rem;
}
#access-page #contents .inner h3 span:first-child {
	padding-right: 1.0em;
}
#access-page #contents .inner .route {
	margin-top: 3.5rem;
	display: flex;
	display: -webkit-flex;
}
#access-page #contents .inner .route,
#access-page #contents .inner .route dl:nth-of-type(2) {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#access-page #contents .inner .route dl {
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	padding: 1.5rem 0 2.0rem;
}
#access-page #contents .inner .route dl dt {
	font-size: 1.8rem;
	margin-bottom: 1.2rem;
	padding-top: 3.2rem;
	background-repeat: no-repeat;
	background-size: 15px auto;
}
#access-page #contents .inner .route dl:nth-of-type(1) dt {
	background-image: url(../images/access/ic-train.svg);
	background-position: center top;
}
#access-page #contents .inner .route dl:nth-of-type(2) dt {
	background-image: url(../images/access/ic-bus.svg);
	background-position: center 0.2rem;
}
#access-page #contents .inner .route dl:nth-of-type(3) dt {
	background-image: url(../images/access/ic-car.png);
	background-position: center 0.5rem;
}
#access-page #contents .inner .route dl dd {
	font-size: 1.5rem;
	line-height: 1.46;
}
#access-page #contents .inner .photo {
	margin-top: 4.0rem;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#access-page #contents .inner .photo ul li:nth-of-type(2) {
	text-align: right;
	font-size: 1.2rem;
	margin-top: 0.5em;
}

/* maps
--------------------------------------------------------------------------------------------------------*/
#access-page #maps {
	background: #e2e2e2;
	background: -webkit-linear-gradient(-45deg, #e2e2e2 47%, #ebebeb 47%);
	background: linear-gradient(135deg, #e2e2e2 47%, #ebebeb 47%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ebebeb',GradientType=1 );
}
#access-page #maps .inner {
	padding: 6.0rem 0;
}
#access-page #maps .inner .g-maps {
	width: 100%;
	height: 45.0rem;
	background-color: #fff;
	box-shadow: 4px 4px 10px 5px rgba(27, 29, 36, 0.08);
	-webkit-overflow-scrolling: touch;
}
#access-page #maps .inner .g-maps iframe {
	width: 100%;
	height: 100%;
}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

/* contents
--------------------------------------------------------------------------------------------------------*/
	#access-page #contents .inner {
		padding: calc(55 / 750 * 100vw) calc(25 / 750 * 100vw);
	}
	#access-page #contents .inner h3 {
		font-size: calc(31 / 750 * 100vw);
		text-align: left;
		padding: 0 calc(25 / 750 * 100vw);
	}
	#access-page #contents .inner h3 span {
		line-height: 1.6;
	}
	#access-page #contents .inner h3 span:first-child {
		padding-right: 0;
		display: block;
	}
	#access-page #contents .inner .route {
		margin-top: calc(35 / 750 * 100vw);
		display: block;
	}
	#access-page #contents .inner .route,
	#access-page #contents .inner .route dl:nth-of-type(2) {
		border-left: none;
		border-right: none;
	}
	#access-page #contents .inner .route dl {
		padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw);
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	#access-page #contents .inner .route dl:first-child {
		border-top: 1px solid #ccc;
	}
	#access-page #contents .inner .route dl dt {
		font-size: calc(30 / 750 * 100vw);
		margin-bottom: calc(18 / 750 * 100vw);
		padding: 0 0 0 calc(40 / 750 * 100vw);
		background-size: calc(24 / 750 * 100vw) auto;
	}
	#access-page #contents .inner .route dl:nth-of-type(1) dt,
	#access-page #contents .inner .route dl:nth-of-type(2) dt,
	#access-page #contents .inner .route dl:nth-of-type(3) dt {
		background-position: left center;
	}
	#access-page #contents .inner .route dl dd {
		text-align: left;
		font-size: calc(26 / 750 * 100vw);
	}
	#access-page #contents .inner .route dl dd br {
		display: none;
	}
	#access-page #contents .inner .photo {
		margin-top: calc(40 / 750 * 100vw);
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#access-page #contents .inner .photo ul:nth-of-type(1) {
		margin-bottom: calc(25 / 750 * 100vw);
	}
	#access-page #contents .inner .photo ul li:nth-of-type(2) {
		font-size: calc(24 / 750 * 100vw);
	}

/* maps
--------------------------------------------------------------------------------------------------------*/
	#access-page #maps .inner {
		padding: calc(60 / 750 * 100vw) calc(25 / 750 * 100vw);
	}
	#access-page #maps .inner .g-maps {
		height: calc(450 / 750 * 100vw);
	}

/*
	access.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}