/* =========================================================
   privacy.css
   個人情報のお取り扱いページ（privacy.html）専用スタイル
   ========================================================= */

.privacy-page-header{text-align:center;}
.privacy-page-header h1{font-size:24px;}

.privacy-body{padding-top:8px; padding-bottom:16px;}
.privacy-content{max-width:76ch; margin:0 auto;}
.privacy-lead{font-size:14.5px; color:#2A303C; line-height:1.9; margin-bottom:36px;}

.privacy-section{margin-top:32px; padding-top:28px; border-top:1px solid var(--line);}
.privacy-section:first-of-type{margin-top:0; padding-top:0; border-top:none;}
.privacy-section h2{
  font-size:17px; font-weight:700; color:var(--blue-dark);
  border-left:4px solid var(--blue); padding-left:12px; margin-bottom:14px;
}
.privacy-section h3{font-size:14.5px; font-weight:700; color:var(--blue-dark); margin:18px 0 10px;}
.privacy-section p{font-size:14px; color:#2A303C; line-height:1.9; margin-bottom:14px;}
.privacy-section p:last-child{margin-bottom:0;}

.privacy-list{margin-bottom:14px;}
.privacy-list li{position:relative; padding-left:18px; font-size:13.5px; color:#2A303C; line-height:1.85;}
.privacy-list li::before{content:''; position:absolute; left:3px; top:10px; width:5px; height:5px; border-radius:50%; background:var(--blue);}
.privacy-list:last-child{margin-bottom:0;}

.privacy-meta-box{
  background:var(--bg-soft); border-radius:12px; padding:16px 20px;
  font-size:13.5px; color:#2A303C; line-height:1.85; margin-bottom:14px;
}
.privacy-meta-box:last-child{margin-bottom:0;}
.privacy-meta-box p{font-size:13.5px; margin-bottom:0;}

.privacy-date{text-align:right; font-size:13px; color:var(--gray-text); margin-top:36px;}

@media (max-width:520px){
  .privacy-page-header h1{font-size:16px;}
}
@media (max-width:340px){
  .privacy-page-header h1{font-size:14px;}
}