@charset "UTF-8";

/* ==========================================================================
   利用規約／プライバシーポリシー／個人情報の取扱い／特定商取引に基づく表記／
   サイトマップ 共通パーツ

   対象ページ：
     ・利用規約           … .aby-page.aby-page-terms
     ・プライバシーポリシー … .aby-page.aby-page-privacy
     ・個人情報の取扱い     … .aby-page.aby-page-personal-data
     ・特定商取引に基づく表記 … .aby-page.aby-page-law
     ・サイトマップ         … .aby-page.aby-page-sitemap

   元ページ（本番サイト・corp/情報サイト側）：
     https://www.abeyoando.co.jp/law-page/terms
     https://www.abeyoando.co.jp/law-page/privacy
     https://www.abeyoando.co.jp/law-page/personal-data
     https://www.abeyoando.co.jp/law-page/law
     https://www.abeyoando.co.jp/customer-support/sitemap
   の見た目・文言を、実際にブラウザで開いて確認のうえ再現しています。

   このファイルは support-faq.css と併用します。ページの土台（.aby-page／
   フォント・配色トークン・.aby-page-h2／.aby-page-list／.aby-page-table等）
   は support-faq.css のものを再利用し、他ページとトンマナを統一しています。
   本ファイルには、この5ページに固有のパーツ（項目ラベル＋本文のブロック・
   サイトマップの複数カラムリスト）のみを追加します。

   ・すべて .aby-law- / .aby-sitemap- プレフィックスでスコープしており、
     他のCSSファイルとクラス名の重複はありません。
   ========================================================================== */

/* --------------------------------------------------------------------------
   項目ラベル＋本文（特定商取引に基づく表記／個人情報の取扱い の代表者・
   連絡先など、項目名＋説明を縦に並べるブロック）
   -------------------------------------------------------------------------- */

.aby-law-field { margin-bottom: 34px; }
.aby-law-field:last-child { margin-bottom: 0; }
.aby-law-field__label {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--abyp-serif); font-size: 17px; font-weight: 600; color: var(--abyp-text);
  margin: 0 0 10px;
}
.aby-law-field__label::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--abyp-gold); flex-shrink: 0;
}
.aby-law-field__body { font-size: 15px; line-height: 1.9; color: var(--abyp-text); }
.aby-law-field__body p { margin: 0 0 .6em; }
.aby-law-field__body p:last-child { margin-bottom: 0; }
.aby-law-field__body a { text-decoration: underline; }

/* --------------------------------------------------------------------------
   条文（利用規約の「第1条 ...」等）。.aby-page-h2 よりひとまわり小さく、
   下線を廃した簡易見出しとして使用
   -------------------------------------------------------------------------- */

.aby-law-article-title {
  font-family: var(--abyp-serif); font-size: 20px; font-weight: 600; color: var(--abyp-text);
  margin: 0 0 20px;
}
.aby-law-section + .aby-law-section { margin-top: 56px; padding-top: 56px; border-top: 1px solid var(--abyp-line-soft); }

.aby-law-body p { margin: 0 0 1em; font-size: 15px; line-height: 1.9; color: var(--abyp-text); }
.aby-law-body p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   制定日・改定日・代表者名などの署名ブロック（プライバシーポリシー）
   -------------------------------------------------------------------------- */

.aby-law-meta { font-size: 14.5px; line-height: 2; color: var(--abyp-text); margin: 30px 0 0; }

/* --------------------------------------------------------------------------
   サイトマップ：カテゴリごとの複数カラムリスト
   -------------------------------------------------------------------------- */

.aby-sitemap-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 40px;
}
.aby-sitemap-group { margin-bottom: 44px; }
.aby-sitemap-group__title {
  font-family: var(--abyp-serif); font-size: 17px; font-weight: 600; color: var(--abyp-text);
  margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid var(--abyp-line-soft);
}
.aby-sitemap-group__title--sub {
  font-size: 14.5px; font-weight: 500; color: #777;
  margin: 20px 0 10px; padding-bottom: 0; border-bottom: 0;
}
.aby-sitemap-group ul { list-style: none; margin: 0; padding: 0; }
.aby-sitemap-group li { margin-bottom: 10px; }
.aby-sitemap-group a { font-size: 14.5px; color: var(--abyp-gold); text-decoration: underline; }
.aby-sitemap-group a.aby-sitemap-top-link { color: var(--abyp-text); font-family: var(--abyp-serif); font-size: 16px; }

/* --------------------------------------------------------------------------
   スマートフォン
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .aby-law-article-title { font-size: 18px; }
  .aby-law-section + .aby-law-section { margin-top: 40px; padding-top: 40px; }
  .aby-sitemap-grid { grid-template-columns: 1fr; gap: 0; }
  .aby-sitemap-group { margin-bottom: 34px; }
}