@charset "UTF-8";

main p {
  line-height: 2;
}

.policy {
  counter-reset: mycounter2;

  & dt {
    font-size: 2.2rem;
    font-weight: 500;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    color: #5CB531;
    padding-left: 20px;
    position: relative;
    margin-top: 100px;
  }

  & dt::before {
    position: absolute;
    left: 0;
    counter-increment: mycounter2;
    content: counter(mycounter2) '.';
  }

  & dd {
    margin-top: 30px;
    line-height: 2;
  }

  & ul {
    counter-reset: mycounter 0;
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #E2E2E2;
  }

  & li {
    position: relative;
    ;
    counter-increment: mycounter;
    padding-left: 2rem;
  }

  & li::before {
    position: absolute;
    left: 0;
    content: counter(mycounter, lower-alpha) '.';
  }
}

.btm60 {
  margin-bottom: 60px;
}

@media screen and (max-width: 829px) {
  .btm60 {
    margin-bottom: 20px;
  }

  .policy {
    & dt {
      margin-top: 40px;
    }
  }
}