@charset "UTF-8";

/* rule | ページ固有スタイル
--------------------------------------------------*/

.rule {
  padding: 38rem 0 50rem;
}

.rule__inner {
  padding: 22rem 0;
  background-color: #fff;
}

.rule__section {
  max-width: 360rem;
  margin: 0 auto;
}

.rule__section+.rule__section {
  margin-top: 68rem;
}

.rule__sec-title {
  font-size: 20rem;
  font-weight: bold;
  line-height: 1.46;
  text-align: center;
  color: #C90000;
}

.rule__list {
  margin-top: 18rem;
}

.rule__li-item {
  font-size: 14rem;
  line-height: 1.57;
}

.rule__li-item:not(:first-child) {
  margin-top: 22rem;
  margin-top: 1lh;
}

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


@media only screen and (max-width: 768px) {
  .rule__container {
    padding: 0;
  }
}

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

  .rule__inner {
    padding: 40rem 0 195rem;
  }

  .rule__section {
    max-width: 1000rem;
  }

  .rule__section+.rule__section {
    margin-top: 75rem;
  }

  .rule__sec-title {
    font-size: 30rem;
  }

  .rule__list {
    margin-top: 16rem;
  }

}