.page-header {
  margin-bottom: 32px;
}

.page-header h1 {
  font-size: 50px;
}

.page-contract .desc {
  margin-bottom: 32px;
}

.page-contract .desc ul.depth1 {
  margin-top: 24px;
}

.page-contract .desc ul.depth1 li {
  display: flex;
  margin-bottom: 0;
}

.contract-content>li {
  margin-bottom: 32px;
}

.page-contract ul li>h2 {
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 4px;
  border-left: 4px solid var(--accent-color);
  padding-left: 12px;
}

.contract-content .depth1>li {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.contract-content p {
  padding-left: 12px;
}

.contract-content .depth1>li>div {
  display: flex;
}

.contract-content .depth1 {
  padding-left: 12px;
}

.contract-content .depth2 {
  padding-left: 12px;
}

.contract-content .depth2 li {
  display: flex;
}


@media screen and (max-width: 767px) {
  .page-header h1 {
    font-size: 30px;
  }

  .contract-content .depth1 {
    padding-left: 4px;
  }

  .contract-content .depth2 {
    padding-left: 4px;
  }

  .contract-content p {
    padding-left: 4px;
  }
}