body {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.cont {
  margin: 0 auto;
  background-color: aliceblue;
}

.center li {
  width: fit-content;
  margin: auto;
}

h1 {
  margin: 1em 0 0 0;
  font-size: 400%;
}

h2 {
  font-size: 200%;
}

h3 {
  font-size: 160%;
  width: fit-content;
  margin: auto;
  border-left: solid 6px black;
  /*左側の線*/
  padding-left: 1%;
}

.h3 {
  margin-top: 2em;
  position: relative;
}

h4 {
  text-align: center;
}

p,a {
  font-size: 110%;
}

.a {
  font-size: 120%;
}

summary {
  font-size: 150%;
  margin-top: -1em;
}

footer {
  text-align: end;
  padding-right: 1em;
}

@media screen and (max-width: 1024px) {
  h1 {
    font-size: 300%;
  }
  h2 {
    font-size: 150%;
  }
  h3{
    font-size: 120%;
  }
  p,a{
    font-size: 82.5%;
  }
  .a{
    font-size: 90%;
  }
}

@media screen and (max-width: 430px) {
  h1 {
    font-size: 100%;
  }
  h2 {
    font-size: 50%;
  }
  h3{
    font-size: 42%;
  }
  p,a{
    font-size: 28.875%;
  }
  .a{
    font-size: 31.5%;
  }
}