@charset "UTF-8";
/* ========================================================
変数
======================================================== */
/* ========================================================
変数
======================================================== */
/* ========================================================
mixin
======================================================== */
/* ========================================================
line-heightで発生した余白を取り除くmixin
font−sizeは要素のフォントサイズ(px),font−sizeは要素のフォントサイズ(px),vaにはデザインカンプの行送り,$base-marginは本来設定するmarginが入ります。
======================================================== */
/* ========================================================
line-heightの設定のmixin
font−sizeは要素のフォントサイズ(px),font−sizeは要素のフォントサイズ(px),vaにはデザインカンプの行送りが入ります。
======================================================== */
/* ========================================================
line-heightで発生した余白を取り除く関数を数値だけ設定するfunction
======================================================== */
/* ========================================================
line-heightで発生した余白を取り除いたmarginを設定するmixin
======================================================== */
/* ========================================================
line-heightで発生した余白を取り除いたpaddingを設定するmixin
======================================================== */
/* ========================================================
font設定用mixin
======================================================== */
/* ========================================================
CSSで三角形を作るmixin
======================================================== */
/* ========================================================
カンプの幅からコンテンツ幅のパーセンテージを出すmixin
designwidthには、デザインの100designwidthには、デザインの100contentには、コンテンツ幅を入れます。
======================================================== */
/* ========================================================
フェードインアニメーションを出すmixin
======================================================== */
/* ========================================================
メディアクエリ用mixin
@include media (tablet もしくは pc){
    // tablet もしくは pcの時に適用するスタイル
}
======================================================== */
/* ========================================================
幅用mixin
======================================================== */
/* 
========================================================
センタリング用mixin
======================================================== */
/* ========================================================
マウスオーバー関連のmixin
======================================================== */
/* ========================================================
inline-blockでの隙間を削除
======================================================== */
/* ========================================================
ブロック内のテキストを押し出して非表示
======================================================== */
/* ========================================================
フォーム周りのリセット
======================================================== */
/* ========================================================
placeholderのカラー変更
======================================================== */
/* ========================================================
text-stroke
======================================================== */
/* ========================================================
変数
======================================================== */
/* ========================================================
	members.css => members用CSS
======================================================== */
.privacy-section {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.privacy-section .headline2 {
  font-size: 2rem;
  margin: calc(0px - 0.7rem) 0 2em;
  color: #B99880;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}
.privacy-section h4 {
  font-size: 1.4rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}
.privacy-section h5 {
  font-size: 1.4rem;
  margin: calc(40px - 1.2rem * (1.7 - 1) / 2) 0px calc(0px - 1.2rem * (1.7 - 1) / 2);
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}
.privacy-section h6 {
  font-size: 1.3rem;
  margin: calc(20px - 1.2rem * (1.7 - 1) / 2) 0px calc(0px - 1.2rem * (1.7 - 1) / 2);
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}
.privacy-section p {
  font-size: 1.3rem;
  margin: calc(10px - 1.1rem * (1.7 - 1) / 2) 0px calc(2em - 1.1rem * (1.7 - 1) / 2);
}
.privacy-section ul {
  list-style-type: none;
  margin-bottom: 2em;
}
.privacy-section ul li {
  position: relative;
  padding-left: 15px;
  font-size: 1.3rem;
  margin: calc(10px - 1.3rem * (1.7 - 1) / 2) 0px calc(0px - 1.3rem * (1.7 - 1) / 2);
}
.privacy-section ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.privacy-section ol {
  counter-reset: item2;
  list-style-type: none;
  margin-bottom: 2em;
}
.privacy-section ol li {
  position: relative;
  padding-left: 15px;
  font-size: 1.3rem;
  margin: calc(10px - 1.3rem * (1.7 - 1) / 2) 0px calc(0px - 1.3rem * (1.7 - 1) / 2);
}
.privacy-section ol li::before {
  counter-increment: item2;
  content: counter(item2) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.privacy-section .ind {
  margin-left: 1em;
}
.privacy-section .sub-headline {
  margin-bottom: 0;
}
.privacy-section .sub-headline-num {
  margin-left: 1em;
  text-indent: -1em;
}
.privacy-section .mb0 {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .privacy-section {
    width: 90%;
    margin: 0 auto;
  }
}