@charset "UTF-8";
/* CSS Document */

.main .image { background-image: url("../images/common/top_main_common.webp"); }

.main dl { width: 350px; }

.main dl h1 {
	width: 100%;
	margin: 0 0 20px;
	float: left;
	text-align: left;
}


.contents.access {
	padding: 50px 0 100px;
}

.contents.access .map {
	width: 100%;
	margin: 0;
	padding: 100px 0 50px;
	float: left;
}

.contents.access h2 {
	width: 96%;
	margin: 50px 0;
	padding: 0.5em 2%;
	float: left;
	font-size: 20px;
	color: #3A4C00;
	border-bottom: #707070 1px solid;
}

.contents.access table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.contents.access th,
.contents.access td {
	padding: 1em 0.5em;
}

.contents.access th {
	width: 280px;
}

.contents.access .description p {
	padding: 0 0.5em;
}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 980px */
/* **************************************************************** */
@media only screen and (max-width:980px){

.contents.access .map { padding: 50px 0; }

.contents.access th { width: 90%;margin: 0 5%;float: left;padding:0.5em 0 0; }
.contents.access td { width: 90%;margin: 0 5%;float: left;padding: 0; }

.contents.access .description p { width: 90%;margin: 1em 5%;padding: 0; }

}