@charset "UTF-8";

.flex{
	display: flex;
	flex-direction:column
	
}
figure{
	margin: auto;
}
figure img{
	max-width: 100%;
	box-shadow:0px 0px 6px 0px #4f4f4f;
	padding: 5px;
}



.list_tbl{}
.list_tbl dl{
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction:column
}
.list_tbl dt{
	background: #d8e8df;
	font-weight: 600;
		margin: 0;
	padding: 5px;
}
.list_tbl dd{
	margin: 0;
	padding: 5px;
}
.list_tbl dd dl{
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction:row;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}
.list_tbl dd dl+dl{
	border-top: 0px solid #c7c7c7;
}

.list_tbl dd dt{
	background: #fff;
	font-weight: 600;
	margin: 0;
	padding: 5px;
	width: 12em;
	border-right: 1px solid #c7c7c7;
}
.list_tbl dd dd{
	margin: 0;
	padding: 5px;
	width: calc(100% - 13em);
	border-right: 1px solid #c7c7c7;
}
.list_tbl dd ul{
	margin: 0 1em;
	padding: 5px;
}
.list_tbl dd ul li{
	padding:0 0 5px;
}


.gmap iframe{
	width: 100%;
	height: 250px
}

@media (min-width: 768px) {
.flex{
	display: flex;
	flex-direction:row-reverse;
	justify-content: space-between;
	width: 100%;
	align-items:flex-start;
}
.flex figure{
	width: 40%;
}
.flex .article{
	width: 55%;
}

	.list_tbl dl{
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction:row;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
}
.list_tbl dl+dl{
	border-top: 0px solid #c7c7c7;
}
.list_tbl dt{
	background: #d8e8df;
	font-weight: 600;
		margin: 0;
	padding: 5px;
	width: 10em;
	border-right: 1px solid #c7c7c7;
}
.list_tbl dd{
		margin: 0;
	padding: 5px;
	width: calc(100% - 10em);
	border-right: 1px solid #c7c7c7;

}
	
.gmap iframe{
	width: 100%;
	height: 450px
}

	
}