@import url(lower.css);

main {
  background-color: var(--bg-c);
}
.main {
  padding-top: max(3vw, 30px);
}
.privacy,
.antisocial {
  padding-top: max(3vw, 30px);
  width: min(100%, 1100px);
  margin-inline: auto;
  line-height: 2;
  .lev1 > li {
    position: relative;
    padding-left: 1.4em;
    margin-top: 1em;
    &::before {
      position: absolute;
      inset: 0 auto auto 0;
      content: counter(num) ".";
    }
  }
}
ol {
  counter-reset: num 0;
}
li {
  counter-increment: num 1;
}
.privacy {
  .lev2 > li {
    position: relative;
    padding-left: 1.8em;
    padding-top: 0.1em;
    &::before {
      position: absolute;
      inset: 0 auto auto 0;
      content: "(" counter(num) ")";
    }
  }
}
.antisocial {
  padding-block: 0 max(8vw, 60px);
  ol {
    margin-bottom: 1em;
  }
}

@media (width < 768px) {
  .privacy {
    .lev2 > li {
      margin-left: -1.4em;
    }
  }
}