/* ===========================
   利用規約ページ専用スタイル
=========================== */

/* ページタイトル
=========================== */
.terms-header {
  padding: 80px 0 0;
  text-align: center;
}

.terms-title {
  font-family: var(--font-ja);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.67em;
  letter-spacing: 0.1em;
  color: var(--color-black);
}

/* 本文セクション
=========================== */
.terms-section {
  padding: 32px 0 80px;
}

.terms-inner {
  padding: 0 24px;
}

/* リード文
=========================== */
.terms-lead {
  font-family: var(--font-ja);
  font-weight: 400;
  font-size: 13px;
  line-height: 2em;
  color: var(--color-black);
  margin-bottom: 32px;
}

/* 各ブロック（条項）
=========================== */
.terms-block {
  margin-bottom: 28px;
}

/* 条項見出し
=========================== */
.terms-heading {
  font-family: var(--font-ja);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.75em;
  color: var(--color-black);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--color-gray-light);
}

/* 本文テキスト
=========================== */
.terms-text {
  font-family: var(--font-ja);
  font-weight: 400;
  font-size: 13px;
  line-height: 2em;
  color: var(--color-black);
  margin-bottom: 8px;
}

.terms-text:last-child {
  margin-bottom: 0;
}

/* リスト
=========================== */
.terms-list {
  list-style: none;
  padding: 0;
  margin: 8px 0;
}

.terms-list li {
  font-family: var(--font-ja);
  font-weight: 400;
  font-size: 13px;
  line-height: 2em;
  color: var(--color-black);
  padding-left: 1em;
  position: relative;
}

.terms-list li::before {
  content: '・';
  position: absolute;
  left: 0;
}

/* 制定日
=========================== */
.terms-date {
  font-family: var(--font-ja);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.75em;
  color: var(--color-black);
  text-align: right;
  margin-top: 40px;
}

/* ===========================
   PC メディアクエリ（768px〜）
=========================== */
@media (min-width: 768px) {

  .terms-header {
    padding: 160px 0 0;
  }

  .terms-title {
    font-size: 32px;
    line-height: 1.25em;
  }

  .terms-section {
    padding: 48px 0 120px;
  }

  .terms-inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
  }

  .terms-lead {
    font-size: 14px;
    margin-bottom: 40px;
  }

  .terms-heading {
    font-size: 15px;
  }

  .terms-text,
  .terms-list li {
    font-size: 14px;
  }

  .terms-block {
    margin-bottom: 36px;
  }

} /* end @media (min-width: 768px) */