@charset "UTF-8";

.about_box {
	box-sizing:border-box;
	margin:20px auto;
	width:90%;
}

.about_name, .about_val {
	box-sizing:border-box;
	padding:5px;
}

.about_name {background-color:#eee;}

.about_map {
	border:0;
	display:block;
	height:60vw;
	max-height:600px;
	margin:20px auto;
	width:80vw;
	max-width:800px;
}

@media not all and (max-width : 512px) {

	.about_box {border-collapse:collapse;}

	.about_name, .about_val {border:1px solid #ccc;}

	.about_name {width:20%;}

	.about_val {width:80%;}

}

@media all and (max-width : 512px) {

	.about_box {
		display:block;
		padding:0;
		border-bottom:1px solid #ccc;
	}

	.about_row {
		display:block;
		margin:0;
		padding:0;
	}

	.about_name, .about_val {
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		display:block;
		margin:0;
		width:100%;
	}

}