.application-rules {
  width: 730px;
  margin: auto;
  font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
  .application-rules {
    width: 95%;
  }
}
.application-rules h1 {
  text-align: center;
  margin: 60px auto;
}
section {
  margin: 30px auto;
  word-break: break-word;
}
section:last-child {
  margin-top: 30px;
  margin-bottom: 100px;
}

body {
  background-image: none;
}
ul {
  padding-inline-start: 20px;
}

.ol {
  /*要素の連番（カウンタ）の値をリセットする*/
  counter-reset: li;
  padding-inline-start: 0px;
}
.ol li {
  position: relative;
  /* font-size: 20px; */
  padding-left: 20px;
  /* margin: 0 0 10px; */
  list-style: none;
}
.ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  /* font-weight: bold; */
  /* color: #f00; */
  counter-increment: li;
  content: counter(li) ")";
}