@charset "UTF-8";
/****************************************
	common.cssにあったもの
*****************************************/



/****************************************
	html内にあったもの
*****************************************/
.column {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
#undercolumn {
	background-color: inherit;
	width: 100%;
	line-height: 1.5em;
	margin-top: 0;
}
#undercolumn h4{
	margin-bottom: 1em;
}
h2.title{
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #6e6e6e;
	background-position: left !important;
	margin: 0 !important;
	border-top: none;
}
#maps{
	width: 100%;
	margin: 3rem auto;
}
#maps iframe{
	height: 500px;
}
table.table01 th{
	width: 20%;
}


@media screen and (max-width: 880px){
	table.table01 {
		margin: 15px auto 20px auto;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		width: 100%;
		border-collapse: collapse;
		text-align: left;
	}
	table.table01 th {
		width: 100%;
		padding: 8px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		color: #333;
		background-color: #f0f0f0;
		font-weight: normal;
		display: block;
	}
	table.table01 td {
		padding: 8px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: block;
		width: 100%;
	}
	#maps iframe{
		height: 300px;
	}
}