/* =========================================================
   固定ページ「特定商取引法に基づく表記」専用CSS
   ※この固定ページだけの追加CSSに入れる
   ※共通デザインは大元の .sanraku-page / .sr- 系CSSを使用
   ※不要なHTMLを隠すCSSは使わない
   ※HTML内に style タグは入れない
   ========================================================= */


/* ------------------------------
   このページの基本変数
------------------------------ */

.sanraku-law {
  --law-serif: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  --law-sans: "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --law-ink: var(--sr-ink, #2c2a27);
  --law-text: var(--sr-text, #403b35);
  --law-muted: var(--sr-muted, #756d65);
  --law-gold: var(--sr-gold, #9d773d);
  --law-red: var(--sr-red, #9d1714);
  --law-border: rgba(86, 68, 42, 0.095);
  --law-body-size: 16px;
  --law-body-line: 2;
}


/* ------------------------------
   このページの英字ラベル統一
   ※大元の .sr-label より少し小さく、参考ページ基準に合わせる
------------------------------ */

.sanraku-law .sr-label {
  color: var(--law-gold) !important;
  font-family: "Times New Roman", var(--law-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.17em;
}


/* ------------------------------
   このページの見出し調整
------------------------------ */

.sanraku-law .sr-title {
  font-family: var(--law-serif);
  font-size: clamp(23px, 1.9vw, 30px) !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.05em;
}

/* ------------------------------
   このページのセクション余白
   ※情報量が多いページなので共通より少しだけ詰める
------------------------------ */

.sanraku-law .sr-section,
.sanraku-law .sr-section-soft {
  padding: 64px 0;
}


/* ------------------------------
   リードカード
------------------------------ */

.sanraku-law .law-lead-card {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.sanraku-law .law-lead-card .sr-section-head {
  margin-bottom: 0;
}

.sanraku-law .law-lead-card .sr-lead {
  max-width: 720px;
  color: var(--law-text);
  font-family: var(--law-sans);
  font-size: var(--law-body-size);
  line-height: var(--law-body-line);
  text-align: left;
}


/* ------------------------------
   情報カード
------------------------------ */

.sanraku-law .law-info-card {
  max-width: 1000px;
  margin: 0 auto;
}

.sanraku-law .law-info-card .sr-section-head {
  text-align: center;
}


/* ------------------------------
   表示項目一覧
------------------------------ */

.sanraku-law .law-info-list {
  border-top: 1px solid var(--law-border);
}

.sanraku-law .law-info-row {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
  gap: 28px;
  padding: 22px 0;
  border-bottom: 1px solid var(--law-border);
}

.sanraku-law .law-info-row h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--law-red) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: var(--law-serif) !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.06em;
}

.sanraku-law .law-info-body {
  min-width: 0;
}

.sanraku-law .law-info-body p,
.sanraku-law .law-info-body li {
  color: #4f4942;
  font-family: var(--law-sans);
  font-size: var(--law-body-size);
  font-weight: 400;
  line-height: var(--law-body-line);
  letter-spacing: 0.04em;
}

.sanraku-law .law-info-body p {
  margin: 0;
}

.sanraku-law .law-info-body p + p {
  margin-top: 10px;
}

.sanraku-law .law-info-body ul {
  margin: 0;
  padding-left: 1.25em;
}

.sanraku-law .law-info-body li + li {
  margin-top: 4px;
}

.sanraku-law .law-link {
  color: var(--law-red) !important;
  border-bottom: 1px solid rgba(157, 23, 20, 0.28);
  word-break: break-all;
}


/* ------------------------------
   注意補足
------------------------------ */

.sanraku-law .law-note {
  max-width: 900px;
  margin: 28px auto 0;
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(86, 68, 42, 0.075);
}

.sanraku-law .law-note p {
  margin: 0;
  color: var(--law-muted);
  font-size: 14.5px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}


/* ------------------------------
   CTA
------------------------------ */

.sanraku-law .law-cta-card .sr-lead {
  color: var(--law-text);
  font-family: var(--law-sans);
  font-size: var(--law-body-size);
  line-height: var(--law-body-line);
}

.sanraku-law .law-cta-card .sr-button-primary {
  min-width: 190px;
}

.sanraku-law .law-cta-card .sr-button-outline {
  min-width: 176px;
}


/* ------------------------------
   タブレット
------------------------------ */

@media (max-width: 1024px) {
  .sanraku-law .law-info-row {
    grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
    gap: 24px;
  }
}


/* ------------------------------
   スマホ
------------------------------ */

@media (max-width: 560px) {
  .sanraku-law {
    --law-body-size: 15.5px;
    --law-body-line: 1.95;
  }

  .sanraku-law .sr-section,
  .sanraku-law .sr-section-soft {
    padding: 52px 0;
  }

  .sanraku-law .sr-title {
    font-size: 22px !important;
    line-height: 1.65 !important;
  }

  .sanraku-law .law-lead-card {
    text-align: left;
  }

  .sanraku-law .law-lead-card .sr-section-head {
    text-align: center;
  }

  .sanraku-law .law-lead-card .sr-lead {
    max-width: 330px;
  }

  .sanraku-law .law-info-card .sr-section-head {
    text-align: center;
  }

  .sanraku-law .law-info-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 20px 0;
  }

  .sanraku-law .law-info-row h3 {
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }

  .sanraku-law .law-info-body p + p {
    margin-top: 8px;
  }

  .sanraku-law .law-note {
    margin-top: 22px;
    padding: 16px 18px;
  }

  .sanraku-law .law-note p {
    font-size: 14px;
    line-height: 1.85;
  }

}