/* ============================================================
   soukyu.com「特定商取引法に基づく表示」試作 v1
   現行ページ（soukyu.com/tokutei/）の全項目をそのまま使用し、
   v5デザイン（製図グリッド＋墨の反転）を適用
   ============================================================ */

body {
  font-family: 'Noto Serif JP', serif;
  background: var(--bg);
  color: var(--sumi);
  overflow-x: hidden;
}
/* ---------- 製図グリッド（v5共通） ---------- */

.soukyu-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 56px clamp(24px, 5vw, 72px) 90px;
}
/* ---------- ヘッダー（共通） ---------- */

/* ---------- フッター（共通） ---------- */

.footer-sub a:hover { color: #fff; }

.sec-label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--shu);
  margin-bottom: 14px;
}
.sec-label::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--shu);
  margin-right: 10px;
  vertical-align: middle;
}
h1 {
  font-size: clamp(34px, 4.4vw, 48px);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin-bottom: 40px;
}

/* ---- 表 ---- */
table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e7e2d6;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
}
th, td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid #efeadd;
  line-height: 1.9;
  color: var(--ink-body);
}
th { background: var(--cream); font-weight: 700; width: 34%; color: var(--sumi); }
tr:last-child th, tr:last-child td { border-bottom: none; }
.table-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13.5px;
  color: #8a8378;
  margin-top: 18px;
  line-height: 1.9;
}
td a { color: var(--shu); text-decoration: underline dotted; text-underline-offset: 3px; }
td a:hover { color: var(--sumi); }

@media (max-width: 700px) {
  .soukyu-page { padding: 36px 20px 64px; }
  table, thead, tbody, th, td, tr { display: block; width: 100%; }
  th { width: auto; border-bottom: none; padding-bottom: 6px; }
  td { padding-top: 4px; }
}
