/* FAQ 一覧(10/8): 行をクリックすると回答が行の下に開く。開閉の土台(.cs-row-detail の max-height と矢印の回転)はテーマ customer-service.css にある */
.cs-list-faq .cs-row-wrap{display:block}
.cs-list-faq .cs-row-wrap:hover .cs-row-title{color:#000B83}
.cs-list-faq .cs-row-faq{cursor:pointer;user-select:none}
.cs-list-faq .cs-row-faq:focus-visible{outline:2px solid #0047AB;outline-offset:-2px}
.cs-list-faq .cs-row-wrap.is-open .cs-row-detail{max-height:4000px}
.cs-list-faq .cs-row-wrap.is-open .cs-row-title{white-space:normal;line-height:1.4}   /* 開いたときは質問を省略せず全文 */
/* 回答: 質問の文字位置(分類 150px + 間隔 30px + 左余白 36px)に揃える */
.cs-faq-answer{padding:2px 60px 28px 216px;font-size:15px;line-height:1.9;color:#333;overflow-wrap:anywhere;text-wrap:pretty}
.cs-faq-answer p{margin:0 0 12px}
.cs-faq-answer a{color:#0047AB;text-decoration:underline;text-underline-offset:3px}
.cs-faq-more{display:inline-block;font-size:13px;font-weight:600}
.cs-faq-more::after{content:" →"}
@media (max-width:1024px){
  .cs-faq-answer{padding:0 20px 22px;font-size:14px;line-height:1.85}
}
