@charset "utf-8";
/* CSS Document */

body{
	font-family: sans-serif;
	font-size: 16px;
	
}

.container {
	margin:0 auto;
	max-width: 700px;
	background-color: beige;
	padding: 20px 50px;
	border-radius:20px;
}

img{
max-width:100%;
height:auto;
}

/* インラインフレーム */
iframe{
	width:500px;
	height: 500px;
}

h1 {
color: #ff8c00;
border-bottom: solid 3px #ff8c00;
}

.menu {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.menu li a {
display: block;
padding: 5px 15px;
color: #ffffff;
text-decoration: none;
text-align: center;
background: #9acd32;
margin: 5px;
border-radius: 5px;
}
.menu li a:hover {
background: #6b8e23;
}