/* ==========================================================================
   プライバシーポリシーページ専用スタイル（privacy.html）
   共通パーツ（header / footer / to-top 等）は css/style.css を参照。
   ========================================================================== */

.policy{
  padding: 14.6rem 0 8rem;
}
.align-center{
  text-align: center;
}
.policy__body{
  max-width: 90rem;
  margin: 4rem auto 0;
}
.policy__lead{
  font-family: var(--font-sans);
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: var(--c-text-gray);
  margin-bottom: 5rem;
}
.policy__section{
  margin-bottom: 4rem;
}
.policy__section h2{
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 2rem;
  color: var(--c-navy);
  border-left: .4rem solid var(--c-pink);
  padding-left: 1.4rem;
  margin-bottom: 1.6rem;
}
.policy__section p{
  font-family: var(--font-sans);
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: var(--c-text);
}
.policy__section ul{
  margin-top: 1rem;
}
.policy__section li{
  position: relative;
  font-family: var(--font-sans);
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: var(--c-text);
  padding-left: 1.8rem;
  margin-bottom: .6rem;
}
.policy__section li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: var(--c-pink);
}
.policy__contact-btn{
  margin-top: 2rem;
}
.policy__date{
  font-family: var(--font-sans);
  font-size: 1.4rem;
  color: var(--c-text-gray);
  text-align: right;
  margin-top: 6rem;
}

/* ==========================================================================
   レスポンシブ（768px以下）
   ========================================================================== */
@media (max-width: 767px){
  .policy{ padding: 9rem 0 4rem; }
  .policy__lead{ font-size: 1.4rem; line-height: 2.4rem; margin-bottom: 3.5rem; }
  .policy__section{ margin-bottom: 3rem; }
  .policy__section h2{ font-size: 1.7rem; }
  .policy__section p,
  .policy__section li{ font-size: 1.4rem; line-height: 2.3rem; }
}