@charset "UTF-8";
.rule {
  padding: 16px 32px 32px;
  counter-reset: jo;
}
.rule a {
  text-decoration: underline;
}
@media (hover: hover) {
  .rule a:hover {
    opacity: 0.8;
  }
}
.rule__preface {
  margin-top: 32px;
  font-size: 14px;
}
.rule__section {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
  counter-increment: jo;
}
.rule__section::before {
  content: "第" counter(jo) "条";
}
.rule__paragraphs {
  margin-top: 12px;
  margin-left: 8px;
  font-size: 14px;
  counter-reset: ko;
}
.rule__paragraphs > li {
  counter-increment: ko;
}
.rule__paragraphs > li > p {
  padding-left: 1em;
  margin-top: 1em;
}
.rule__paragraphs > li > p:first-of-type {
  text-indent: -1em;
}
.rule__paragraphs > li > p:first-of-type:is(ol > li > p)::before {
  margin-right: 2px;
  content: "" counter(ko, decimal) ".";
}
.rule__paragraphs > li > p:first-of-type:is(ul > li > p)::before {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  content: "";
  background: var(--color-gray-9);
  border-radius: 100%;
}
.rule__paragraphs > li + li {
  margin-top: 12px;
}
.rule__items {
  margin-top: 12px;
  margin-left: 16px;
  font-size: 14px;
  counter-reset: go;
}
.rule__items > li {
  counter-increment: go;
}
.rule__items > li > p {
  padding-left: 1em;
  margin-top: 1em;
}
.rule__items > li > p:first-of-type {
  text-indent: -1em;
}
.rule__items > li > p:first-of-type:is(ol > li > p)::before {
  margin-right: 2px;
  content: "" counter(go, lower-roman) ".";
}
.rule__items > li > p:first-of-type:is(ul > li > p)::before {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  content: "";
  background: var(--color-gray-9);
  border-radius: 100%;
}
.rule__items > li + li {
  margin-top: 4px;
}
.rule__subitems {
  margin-top: 12px;
  margin-left: 16px;
  font-size: 14px;
  counter-reset: moku;
}
.rule__subitems > li {
  counter-increment: moku;
}
.rule__subitems > li > p {
  padding-left: 1em;
  margin-top: 1em;
}
.rule__subitems > li > p:first-of-type {
  text-indent: -1em;
}
.rule__subitems > li > p:first-of-type:is(ol > li > p)::before {
  margin-right: 4px;
  content: "(" counter(moku, lower-alpha) ")";
}
.rule__subitems > li > p:first-of-type:is(ul > li > p)::before {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  content: "";
  background: var(--color-gray-9);
  border-radius: 100%;
}
.rule__subitems > li + li {
  margin-top: 4px;
}
.rule__date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
  margin-left: auto;
  text-align: right;
}
.rule__date li {
  font-size: 14px;
}
.rule__date li + li {
  margin-top: 4px;
}

@media screen and (max-width: 480px) {
  .rule {
    padding: 16px 0 32px;
  }
}/*# sourceMappingURL=rule.css.map */