@charset "utf-8";
#main{
	width:1000px;
	padding:0;
	margin:auto;
}
h1{
	font-weight:normal;
}
ul{
	list-style:none;
	font-size:medium; 
	padding:0;
	width:80%;
	margin:auto;
}
ul li ul{
	width:100%;
	display:flex;
	padding:1em;
	padding:0;
	margin:auto;
}
ul li ul li{
	padding:1em;
	margin:0;
}
ul li ul li:first-child{
	width:30%;
	border-right:thin solid black;
}
#map{
	width:60%;
	padding:2em;
	margin:auto;
}
#map iframe{
	width:600px;
	height:450px; 
	padding:0;
	margin:0;
}
#sdgs{
	text-align:center;
	margin:3em;
}
#sdgs1 img{
	width:80%;
	margin:auto;
}
#sdgs1 p{
	font-size:0.5em;
	margin:0;
}
#sdgs2 img{
	width:30%;
	padding:2em;
	margin:auto;
}
#sdgs2 p{
	font-size:0.5em;
	text-align:left;
}
@media (max-width: 700px) {
	#map{
		width:100%;
	text-align:center;
		padding:0;
		margin:0;
	}
	#sdgs1 img{
		width:100%;
		margin:0;
	}
	#sdgs2 img{
		width:50%;
		padding:0;
		margin:auto;
	}
	#map iframe{
		width:450px;
		height:338px; 
		padding:0;
		margin:0;
	}
	ul{
		width:100%;
		margin:0;
	}
	ul li ul{
		flex-flow: column;
	}
	ul li ul li:first-child{
		width:100%;
		border-right:none;
	}
	ul li ul li:nth-child(2){
		padding-left:3em;
	}
}
@media (max-width: 450px) {
	#map iframe{
		width:300px;
		height:225px; 
		padding:0;
		margin:0;
	}
}