html, body {
  /* background-color: white; */
  background-color: #eddbd1;
  color: black;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;	
}

.main {
  padding: 1rem;
  max-width: 40rem;
  margin: auto;

  /* padding-top: 2rem; */
  padding-bottom: 5rem;
}

section {
  margin-bottom: 3rem;
}

h1 {
  margin-bottom: 2rem;
}

ul {
    /* list-style: none; マーカーを消す */
    /* padding: 0;       左側のパディングを消す */
    padding-left:1rem;
    
    margin: 0;        /* 上下のマージンを消す */
}
li {
    /* 必要に応じてここにもスタイルを設定 */
    text-indent: -0.7rem;
}

.section {
  background-color: white;
  border-radius:1rem;
  padding: 0.5rem;
  
}