.page-guideline-body {
  background: #ffffff;
  @media all and (min-width: 1024px) {
    border-radius: 160px;
    padding: 65px 0 100px;
    margin-top: -125px;
  }
  @media not all and (min-width: 1024px) {
    border-radius: 40px;
    padding: 40px 0 40px;
    margin-top: -50px;
  }
}
.page-guideline-body__inner {
  font-size: 16px;
  line-height: 2;
  a {
    text-decoration: underline;
    color: var(--secondary-color);
  }
  @media all and (min-width: 1024px) {
    max-width: 1000px;
    margin: 0 auto 80px;
  }
  @media not all and (min-width: 1024px) {
    margin: 0 16px 0;
  }
}

.page-guideline-lead {
  margin-bottom: 100px;
  @media not all and (min-width: 1024px) {
    margin-bottom: 50px;
  }
}

.page-guideline-main {
  counter-reset: section;
  *:not(:last-child, ul > li) {
    margin-bottom: 25px;
  }
  h3 {
    font-size: 24px;
    line-height: 48px;
  }
  ul > li {
    position: relative;
    padding-left: 20px;
    &:before {
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      left: 0;
      top: 0.05em;
      content: '・';
    }
  }
  ol > li {
    position: relative;
    padding-left: 100px;
    &:before {
      display: block;
      width: 1em;
      height: 1em;
      position: absolute;
      left: 0;
      top: 0.05em;
      counter-increment: section;
      content: counter(section) '.';
    }
  }
  footer {
    display: flex;
    justify-content: flex-end;
    p {
      text-align: left;
    }
    time {
      margin-right: 10px;
    }
  }
  @media not all and (min-width: 1024px) {
    *:not(:last-child, ul > li) {
      margin-bottom: 16px;
    }
    h3 {
      font-size: 22px;
      text-align: center;
    }
    ol > li {
      padding-left: 35px;
    }
  }
}