/* ===================================================
プライバシーポリシー
 =================================================== */

/* ページタイトル */
div.title-image.privacy-title { background-image:url(../img/privacy/main-image.jpg); }

/* 共通 */
p.read-text, section.privacy-content { padding:0 20px; margin-bottom:80px; }
.margin-b16 { margin-bottom:16px; }
.margin-b40 { margin-bottom:40px; }

/* 見出し */
section.privacy-content h2.icon-midahi { margin-bottom:55px; }

/* テキスト */
section.privacy-content p { line-height:24px; }

/* リスト */
ul.count-list { align-self:stretch; display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
ul.count-list li { text-indent:-48px; padding-left:48px; list-style:none; }
ul.count-list li::before { color:var(--lb); font-size:24px; font-weight:600; line-height:24px; }
ul.count-list li:nth-child(1):before { content:'１．'; }
ul.count-list li:nth-child(2):before { content:'２．'; }
ul.count-list li:nth-child(3):before { content:'３．'; }
ul.count-list li:nth-child(4):before { content:'４．'; }
ul.count-list li:nth-child(5):before { content:'５．'; }

/* 個人情報の取扱いについて */
div.toriatsukai { flex-direction:column; gap:56px; margin-bottom:40px; }
.flex-midashi { align-items:center; font-size:16px; font-weight:700; gap:16px; margin-bottom:8px; }
.flex-midashi img { height:40px; width:40px; }
.flex-midashi span { line-height:150%; width:calc( 100% - ( 40px + 8px ) ); }
div.box .indent { text-indent:56px; }
div.kanrisya ul { flex-direction:column; gap:4px; margin-bottom:8px; }
div.kanrisya ul li { line-height:150%; }
span.kakomi { border:1px solid var(--bk); border-radius:40px; display:inline-block; text-indent:0; padding:0 16px; margin-bottom:4px; }
.big-size { font-size:24px; font-weight:600; }
div.box img { margin:auto; height:auto; max-width:100%; }
ul.nmb-list li { align-items:flex-start; line-height:150%; margin-top:8px; }
ul.nmb-list li span { width:16px; }
ul.nmb-list li span.honbun { width:calc( 100% - 16px ); }
p.induction-form { font-weight:700; line-height:150%; margin-bottom:16px; }

/* お問い合わせボタン */
section.privacy-content a.hover-button { background-image:url(../img/footer/button-contact.svg); height:48px; width:144px; }
section.privacy-content a.hover-button:hover { background-image:url(../img/footer/button-contact-ov.svg); }

@container(min-width:960px) {

/* 共通 */
p.read-text, section.privacy-content { margin:auto; margin-bottom:80px; max-width:1000px; }
div.box p, div.box ul { margin:0 56px; }

/* 個人情報の取扱いについて */
div.toriatsukai p, ul.nmb-list li, p.induction-form { line-height:200%; }
p.induction-form { text-align:center; margin-bottom:40px; }
div.kanrisya ul { flex-direction:row; gap:8px; margin-left:56px; }
div.kanrisya ul li { text-indent:0; }
div.box p.indent { text-indent:0; }

}