@charset "UTF-8";

/* =====================================================================
 * のびのびクリニック プライバシーポリシー用スタイル
 * ---------------------------------------------------------------------
 * reset.css と footer.css はフォーム側（../form/css/）を読み込んでいる。
 * フッターの見た目をフォームと自動で揃えるため（片方だけ直る事故を防ぐ）。
 * 配色は form-nobinobi.css と同じ値をここにも置いている
 * （form-outside.css を読むとフォーム専用の指定まで効いてしまうため）。
 * ===================================================================== */

:root {
  --nb-main:      #B95E33; /* ロゴから抽出したブランドカラー */
  --nb-main-dark: #9C4B27;
  --nb-bg:        #FBF5F0;
  --nb-line:      #E6D6CB;
  --nb-text:      #3D3330;
  --nb-gray:      #A2918A;
}

body {
  color: var(--nb-text);
  background: #fff;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.9;
  -webkit-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------
 * ヘッダー（フォームの FormHead と同じ見た目）
 * ------------------------------------------------------------------- */
.PolicyHead {
  background: var(--nb-bg);
  padding: 26px 16px 22px;
  text-align: center;
}

.PolicyHead__logo {
  margin: 0;
  line-height: 1;
}

.PolicyHead__logo img {
  width: 190px;
  height: auto;
}

/* ---------------------------------------------------------------------
 * 本文
 * ------------------------------------------------------------------- */
.Policy {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px 0;
}

/* reset.css が p{font-size:10px} を当てているので、ここで戻す */
.Policy p {
  font-size: 15px;
}

.Policy__title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: var(--nb-main);
  margin: 0 0 28px;
}

.Policy__lead {
  margin: 0 0 36px;
}

.Policy__section {
  margin: 0 0 32px;
}

.Policy__section h2 {
  font-size: 17px;
  font-weight: bold;
  color: var(--nb-main);
  border-bottom: 2px solid var(--nb-line);
  padding: 0 0 8px;
  margin: 0 0 14px;
}

.Policy__section p {
  margin: 0 0 12px;
}

.Policy__section p:last-child {
  margin-bottom: 0;
}

/* 番号つきリスト（利用目的・第三者提供の除外事由） */
.Policy__list {
  margin: 0 0 12px;
  padding-left: 1.6em;
  list-style: decimal;
}

.Policy__list li {
  margin: 0 0 6px;
}

/* 取得する情報：（1）〜（4）の見出しと中身 */
.Policy__dl {
  margin: 0;
}

.Policy__dl dt {
  font-weight: bold;
  margin: 14px 0 2px;
}

.Policy__dl dt:first-child {
  margin-top: 0;
}

.Policy__dl dd {
  margin: 0 0 0 1.2em;
}

.Policy__note {
  background: var(--nb-bg);
  border-radius: 6px;
  padding: 14px 16px;
  margin: 16px 0 0;
  font-size: 14px;
}

.Policy__update {
  text-align: right;
  color: var(--nb-gray);
  font-size: 13px;
  margin: 32px 0 0;
}

/* ---------------------------------------------------------------------
 * SP
 * ------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  .PolicyHead__logo img {
    width: 150px;
  }

  .Policy {
    padding: 28px 18px 0;
  }

  .Policy p {
    font-size: 14px;
  }

  .Policy__title {
    font-size: 19px;
    margin-bottom: 22px;
  }

  .Policy__section h2 {
    font-size: 16px;
  }
}