@charset "UTF-8";
/* ==========================================================
   コンコンピルクリニック 下層ページ共通
========================================================== */

.sub-main {
  background: #fff;
}
.sub-tit {
  font-family: var(--f-base);
  font-weight: 700;
  color: var(--c-rose);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.sub-body {
  margin-left: auto;
  margin-right: auto;
}
.sub-body p,
.sub-body li,
.sub-body dt,
.sub-body dd {
  line-height: 1.8;
}
.sub-body h2 {
  font-family: var(--f-base);
  font-weight: 700;
  color: #000;
}
.sub-body .todo {
  background: var(--c-pink);
  border: 1px dashed var(--c-rose-l);
  padding: 0.5em 1em;
}

/* ●付き項目リスト（ラベル／値をインライン表記） */
.law-list li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.law-list li::before {
  content: "●";
  margin-right: 0.4em;
  font-size: 0.85em;
}

@media (min-width: 750px) {
  .sub-main {
    padding: 180px 0 120px;
  }
  .sub-tit {
    width: 1000px;
    font-size: 40px;
  }
  .sub-body {
    width: 1000px;
    margin-top: 40px;
    font-size: 18px;
  }
  .sub-body h2 {
    font-size: 26px;
    margin: 48px 0 12px;
  }
  .sub-body ol,
  .sub-body ul:not(.law-list) {
    padding-left: 1.8em;
  }
  .sub-body ol li {
    list-style: decimal;
  }
  .sub-body ul:not(.law-list) li {
    list-style: disc;
  }
  .sub-body li ul {
    margin-top: 0.5em;
  }
  .sub-body p + p {
    margin-top: 1em;
  }
}
@media (max-width: 749.98px) {
  .sub-main {
    padding: min(calc(180 / 750 * 100vw), 180px) 0 min(calc(120 / 750 * 100vw), 120px);
  }
  .sub-tit {
    width: calc(670 / 750 * 100%);
    font-size: min(calc(56 / 750 * 100vw), 56px);
  }
  .sub-body {
    width: calc(670 / 750 * 100%);
    margin-top: min(calc(50 / 750 * 100vw), 50px);
    font-size: min(calc(28 / 750 * 100vw), 28px);
  }
  .sub-body h2 {
    font-size: min(calc(40 / 750 * 100vw), 40px);
    margin: min(calc(50 / 750 * 100vw), 50px) 0 min(calc(16 / 750 * 100vw), 16px);
  }
  .sub-body ol,
  .sub-body ul:not(.law-list) {
    padding-left: 1.8em;
  }
  .sub-body ol li {
    list-style: decimal;
  }
  .sub-body ul:not(.law-list) li {
    list-style: disc;
  }
  .sub-body li ul {
    margin-top: 0.5em;
  }
  .sub-body p + p {
    margin-top: 1em;
  }
}