.terms {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .terms {
    padding: 16px;
  }
}

.termsContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
  margin: 0;
  width: 100%;
  text-align: left;
}
.termsContent__wrap {
  width: 100%;
}
.termsContent h2 {
  padding-bottom: 24px;
}
.termsContent__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.termsContent__list li {
  font: var(--font-body-medium);
}
.termsContent ol {
  padding-left: 24px;
  list-style: decimal;
}
.termsContent ol > li > ol {
  margin-top: 4px;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.termsContent ol > li > ol > li {
  list-style-type: none;
	counter-increment: cnt;
  position: relative;
  padding-left: 24px;
}
.termsContent ol > li > ol > li:before {
  content: "(" counter(cnt) ") ";
  position: absolute;
  top: 0;
  left: 0;
}
.termsContent ol > li > ol > li > ol > li {
  counter-increment: level1;
}
.termsContent ol > li > ol > li > ol > li:before {
  content: "("counter(level1, lower-roman)")";
}
.termsContent ol > li > ol > li > ul,
.termsContent ol > li > ol > li > ol > li > ul {
  list-style: disc;
  padding-left: 24px;
}