/* rule
--------------------------------------------------*/

body {
  background-color: #F1FEE6;
}

.rule {
  background-color: #F1FEE6;
  padding: 36rem 0;
}

.rule__box {
  background-color: #fff;
  padding: 29rem 19rem;
}

.rule__content {
  letter-spacing: 0.07em;
}

.rule__content + .rule__content {
  margin-top: 48rem;
}

.rule__heading {
  font-size: 18rem;
  font-weight: bold;
  margin-bottom: 12rem;
}

.rule__block {
  font-size: 14rem;
  line-height: 1.7142857143;
}

.rule__block + .rule__block {
  margin-top: 8rem;
}

.rule__block-heading {
  font-weight: bold;
}

.rule__block-text {
  margin-top: 1rem;
}

.rule__list {
  margin-top: 1rem;
}

.rule__item {
  list-style: none;
  counter-increment: cnt;
  position: relative;
  padding-left: 2em;
}

.rule__item::before {
  content: "(" counter(cnt) ")";
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 769px) {
  .rule {
    padding: 79rem 0 144rem;
  }

  .rule__box {
    padding: 75rem 125rem;
  }

  .rule__content + .rule__content {
    margin-top: 72rem;
  }

  .rule__heading {
    font-size: 24rem;
    margin-bottom: 18rem;
  }

  .rule__block + .rule__block {
    margin-top: 6rem;
  }

  .rule__block-text {
    padding-left: 39rem;
    margin-top: 3rem;
  }
}