/* access */

#peripheral>.inner>p {
	margin-bottom: 1em;
}

.imgBox1 {
	width: 100%;
	margin-bottom: 1em;
}

.imgBox2 {
	width: 47.5%;
}

.imgBox3 {
	width: 100%;
}

.mapWrap {
	width: 100%;
	margin-bottom: 1em;
}

.mapWrap .map {
	width: 100%;
}

.mapWrap .center a {
	color: #000;
	text-decoration: underline;
}


/* info */

#info dl {
	width: 100%;
}

#info dd,
#info dt {
	padding: .5em;
}

#info dt {
	background: #E5E5E5;
}


/* PC */

@media screen and (min-width: 980px) {
	/* topImg */
	.topImg {
		background-image: url(../img/guidance/top.jpg);
	}
	/* access */
	#peripheral>.inner>p {
		font-size: 20px;
	}
	.imgBox1 p,
	.imgBox2 p,
	.imgBox3 p {
		font-size: 20px;
	}
	.imgBox1 p span,
	.imgBox3 p span {
		font-size: 14px;
	}
	.imgBox2 {
		margin-bottom: 3em;
	}
	.imgBox3 {
		margin-bottom: 3em;
	}
	.mapWrap .map {
		height: 350px;
	}
	.mapWrap .center a {
		font-size: 14px;
	}
	/* info */
	#info {
		margin-bottom: 3em;
	}
	#info dl {
		border-bottom: 1px dotted #333;
	}
	#info dl:last-child {
		border-bottom: none;
	}
	#info dd,
	#info dt {
		font-size: 12px;
	}
	#info dt {
		width: 24%;
	}
	#info dd {
		width: 76%;
	}
}


/* SP */

@media screen and (max-width: 980px) {
	/* topImg */
	.topImg {
		background-image: url(../img/guidance/sp_top.png);
	}
	/* access */
	#peripheral>.inner>p {
		padding: 0 10px;
		font-size: 14px;
	}
	.imgBox1 p,
	.imgBox2 p,
	.imgBox3 p {
		font-size: 16px;
	}
	.imgBox1 p span,
	.imgBox3 p span {
		display: block;
		font-size: 10px;
	}
	.imgBox2,
	.imgBox3 {
		margin-bottom: 2em;
	}
	.mapWrap .center a {
		font-size: 10px;
	}
	/* info */
	#info {
		margin-bottom: 2em;
	}
	#info dd,
	#info dt {
		font-size: 14px;
		padding: .3em 10px;
	}
	#info dt {
		width: 100%;
	}
	#info dd {
		width: 100%;
	}
}