@charset "UTF-8";


/* -------------------------------------
about
------------------------------------- */
.maincap {
	margin-bottom:35px;
}
.content {
	padding:35px 0 0 0;
	border-top:2px solid #ccc;
}
.content section {
	padding-bottom:60px;
	margin-bottom:30px;
}
.content section:nth-child(1) {
	border-bottom:2px dotted #ccc;
}
.content section:last-child {
	padding-bottom:0px;
}
.content h3 {
	font-size:2.4em;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
}

#greeting p {
	margin-bottom:28px;
}
#greeting p:nth-child(5) {
	text-align:right;
}
#greeting dl {
	display:table;
}
#greeting dt {
	width:28.8%;
	display:table-cell;
}
#greeting dt img {
	width:100%;
	max-width:270px;
	height:auto;
}
#greeting dd {
	font-size:1.4em;
	line-height:1.8;
	width:71.2%;
	display:table-cell;
	padding-left:20px;
	padding-bottom:10px;
	box-sizing:border-box;
	vertical-align:bottom;
}


#overview table {
	width:100%;
	border-bottom:2px dotted #cccccc;
}
#overview table th, #overview table td {
	font-size:1.4em;
	text-align:left;
	padding:20px 25px;
	border-top:2px dotted #cccccc;
	box-sizing:border-box;
}
#overview table th {
	font-weight:normal;
	width:28.8%;
	background-color:#f2f2f2;
}
#overview table td a {
	text-decoration:underline;
}
#overview table td #gmap {
	width:100%;
	height:480px;
	margin-top:25px;
}
#overview table td #gmap iframe {
	width:100%;
	height:100%;
}

#chart p {
	padding:35px 0;
	border:5px solid #1d5aa4;
	box-sizing:border-box;
}
#chart img {
	width:75.8%;
	height:auto;
	display:block;
	margin:0 0 0 18%;
}

@media screen and (max-width:1000px) {
	.content h3 {
		font-size:2.2em;
	}
	#overview table th, #overview table td {
		padding:20px;
	}
	#overview table td #gmap {
		height:400px;
	}
	#chart p {
		padding:30px 0;
	}
}
@media screen and (max-width:768px) {
	.content h3 {
		font-size:2.0em;
	}
	#overview table th, #overview table td {
		font-size:1.3em;
		padding:15px;
	}
	#overview table td #gmap {
		height:350px;
	}
	#chart p {
		padding:25px;
	}
	#chart img {
		width:100%;
		margin:0;
	}
}
@media screen and (max-width:640px) {
	.content h3 {
		font-size:1.9em;
	}
	#greeting dl {
		text-align:center;
		display:block;
	}
	#greeting dt {
		width:100%;
		display:block;
		margin-bottom:10px;
	}
	#greeting dd {
		width:100%;
		display:block;
		padding-left:0;
		padding-bottom:0;
	}
	#overview table td #gmap {
		height:300px;
	}
	#chart p {
		padding:20px;
	}
}
@media screen and (max-width:480px) {
	#overview table td #gmap {
		height:250px;
	}
}
@media screen and (max-width:320px) {
	#overview table th, #overview table td {
		font-size:1.2em;
		padding:10px;
	}
	#overview table td #gmap {
		height:200px;
	}
}