/* =========================================================
   特定商取引法表記 / 運営者概要ページ（main.document）
   ========================================================= */

/* ======================================
   ページ全体
   ====================================== */
main.document {
  background    : linear-gradient(180deg, #FAF9F7 0%, #F6F4F1 100%);
  border        : 1px solid #E8E2D8;
  border-radius : 16px;
  box-shadow    : 0 6px 20px rgba(0, 0, 0, 0.06);
  box-sizing    : border-box;
  color         : #3B2E1F;
  font-family   : "Noto Serif JP", "Yu Mincho", serif;
  margin        : 80px auto 100px;
  max-width     : 960px;
  padding       : 60px 50px 80px;
}

/* ======================================
   ページタイトル
   ====================================== */
main.document .pageTitle h2 {
  border-bottom      : 3px solid transparent;
  border-image       : linear-gradient(90deg, #C5A76E, #E7D3A3, #C5A76E);
  border-image-slice : 1;
  color              : #3B2E1F;
  font-size          : 1.6rem;
  font-weight        : 600;
  letter-spacing     : 0.1em;
  margin-bottom      : 40px;
  padding-bottom     : 16px;
  text-align         : center;
}

/* ======================================
   各セクションボックス
   ====================================== */
main.document .mesBox {
  background    : #FFFFFF;
  border        : 1px solid #E9E2D8;
  border-radius : 12px;
  box-shadow    : 0 4px 12px rgba(0, 0, 0, 0.05);
  font-size     : 0.95rem;
  line-height   : 1.8;
  padding       : 40px 48px;
}

/* ======================================
   各見出し（h3）
   ====================================== */
main.document .mesBox h3 {
  border-left    : 4px solid #C5A76E;
  color          : #7A674D;
  font-size      : 1.05rem;
  font-weight    : 600;
  letter-spacing : 0.05em;
  margin         : 32px 0 8px;
  padding-left   : 10px;
}

main.document .mesBox h3:first-of-type {
  margin-top : 0;
}

/* ======================================
   各本文
   ====================================== */
main.document .mesBox div {
  background    : #FBFAF8;
  border        : 1px solid #ECE6DF;
  border-radius : 8px;
  color         : #3B2E1F;
  line-height   : 1.7;
  margin-bottom : 16px;
  padding       : 14px 18px;
}

/* ======================================
   ルビ付き氏名（<ruby>）
   ====================================== */
main.document ruby {
  font-size : 1rem;
}

main.document rt {
  color     : #7A6B59;
  font-size : 0.85rem;
}

/* ======================================
   aリンク
   ====================================== */
main.document a {
  border-bottom   : 1px dashed #C5A76E;
  color           : #B38E3C;
  text-decoration : none;
  transition      : all 0.2s ease;
}

main.document a:hover {
  border-bottom : 1px solid #B38E3C;
  color         : #8E6B22;
}

/* ======================================
   小さな文字・補足表現
   ====================================== */
main.document small,
main.document .note {
  color       : #7A6B59;
  display     : block;
  font-size   : 0.85rem;
  line-height : 1.5;
  margin-top  : 4px;
}

/* ======================================
   レスポンシブ
   ====================================== */
@media (max-width : 768px) {
  main.document {
    padding : 40px 20px 60px;
  }

  main.document .mesBox {
    padding : 24px 20px;
  }

  main.document .mesBox div {
    padding : 12px 14px;
  }
}

/* =========================================================
   プライバシーポリシー / 法定表記ページデザイン
   ========================================================= */

/* ======================================
   ページ全体
   ====================================== */
main.document {
  background    : linear-gradient(180deg, #FAF9F7 0%, #F5F3EF 100%);
  border        : 1px solid #EAE3DA;
  border-radius : 16px;
  box-shadow    : 0 6px 20px rgba(0, 0, 0, 0.06);
  box-sizing    : border-box;
  color         : #3B2E1F;
  font-family   : "Noto Serif JP", "Yu Mincho", serif;
  line-height   : 1.8;
  margin        : 80px auto 100px;
  max-width     : 960px;
  padding       : 60px 50px 80px;
}

/* ======================================
   ページタイトル
   ====================================== */
main.document .pageTitle h2 {
  border-bottom      : 3px solid transparent;
  border-image       : linear-gradient(90deg, #C5A76E, #E7D3A3, #C5A76E);
  border-image-slice : 1;
  color              : #3B2E1F;
  font-size          : 1.6rem;
  font-weight        : 600;
  letter-spacing     : 0.1em;
  margin-bottom      : 40px;
  padding-bottom     : 16px;
  text-align         : center;
}

/* ======================================
   本文ブロック（章全体）
   ====================================== */
main.document .chapterBox {
  background    : #FFFFFF;
  border        : 1px solid #E9E2D8;
  border-radius : 12px;
  box-shadow    : 0 4px 12px rgba(0, 0, 0, 0.05);
  color         : #3B2E1F;
  font-size     : 0.95rem;
  line-height   : 1.85;
  padding       : 40px 50px;
}

/* ======================================
   冒頭の導入文
   ====================================== */
main.document .chapterBox > div:first-of-type {
  background    : #FBFAF8;
  border-left   : 4px solid #C5A76E;
  border-radius : 8px;
  color         : #4A3E2E;
  font-size     : 0.96rem;
  line-height   : 1.8;
  margin-bottom : 30px;
  padding       : 16px 20px;
}

/* ======================================
   見出し（リスト番号の階層ごとに階調）
   ====================================== */
main.document .chapterBox ol {
  counter-reset : item;
  padding-left  : 1.2em;
}

main.document .chapterBox > ol > li {
  color         : #7A674D;
  font-size     : 1.05rem;
  font-weight   : 600;
  margin-bottom : 24px;
}

main.document .chapterBox > ol > li::marker {
  color       : #B38E3C;
  font-weight : 700;
}

main.document .chapterBox li ol,
main.document .chapterBox li ul {
  margin-bottom : 10px;
  margin-top    : 10px;
  padding-left  : 1.5em;
}

main.document .chapterBox li li {
  color         : #3B2E1F;
  font-weight   : 400;
  line-height   : 1.8;
  margin-bottom : 6px;
}

/* ======================================
   小階層の番号・点
   ====================================== */
main.document .chapterBox li ol li::marker {
  color : #C5A76E;
}

main.document .chapterBox li ul li::marker {
  color : #B38E3C;
}

/* ======================================
   リンクデザイン
   ====================================== */
main.document a {
  border-bottom   : 1px dashed #C5A76E;
  color           : #B38E3C;
  text-decoration : none;
  transition      : all 0.2s ease;
}

main.document a:hover {
  border-bottom : 1px solid #B38E3C;
  color         : #8E6B22;
}

/* ======================================
   階層感を出す装飾ライン
   ====================================== */
main.document .chapterBox li > ol > li {
  border-left  : 2px dotted rgba(197, 167, 110, 0.3);
  margin-top   : 8px;
  padding-left : 12px;
}

/* ======================================
   スマートフォン対応
   ====================================== */
@media (max-width : 768px) {
  main.document {
    padding : 40px 20px 60px;
  }

  main.document .chapterBox {
    padding : 28px 20px;
  }

  main.document .chapterBox > div:first-of-type {
    padding : 12px 14px;
  }
}