/* ======================================= Tokushoho（特定商取引法に基づく表記） ======================================= */
/* Figma 7920:15038 (PC) / 7920:16165 (SP) 準拠 */

/* Design tokens */
/* MOSS BLACK: #42220F, SUBTLE MOSS: #E9E9E2, BACKGROUND WHITE: #FEFDFB, CLEAR MOSS: #B2A581 */
/* Breadcrumb bg: #FFFBF3 */

/* #container の margin-top: -80px を相殺しつつヘッダー（72px）分の余白を確保 */
.tokushoho-page {
  background-color: #fefdfb;
  padding-top: 172px; /* 80px（container相殺）＋72px（ヘッダー）＋20px余白 */
}

.tokushoho-page__inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 40px 0;
}

.tokushoho-page__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: #42220f;
  margin: 0 0 56px;
}

.tokushoho-page__content {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.7;
  color: #42220f;
  margin-bottom: 56px;
}

.tokushoho-page__content p {
  margin: 0 0 16px;
}

.tokushoho-page__content p:last-of-type {
  margin-bottom: 0;
}

.tokushoho-page__content ul {
  margin: 0 0 16px;
  padding-left: 1.5em;
}

.tokushoho-page__content li {
  margin-bottom: 4px;
}

.tokushoho-page__table-wrap {
  margin-bottom: 56px;
}

.tokushoho-page__table,
.tokushoho-page__content table {
  width: 100%;
  max-width: 600px;
  border-collapse: separate;
  border-spacing: 0;
}

.tokushoho-page__table tr,
.tokushoho-page__content table tr {
  display: table-row;
}

.tokushoho-page__th,
.tokushoho-page__content table th {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.7;
  color: #42220f;
  background-color: #e9e9e2;
  padding: 12px 16px;
  width: 240px;
  min-width: 240px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #b2a581;
}

.tokushoho-page__td,
.tokushoho-page__content table td {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 1.7;
  color: #42220f;
  background-color: #fefdfb;
  padding: 12px 16px;
  width: 360px;
  border-bottom: 1px solid #b2a581;
}

.tokushoho-page__td p,
.tokushoho-page__content table td p {
  margin: 0 0 16px;
}

.tokushoho-page__td p:last-of-type,
.tokushoho-page__content table td p:last-of-type {
  margin-bottom: 0;
}

.tokushoho-page__td ul,
.tokushoho-page__content table td ul {
  margin: 0 0 16px;
  padding-left: 1.5em;
}

.tokushoho-page__td li,
.tokushoho-page__content table td li {
  margin-bottom: 4px;
}

.tokushoho-page__note,
.tokushoho-page__content small {
  display: block;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.5;
  color: #42220f;
  margin-top: 8px;
  margin-bottom: 16px;
}

.tokushoho-page__note:last-child {
  margin-bottom: 0;
}

.tokushoho-page__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #fffbf3;
  margin: 0 -40px 0;
  padding: 0 40px 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: #42220f;
}

.tokushoho-page__breadcrumb a {
  color: #42220f;
  text-decoration: none;
}

.tokushoho-page__breadcrumb a:hover {
  text-decoration: underline;
}

.tokushoho-page__breadcrumb-sep::before {
  content: "›";
  color: #42220f;
  font-size: 14px;
}

/* SP layout */
@media (max-width: 1024px) {
  .tokushoho-page {
    padding-top: 150px; /* 80px（container相殺）＋56px（SPヘッダー）＋14px余白 */
  }

  .tokushoho-page__inner {
    padding: 0 24px 48px;
  }

  .tokushoho-page__title {
    font-size: 24px;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 56px;
  }

  .tokushoho-page__table,
  .tokushoho-page__content table,
  .tokushoho-page__th,
  .tokushoho-page__content table th,
  .tokushoho-page__td,
  .tokushoho-page__content table td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .tokushoho-page__table tr,
  .tokushoho-page__content table tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #b2a581;
  }

  .tokushoho-page__th,
  .tokushoho-page__content table th {
    padding: 4px 16px 4px;
    border-bottom: none;
  }

  .tokushoho-page__td,
  .tokushoho-page__content table td {
    padding: 4px 16px 16px;
    font-size: 16px;
    letter-spacing: 0.04em;
    border-bottom: none;
  }

  .tokushoho-page__note,
  .tokushoho-page__content small {
    font-size: 12px;
  }

  .tokushoho-page__breadcrumb {
    margin: 0 -24px 0;
    padding: 0 24px 40px;
  }
}