@charset "UTF-8";
/* ========================================

privacy_policy

======================================== */
.pp_wrap {
  font-size: 16px;
  width: 84%;
  max-width: 960px;
  margin: 0 auto;
  padding: 100px 0 140px;
}
  - 色・フォントはサイト既存CSSを継承します。必要なら --pp-* 変数だけ調整してください。
  - 文言は原本PDF（2021年12月1日制定版）のまま。番号表記（１．／1.／(1)／①）も原本どおり。
  ============================================================
-->
<style>
.pp {
  --pp-rule: #cccccc;      /* 表・囲みの罫線 */
  --pp-bg: #f5f5f5;        /* 表見出し・窓口囲みの背景 */
  line-height: 1.8;
  max-width: 960px;
  margin: 0 auto;
}
.pp h1 { font-size: 1.6em; margin: 0 0 1.2em; }
.pp h2 { font-size: 1.15em; margin: 2.2em 0 .6em; scroll-margin-top: 100px; }
.pp p { margin: 0 0 .8em; }

/* 番号付きの項・号・細目：番号は本文に原本どおり記載し、ぶら下げインデントで表示 */
.pp ol { list-style: none; margin: 0 0 .8em; padding: 0; }
.pp ol > li { display: grid; grid-template-columns: auto 1fr; column-gap: .3em; margin: 0 0 .5em; }
.pp ol > li > .pp-num { white-space: nowrap; }
.pp ol > li > .pp-body > *:last-child { margin-bottom: 0; }
.pp ol ol { margin-top: .5em; }
.pp .pp-term { display: block; }

/* 第3条の表（スマホでは横スクロール） */
.pp .pp-table-wrap { overflow-x: auto; margin: .6em 0 1em; }
.pp table.pp-table { border-collapse: collapse; width: 100%; min-width: 640px; }
.pp table.pp-table th,
.pp table.pp-table td { border: 1px solid var(--pp-rule); padding: .5em .8em; vertical-align: top; text-align: left; }
.pp table.pp-table th { background: var(--pp-bg); font-weight: bold; white-space: nowrap; }
.pp table.pp-table td ul { list-style: none; margin: 0; padding: 0; }

/* 第7条 情報収集モジュール */
.pp dl.pp-module { display: grid; grid-template-columns: auto 1fr; gap: .2em .5em; margin: 0 0 .8em; }
.pp dl.pp-module dt, .pp dl.pp-module dd { margin: 0; }
.pp a { word-break: break-all; }

/* お問合せ窓口 */
.pp .pp-contact { background: var(--pp-bg); border: 1px solid var(--pp-rule); padding: 1em 1.2em; margin: .8em 0 1em; }
.pp .pp-contact p { margin: 0; }
.pp .pp-contact .pp-contact-title { font-weight: bold; margin-bottom: .3em; }

/* 制定日 */
.pp .pp-date { text-align: right; margin-top: 2.5em; }

@media screen and (max-width: 800px) {
  .pp_wrap {
    font-size: 14px;
    padding: 50px 0 60px;
  }
}