@charset "UTF-8";
/* =============================================================
   個人情報の取り扱いについて（プライバシーポリシー）ページ専用スタイル

   ※このファイルは SCSS からのコンパイル対象ではありません。
     （SP 用 /assets/css/sp/style.css と同様、直接編集してください）
   ※PC（/assets/css/style.css）・SP（/assets/css/sp/style.css）
     どちらの後ろに読み込んでも成立するように記述しています。
   ============================================================= */

.privacyArea {
  width: calc(100% - 160px);
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 0 0;
  color: #333;
}

/* 言語出し分け（common.js が body に付与する jp / en クラスで切り替え） */
.privacyArea__lang {
  display: none;
}
.privacyArea__lang--ja {
  display: block;
}
body.en .privacyArea__lang--ja {
  display: none;
}
body.en .privacyArea__lang--en {
  display: block;
}
body.jp .privacyArea__lang--en {
  display: none;
}

.privacyArea__title {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 2px solid #f06e00;
}

.privacyArea__section {
  margin-bottom: 32px;
}

.privacyArea__heading {
  font-size: 2rem;
  font-weight: bold;
  color: #f06e00;
  padding-left: 12px;
  margin-bottom: 12px;
  border-left: 4px solid #f06e00;
}

.privacyArea__subheading {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 20px 0 8px;
}

.privacyArea__text {
  font-size: 1.5rem;
  line-height: 1.9;
}
.privacyArea__text + .privacyArea__text {
  margin-top: 12px;
}

.privacyArea__list {
  margin-top: 8px;
}
.privacyArea__list--num {
  list-style: decimal;
  padding-left: 1.8em;
}
.privacyArea__list--disc {
  list-style: disc;
  padding-left: 1.6em;
}
.privacyArea__list li {
  font-size: 1.5rem;
  line-height: 1.9;
}
.privacyArea__list li + li {
  margin-top: 8px;
}
.privacyArea__list .privacyArea__list {
  margin-top: 8px;
  margin-bottom: 8px;
}

.privacyArea__link {
  color: #f06e00;
  text-decoration: underline;
  word-break: break-all;
}

/* SP 表示 */
@media screen and (max-width: 768px) {
  .privacyArea {
    width: calc(100% - 40px);
    padding-top: 32px;
  }
  .privacyArea__title {
    font-size: 2.2rem;
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
  .privacyArea__heading {
    font-size: 1.7rem;
  }
  .privacyArea__text,
  .privacyArea__list li {
    font-size: 1.4rem;
  }
}

/* UA 判定で SP 表示にしている場合（body.is-sp-view）にも同じ指定を適用 */
.is-sp-view .privacyArea {
  width: calc(100% - 40px);
  padding-top: 32px;
}
.is-sp-view .privacyArea__title {
  font-size: 2.2rem;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.is-sp-view .privacyArea__heading {
  font-size: 1.7rem;
}
.is-sp-view .privacyArea__text,
.is-sp-view .privacyArea__list li {
  font-size: 1.4rem;
}