@charset "utf-8";

.h1_inner01 { background-image: url(../img/img_heading01.png)}

	.ul_access01,
	.chart01 {
		padding: 20px;
		border: solid 1px #e3e3e3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
	}
		.ul_access01 {}

			.ul_access01 li {
				margin-bottom: 14px;
				padding-bottom: 24px;
				background: url(../../common/img/bg_double01_1x3.png) 0 100% repeat-x;
			}
			.ul_access01 li.last {
				margin-bottom: 0;
				padding-bottom: 0;
				background: 0;
			}
			.ul_access01 .heading01 {
				margin-bottom: 16px;
				font-weight: bold;
				font-size: 134%;
			}
			.ul_access01 .map01 { margin-bottom: 20px;}

				.ul_access01 .map01 iframe {
					display: block;
					width: 620px;
					height: 400px;
					border: 0;
				}


/* figure styles */
.article01 .figure01 {
	padding: 0;
	background: none;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.article01 .figure01 a img {
	transition:all .3s ease;
}

.article01 .figure01 a:hover img {
	opacity: 0.6;
}
.figure01 .figcaption01 {
	text-align: center;
	height: 130px;
}
.figure01 .figcaption01 h3 {
	font-size: 16px;
	font-weight: bold;
	color: #26A5DD;
	margin: 10px auto 15px;
}
.figure01 .figcaption01 p {
	font-size: 14px;
	margin-bottom: 10px;
}
.article01 .figure01 span.figureWrapper {
	margin: auto;
}

@media screen and (max-width: 768px) {
	.article01 .figure01 span.figureWrapper {
		width: 100%;
		height: 30vw;
	}
	.article01 .figure01 .figcaption01 {
		height: auto;
	}
}