@charset "UTF-8";
/* color import setting
------------------------------------*/
/* ========================================
   color setting
   ======================================== */
/* ----------------------------------------
   1. 基本色（黒・白・グレー）
   ---------------------------------------- */
/* ----------------------------------------
   2. カラー（赤・青・緑・黄）
   ---------------------------------------- */
/* ----------------------------------------
   3. 背景色
   ---------------------------------------- */
/* フォームエラー時の入力欄背景（薄いピンク） */
/* ----------------------------------------
   4. 透明度付き色
   ---------------------------------------- */
/* privacyIntro setting
------------------------------------*/
#privacyIntro {
  margin: 0 auto;
  width: 90%;
  max-width: 960px;
}
#privacyIntro .inner .pageTitle {
  margin: 0 0 25px -50px;
  width: 250px;
}
#privacyIntro .inner .pageTitle.pageTitle::after {
  left: 50px;
}
#privacyIntro .inner .pageTitle small {
  left: 240px;
}
#privacyIntro .inner p {
  margin: 0 0 60px;
  line-height: 1.8;
  font-size: 15px;
}

/* privacy Content setting
------------------------------------*/
#privacyContent {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background: #333344 url(../../img/common/bg_common-pattern_pc.webp) center 0/100% auto no-repeat;
  width: 100%;
  padding: 70px 0 60px;
}
#privacyContent .inner {
  box-sizing: border-box;
  border-radius: 15px 0 15px 0;
  background: #fff;
  margin: 0 auto;
  padding: 55px;
  width: 90%;
  max-width: 1010px;
}
#privacyContent .inner ol {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  counter-reset: privacy;
}
#privacyContent .inner ol > li {
  margin: 0 0 32px;
  padding: 0 0 24px;
  border-bottom: 1px solid #f0f0f0;
  counter-increment: privacy;
}
#privacyContent .inner ol > li:last-of-type {
  border-bottom: none;
}
#privacyContent .inner ol h2 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #182227;
}
#privacyContent .inner ol h2::before {
  content: counter(privacy) ". ";
}
#privacyContent .inner ol p {
  margin: 0 0 12px;
  line-height: 1.8;
  letter-spacing: 0;
  font-size: 14px;
}
#privacyContent .inner ol ul {
  margin: 0 0 12px;
  padding: 0 0 0 2.5em;
  list-style: disc;
}
#privacyContent .inner ol ul li {
  margin: 0 0 4px;
  line-height: 1.8;
  font-size: 13px;
}
#privacyContent .inner ol ul li::marker {
  color: #0087ac;
}
#privacyContent .inner .privacyDate {
  line-height: 1.8;
  text-align: right;
  font-size: 12px;
}

/* ------------------------------------------------------------------------
	Ajustment For Small PC Window 
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	Ajustment For Smart Phone 
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  /* privacyIntro setting
  ------------------------------------*/
  #privacyIntro {
    width: 92vw;
  }
  #privacyIntro .inner .pageTitle {
    margin: 0 0 6.6666667vw;
    width: 100%;
  }
  #privacyIntro .inner .pageTitle.pageTitle::after {
    left: 50%;
  }
  #privacyIntro .inner .pageTitle small {
    left: 0;
    font-size: 14vw;
  }
  #privacyIntro .inner p {
    margin: 0 0 8vw;
    line-height: 1.85;
    font-size: 3.733333vw;
  }

  /* privacy Content setting
  ------------------------------------*/
  #privacyContent {
    box-shadow: 0 0.53333vw 2.13333vw rgba(0, 0, 0, 0.15);
    background: #333344 url(../../img/common/bg_common-pattern_sp.webp) center 0/100% auto no-repeat;
    padding: 8vw 0 12vw;
  }
  #privacyContent .inner {
    border-radius: 4vw 0 4vw 0;
    margin: 0 auto 7.2vw;
    padding: 8vw 4vw;
    width: 92vw;
  }
  #privacyContent .inner ol {
    margin: 0 0 40px;
  }
  #privacyContent .inner ol > li {
    margin: 0 0 4vw;
    padding: 4vw 1.2vw;
    border-bottom: 1px solid #f0f0f0;
  }
  #privacyContent .inner ol h2 {
    margin: 0 0 4vw;
    font-size: 4vw;
    color: #0087ac;
  }
  #privacyContent .inner ol h2::before {
    content: counter(privacy) ". ";
  }
  #privacyContent .inner ol p {
    margin: 0 0 2.4vw;
    line-height: 1.6;
    font-size: 3.733333vw;
  }
  #privacyContent .inner ol ul {
    margin: 0 0 2.4vw;
  }
  #privacyContent .inner ol ul li {
    margin: 0 0 1.2vw;
    font-size: 3.2vw;
  }
  #privacyContent .inner .privacyDate {
    font-size: 2.666667vw;
  }
}