/* 法務ページ共通デザイン — アプリと同じ「ステッカー & チャンキー」
   黒いワークスペースに白いカードが1枚。読みやすさ最優先(行間1.95・余白広め)。 */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #101013;
  color: #18181b;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", system-ui, sans-serif;
  font-weight: 500;
  line-height: 1.95;
  padding: 34px 16px 72px;
}

main {
  max-width: 760px;
  margin: 0 auto;
  font-size: 14px;
  background: #fff;
  border-radius: 22px;
  padding: 38px 44px 34px;
  box-shadow: 0 10px 0 rgba(0, 0, 0, 0.45);
}

/* 戻るリンク = アプリのブランドピル */
.back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #18181b;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  padding: 9px 16px;
  border-radius: 12px;
  margin-bottom: 30px;
}
.back::after { content: ""; width: 8px; height: 8px; border-radius: 2.5px; background: #ff3d20; }
.back:hover { background: #2c2c31; }

h1 { font-size: 24px; font-weight: 800; margin-bottom: 8px; letter-spacing: 0.01em; }
.sub { font-size: 12.5px; color: #82828b; margin-bottom: 34px; }

/* 見出しには朱の角ドット(ブランドの点) */
h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15.5px;
  font-weight: 800;
  margin: 34px 0 10px;
}
h2::before { content: ""; width: 8px; height: 8px; border-radius: 2.5px; background: #ff3d20; flex-shrink: 0; }

p, li, td, th { color: #3f3f46; }
p { margin-bottom: 10px; }
ul, ol { padding-left: 1.5em; margin-bottom: 10px; }
li { margin-bottom: 4px; }
b { color: #18181b; }

a { color: #18181b; font-weight: 700; text-decoration-color: #ff3d20; text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { color: #ff3d20; }

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13.5px;
  margin: 12px 0;
  border: 2px solid #ececef;
  border-radius: 14px;
  overflow: hidden;
}
th, td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid #ececef; }
tr:last-child th, tr:last-child td { border-bottom: none; }
th { font-weight: 800; background: #f4f4f6; }
table.spec th { width: 32%; } /* 特商法の「項目名|内容」型テーブル */

.todo { color: #ff3d20; font-weight: 800; }
.note { font-size: 12px; color: #82828b; margin-top: 28px; }

footer {
  margin-top: 40px;
  padding-top: 18px;
  border-top: 2px solid #ececef;
  font-size: 12px;
  color: #82828b;
}

@media (max-width: 560px) {
  body { padding: 16px 10px 48px; }
  main { padding: 26px 20px 26px; border-radius: 18px; }
  table.spec th { width: 36%; }
  th, td { padding: 10px 10px; font-size: 12.5px; }
}