@charset "utf-8";

section#content_1 {
	margin: 20px auto 0;
}

	section#content_1 > h2 {
		font-size: 2.0em;
		text-align: center;
		color: #f9c03d;
		border-top: 1px #f9c03d solid;
		border-bottom: 1px #f9c03d solid;
		padding: 3px 0;
	}
	
	section#content_1 > h3 {
		font-size: 1.8em;
		font-weight: bold;
		text-align: center;
		color: #f9c03d;
		margin: 95px auto 0;
	}
	
	section#content_1 > dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(100% - 20px);
		max-width: 600px;
		margin: 40px auto 0;
	}
	
		section#content_1 > dl > dt {
			width: 140px;
			box-sizing: border-box;
			padding: 10px 0 10px 30px;
		}
		
		section#content_1 > dl > dd {
			width: calc(100% - 140px);
			box-sizing: border-box;
			padding: 10px 0;
		}
		
	
	
	#map {
		display: block;
		width: 100%;
		height: 700px;
		background-color: #ddd;
		margin: 120px auto 180px;
	}

@media screen and (max-width:900px){
	#map {
		height: 400px;
	}
}

@media screen and (max-width:700px){
	section#content_1 > h2 {
		font-size: 1.6em;
	}
	
	section#content_1 > h3 {
		margin: 40px auto 0;
		font-size: 1.4em;
	}
	
	#map {
		margin: 60px auto;
	}
}

@media screen and (max-width:400px){
	section#content_1 > h2 {
		font-size: 1.4em;
	}
	
		section#content_1 > dl > dt {
			width: 100%;
			padding: 10px 0 0;
		}
		
		section#content_1 > dl > dt::before {
			content: '【';
		}
		
		section#content_1 > dl > dt::after {
			content: '】';
		}
		
		section#content_1 > dl > dd {
			width: 100%;
			padding: 0 0 10px 15px;
		}
}