@charset "UTF-8";

/* =========================================================
   プライバシーポリシーページ（privacy.html）専用
   デザイン画像のない下層ページなので、フォームの個人情報保護方針欄と
   同じ文字組み（見出しの青い縦線・番号付きリスト）をそのまま大きくして使う
   ========================================================= */

.ppolicy {
  padding: calc(6.1979 * var(--u)) 0 calc(6.7188 * var(--u));
  background: #fff;
}

.ppolicy__title {
  width: min(41.6667%, calc(100vw - 60px));
  margin: 0 auto;
  padding-bottom: calc(1.0417 * var(--u));
  border-bottom: calc(.2083 * var(--u)) solid #14a2e4;
  color: #222;
  font-size: calc(2.0833 * var(--u));
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.ppolicy__body {
  width: min(41.6667%, calc(100vw - 60px));
  margin: calc(2.4479 * var(--u)) auto 0;
  color: #444;
  font-size: calc(.9375 * var(--u));
  line-height: 1.9;
  text-align: left;
}

.ppolicy__lead {
  margin-bottom: calc(.8333 * var(--u));
  color: #222;
  font-size: calc(1.1458 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.ppolicy__heading {
  margin-top: calc(1.875 * var(--u));
  padding-left: calc(.5208 * var(--u));
  border-left: calc(.2083 * var(--u)) solid #14a2e4;
  color: #222;
  font-size: calc(1.0417 * var(--u));
  font-weight: 700;
  line-height: 1.6;
}

.ppolicy__text {
  margin-top: calc(.625 * var(--u));
}

.ppolicy__list {
  margin-top: calc(.625 * var(--u));
  list-style: none;
}

.ppolicy__list li {
  padding-left: 1em;
  text-indent: -1em;
}

.ppolicy__info {
  margin-top: calc(1.875 * var(--u));
  padding-top: calc(1.0417 * var(--u));
  border-top: 1px solid #e2e2e2;
}

.ppolicy__info dt {
  font-weight: 700;
  color: #222;
}

.ppolicy__info dd {
  margin-bottom: calc(.5208 * var(--u));
}

/* 「トップページへ戻る」は法人概要ページと同じ .cback（style.css）を使う */

/* =========================================================
   SP （750px以下 / デザイン基準幅 750px）
   --u = 1vw ＝ デザイン7.5px。CSS値は「デザインpx ÷ 7.5」で算出。
   ========================================================= */
@media screen and (max-width: 750px) {

  .ppolicy {
    padding: calc(12.1333 * var(--u)) 0 calc(12.4 * var(--u));
  }

  .ppolicy__title {
    width: 89.4667%;
    padding-bottom: calc(2.6667 * var(--u));
    border-bottom-width: calc(.5333 * var(--u));
    font-size: calc(5.3333 * var(--u));
  }

  .ppolicy__body {
    width: 89.4667%;
    margin-top: calc(4.8 * var(--u));
    font-size: calc(3.4667 * var(--u));
    line-height: 1.8;
  }

  .ppolicy__lead {
    margin-bottom: calc(2.1333 * var(--u));
    font-size: calc(4 * var(--u));
  }

  .ppolicy__heading {
    margin-top: calc(4.8 * var(--u));
    padding-left: calc(1.3333 * var(--u));
    border-left-width: calc(.5333 * var(--u));
    font-size: calc(3.7333 * var(--u));
  }

  .ppolicy__text,
  .ppolicy__list {
    margin-top: calc(1.6 * var(--u));
  }

  .ppolicy__info {
    margin-top: calc(4.8 * var(--u));
    padding-top: calc(2.6667 * var(--u));
  }

  .ppolicy__info dd {
    margin-bottom: calc(1.3333 * var(--u));
  }

}