@charset "UTF-8";
/*??????*/
/*ボディー*/
body {
font-size: 15px;
margin: 0;
}

li {
  list-style-type: none;
}

/* ヘッダー */
.header {

padding: 10px 5px;
height: 100px;
background: #bdb0e6;
color: white;
text-align: center;
}
.header a {
color: white;
text-decoration:none;
}
.header a:hover {
background: white;
color: #abced8;
}
.header h1 {
color: white;
}

/* メニュー */

.main {

text-align: center;
background: #abced8;
padding: 10px 0 40px 0;
}
.main h2 {
text-align: center;
color: black;
margin: 20px 0;
}
.main p {
text-align: left;
color: black;
margin: 20px 0;
}
.main h3 {
text-align: center;
color: black;
margin: 20px 0;
}
.main img {
width: 100%;
height: auto;
}

.list {
  text-align: center;
  margin: 0 auto;
  width: 80%;
  border-radius: 10px;
  background: white;
  margin: 20px auto;
  padding: 10px;
overflow-x: scroll;
}

.list table {
  margin: 0 auto;
  max-width: 100%;
  width: 90%;
}
.list h2 {
text-align: center;
color: black;
margin: 20px 0;
}
.list h3 {
text-align: center;
color: black;
margin: 20px 0;
}
.list p {
text-align: left;
color: black;
margin: 20px 0;
}