/* =========================================================================
   線で区切ったアコーディオン（料金ページの「料金に関するご質問」と FAQ のページで共通）
   箱にせず、行の上下の線と右向きの印で区切る。開くと印が下を向く
   使い方: .faq-item（site.css）を並べた親に .faq-lines を付ける。分類の見出し（.faq-cat）のすぐ下の行と、最初の行に上の線が付く
   ========================================================================= */
.faq-lines .faq-item{margin:0;border:0;border-bottom:1px solid var(--n200);border-radius:0;background:transparent;overflow:visible}
.faq-lines .faq-item:first-child,.faq-lines .faq-cat + .faq-item{border-top:1px solid var(--n200)}
.faq-lines .faq-item summary{padding:var(--s-16) var(--s-8);font-size:16px;transition:color .15s ease}
.faq-lines .faq-item summary:hover,.faq-lines .faq-item[open] summary:hover{background:transparent;color:var(--p500)}
.faq-lines .faq-item[open] summary{padding-bottom:var(--s-8)}
.faq-lines .faq-item .faq-icon{width:18px;height:18px;transform:rotate(-90deg)}
.faq-lines .faq-item[open] .faq-icon{transform:rotate(0deg)}
.faq-lines .faq-item .faq-body{padding:0 var(--s-8) var(--s-24)}
/* 末尾の一文（FAQ のページ。ここにない質問の問い合わせ先） */
.faq-lines .faq-more{margin-top:var(--part);font-size:15px;line-height:1.85;color:var(--n600)}
.faq-lines .faq-more a{color:var(--p500);text-decoration:underline;text-underline-offset:3px}