.mainContent {
  padding: 13px 0;
}
.privacy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.privacy-header,
.privacy-content {
  padding: 5px 20px;
}
.privacy-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.privacy-header {
  background-color: #333333;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
}
.privacy-content {
  background-color: #252525;
}
.privacy-content,
.privacy-content * {
  color: #ababab;
  font-size: 13px;
}
.privacy-content > ul {
  counter-reset: li; 
}
.privacy-content > ul > li:before {
  counter-increment: li;
  content: counter(li)".";
  position: absolute;
  right: 100%;
  margin-right: 5px;
  color: #ffffff;
  font-weight: bold;
}
.pc-title,
.pc-title * {
  color: #ffffff;
  font-weight: bold;
}
.pc-content,
.pc-content * {
  line-height: 18px;
}
.pc-content-title {
  margin-bottom: 10px;
}
.privacy-content ul,
.privacy-content ol {
  list-style: none;
}
.privacy-content ul li,
.pc-content > ol > li {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.pc-content > ol > li {
  flex-direction: row;
  gap: 2px;
}
.pc-content > ol > li,
.pc-content > ol ol > li {
  position: relative;
}
.pc-content > ol > li:before,
.pc-content > ol ol > li:before {
  content: "\2022";
  position: absolute;
  right: 100%;
  margin-right: 5px;
  font-size: 23px;
}
.pc-content > ol ol > li:before {
  content: "\26AC";
  font-size: 18px;
}

div.pc-sub-title {
    display: inline-block;
    white-space: nowrap;

}

body.white .privacy-header {
  background-color: #dddddd;
  color: #1f1f1f;
}
body.white .privacy-content {
  background-color: #ffffff;
}
body.white .privacy-content,
body.white .privacy-content * {
  color: #404040;
}
body.white .pc-title,
body.white .pc-title *,
body.white .privacy-content > ul > li:before {
    color: #1f1f1f;
}