/* ============ 利用規約 / プライバシーポリシー ============
   LP本体とは別の「読ませるためのページ」。装飾は最小限にして可読性を優先する。
   LPのブランドグラデはヘッダーの帯にだけ使い、本文は白地・黒文字。 */

.legal{
  background:#fff;
  color:var(--ink);
  font-family:"Noto Sans JP",system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;
}

.legal-head{
  background:var(--hero-grad);
  padding:28px 24px 32px;
}
.legal-home{
  display:inline-block;
  font-size:14px;
  font-weight:700;
  color:var(--ink);
  text-decoration:none;
}
.legal-home:hover{ text-decoration:underline }
.legal-title{
  margin-top:18px;
  font-size:28px;
  font-weight:700;
  line-height:1.4;
}

.legal-body{
  max-width:760px;
  margin:0 auto;
  padding:40px 24px 64px;
}
.legal-body h2{
  margin:40px 0 12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--gray-1);
  font-size:18px;
  font-weight:700;
  line-height:1.5;
}
.legal-body h2:first-child{ margin-top:0 }
.legal-body p{
  margin:0 0 14px;
  font-size:15px;
  font-weight:400;
  line-height:1.9;
}
.legal-body ul{
  margin:0 0 18px;
  padding-left:1.3em;
  list-style:none;
}
.legal-body li{
  position:relative;
  margin-bottom:10px;
  font-size:15px;
  font-weight:400;
  line-height:1.9;
}
/* 原文が「1.」「①」を文字として持っているので、CSS側では番号を足さず
   ぶら下がりインデントだけ与える(二重採番になるのを避ける)。 */
.legal-body li{ text-indent:-1.3em }

.legal-foot{
  border-top:1px solid var(--gray-1);
  padding:28px 24px 40px;
  text-align:center;
}
.legal-foot-nav{
  display:flex;
  gap:24px;
  justify-content:center;
  margin-bottom:16px;
}
.legal-foot-nav a{
  font-size:14px;
  font-weight:500;
  color:var(--ink);
  text-decoration:none;
}
.legal-foot-nav a:hover{ text-decoration:underline }
.legal-foot small{
  font-size:12px;
  color:var(--gray-3);
}

@media (max-width:767px){
  .legal-head{ padding:20px 16px 24px }
  .legal-title{ margin-top:14px; font-size:22px }
  .legal-body{ padding:28px 16px 48px }
  .legal-body h2{ margin:32px 0 10px; font-size:16px }
  .legal-body p,
  .legal-body li{ font-size:14px; line-height:1.85 }
}