/* =========================================================
   固定ページ「特定商取引法に基づく表記」専用CSS
   ※共通デザイン・フォントは sanraku-common.css を使用
   ※このページ固有の情報配置だけを定義
   ========================================================= */


/* ------------------------------
   このページ固有の変数
------------------------------ */

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


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

.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-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: "Noto Serif JP", "Yu Mincho", "YuMincho", 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: var(--law-text);
  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: var(--law-body-size);
  line-height: var(--law-body-line);
  letter-spacing: 0.04em;
}


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

.sanraku-law .law-cta-card .sr-lead {
  color: var(--law-text);
  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 .law-lead-card,
  .sanraku-law .law-lead-card .sr-lead {
    text-align: left;
  }

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

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

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

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

  .sanraku-law .law-info-body p