@charset "UTF-8";

/*================================================
 *  access（アクセスマップ）
 ================================================*/

section#access_area #gmap {
	width: 100%;
	height: 450px;
	margin-bottom: 20px;
}
section#access_area .text_box {
	text-align: center;
}
section#access_area .text_box .link_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 30px;
	width: 440px;
}
section#access_area .text_box .link_list li {
	width: 210px;
}
section#access_area .text_box .link_list li a {
	font-size: 15px;
	padding: 0.85em 0;
}
section#access_area .text_box h5 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0.7em;
}


section#access_area .guide_box {
	width: 780px;
	display: table;
	margin: 50px auto 0;
}
section#access_area .guide_box > div {
	display: table-cell;
	vertical-align: top;
}
section#access_area .guide_box > div:first-child {
	padding-right: 40px;
}
section#access_area .guide_box > div:last-child {
	width: 280px;
}
section#access_area .guide_box > div dl dt {
	border: 1px solid #164a81;
	line-height: 1.5;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}
section#access_area .guide_box > div dl dt:nth-child(n+2) {
	margin-top: 40px;
}
section#access_area .guide_box > div dl dd {
	line-height: 1.75;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:500px) {

.contents {
	padding-top: 0;
}

section#access_area #gmap {
	height: 70vw;
	margin-bottom: 3vw;
}
section#access_area .text_box .link_list {
	margin-bottom: 8vw;
	width: 100%;
}
section#access_area .text_box .link_list li {
	width: 43.5vw;
}
section#access_area .text_box .link_list li a {
	font-size: 3.8vw;
	padding: 1em 0.5em 1em 0;
}

section#access_area .text_box h5 {
	font-size: 5.5vw;
}
section#access_area .text_box h5 + p {
	margin-bottom: 0.5em;
}


section#access_area .guide_box {
	width: 80vw;
	margin-top: 8vw;
	display: block;
}
section#access_area .guide_box > div {
	display: block;
}
section#access_area .guide_box > div:first-child {
	padding: 0;
}
section#access_area .guide_box > div:last-child {
	width: 100%;
	text-align: center;
	margin-top: 5vw;
}
section#access_area .guide_box > div:last-child img {
	width: 50vw;
}
section#access_area .guide_box > div dl dt:nth-child(n+2) {
	margin-top: 5vw;
}


	
}