@charset "UTF-8";


body{
  font-family : メイリオ, ヒラギノ角ゴシック;
  background-color : #ffffff;
}

#wrap{
  margin-left : auto;
  margin-right : auto;
  border-left-width : 1px;
  width : 1200px;
}

#main-menu{
  padding-left : 0px;
  margin-left : 0px;
  display : flex;
  list-style-type : none;
  flex-direction : row;
  flex-wrap : wrap;
  justify-content : center;
}

.nav-item{
  padding-top : 8px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 8px;
  margin-left : 5px;
  margin-right : 5px;
  width : 174px;
  color : white;
  background-color : maroon;
  font-size : large;
  text-align : center;
  border-top-left-radius : 6px 6px;
  border-top-right-radius : 6px 6px;
  border-bottom-right-radius : 6px 6px;
  border-bottom-left-radius : 6px 6px;
}

footer{
  text-align : center;
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
}

h1{
  color : maroon;
  padding-bottom : 5px;
  border-bottom-style : solid;
}

table{
  margin-top : 50px;
  margin-bottom : 50px;border-width : 1px;border-style : solid;
  border-collapse : collapse;
  margin-left : auto;
  margin-right : auto;
}

td{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;border-width : 1px;border-style : solid;
}
.nav-item a{
 display:block;
 text-decoration:none;
 color:#fff;
}
.nav-item a:hover{
	color:#000;
}
@media screen and (max-width: 768px) {
#wrap {
width: 100%;
max-width: 1200px;
border-left-width: 0;
}
main img {
max-width: 100%;
height: auto;
}
#main-menu {
flex-direction: column;
}
.nav-item {
width: 100%;
}
}
body {
overflow-x: hidden;
}