/* 規約まわりのページ（特商法・利用規約）で使う見た目。
   本文を読ませることだけが目的なので、飾りは置かない。
   色と書体は style.css（LP本体）から受け継ぐ。 */

.lg-head{border-bottom:1px solid #e6e1d8;background:rgba(250,248,244,.9);
  backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.lg-head-in{max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,40px);
  min-height:64px;display:flex;align-items:center;gap:24px}
.lg-head a.home{display:flex;align-items:center;gap:10px;text-decoration:none;
  color:#1c1a17;font-weight:900;font-size:17px;letter-spacing:.02em}
.lg-head nav{margin-left:auto;display:flex;gap:16px;font-size:14px}
.lg-head nav a{color:#5f5a52;text-decoration:none}
.lg-head nav a:hover{color:#1c1a17}

.lg{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(16px,4vw,40px) 80px}
.lg h1{font-size:clamp(26px,4.4vw,36px);font-weight:900;letter-spacing:.01em;margin:0 0 10px;line-height:1.5}
.lg .lead{color:#5f5a52;font-size:15px;margin:0 0 8px}
.lg .upd{color:#a8a196;font-size:13px;margin:0 0 36px}

/* 特商法は「項目と中身」の並び。狭い画面では縦に積む */
.lg dl{display:grid;grid-template-columns:13em 1fr;gap:0;margin:0;
  border-top:1px solid #e6e1d8}
.lg dt{font-weight:700;font-size:14.5px;padding:18px 16px 18px 0;border-bottom:1px solid #e6e1d8}
.lg dd{margin:0;font-size:15px;padding:18px 0;border-bottom:1px solid #e6e1d8;color:#3a3630}
.lg dd p{margin:0 0 8px}
.lg dd p:last-child{margin-bottom:0}
.lg dd ul{margin:6px 0 0;padding-left:1.2em}
.lg dd li{margin-bottom:4px}
@media(max-width:640px){
  .lg dl{grid-template-columns:1fr}
  .lg dt{padding:16px 0 4px;border-bottom:0;color:#5f5a52;font-size:13.5px}
  .lg dd{padding:0 0 16px}
}

/* 利用規約は条文の並び */
.lg h2{font-size:18px;font-weight:700;margin:40px 0 12px;padding-top:24px;
  border-top:1px solid #e6e1d8;line-height:1.6}
.lg h2:first-of-type{margin-top:28px}
.lg ol{margin:0;padding-left:1.6em;font-size:15px;color:#3a3630}
.lg ol li{margin-bottom:10px}
.lg ol ol{margin-top:8px;list-style:lower-latin}
.lg p.body{font-size:15px;color:#3a3630;margin:0 0 12px}

/* 「ここは自分で埋めてください」の印。公開前に消し忘れないよう目立たせる */
.lg .todo{background:#fff4d6;border:1px dashed #d9a441;color:#7a5200;
  padding:2px 8px;border-radius:6px;font-size:13.5px;font-weight:700;white-space:nowrap}

.lg .note{margin-top:44px;padding:20px 22px;background:#f2efe8;border-radius:12px;
  font-size:13.5px;color:#5f5a52;line-height:1.9}

.lg-foot{border-top:1px solid #e6e1d8}
.lg-foot-in{max-width:820px;margin:0 auto;padding:32px clamp(16px,4vw,40px);
  display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;
  font-size:13px;color:#5f5a52}
.lg-foot a{color:#5f5a52;text-decoration:none;margin-right:18px}
.lg-foot a:hover{color:#1c1a17}