.intro {
  margin: 0 auto;
  padding: 6.3rem 2rem 0;
  width: 36rem;
  @media (width >= 961px) {
    padding: 9rem 2rem 0;
    width: 96rem;
  }

  > p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 9rem;
    padding: 0;
    @media (width >= 961px) {
      margin: 0 0 7.2rem;
    }
  }
}

.inner {
  counter-reset: number 0;
  margin: 0 auto;
  padding: 0 2rem 7.2rem;
  width: 36rem;
  @media (width >= 961px) {
    padding: 0 2rem 9rem;
    width: 96rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 .5em;
  }

  h3 {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 .5em;
    &::before {
      content: counter(number) ". ";
      counter-increment: number 1;
      color: #333;
      margin-right: 5px;
    }
  }

  p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 3.2rem;
    @media (width >= 961px) {
      margin: 0 0 4.2rem;
    }

    &.there {
      margin: 0 0 1em;
    }

    &.last {
      margin: 0;
    }
  }

  ol, ul {
    counter-reset: number 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 0 3.2rem;
    padding: 0 0 0 1em;
    @media (width >= 961px) {
      margin: 0 0 4.2rem;
    }

    &.there {
      margin: 0 0 1em;
    }

    ol {
      list-style: none;
      padding: 0;
      > li {
        padding: 0 0 0 2.3em;
        position: relative;
        &::before {
          content: "（" counter(number) "）";
          counter-increment: number 1;
          left: 0;
          position: absolute;
          top: 0;
        }
      }
    }
  }
  ul {
    padding: 0 0 0 1.5em;
  }
}