/* ============================================================
   faq.css — よくあるご質問ページ専用 (page-faq.php)
   ============================================================ */
.faq-list{max-width:920px;margin:0 auto;border-top:1px solid var(--line)}
.faq-item{
  border-bottom:1px solid var(--line-soft);
}
.faq-q{
  padding:32px 20px;
  display:grid;grid-template-columns:60px 1fr 40px;
  gap:24px;align-items:center;
  cursor:pointer;
  transition:padding .3s;
}
.faq-q:hover{background:var(--paper-2)}
.faq-q-mark{
  font-family:"Shippori Mincho",serif;
  font-size:32px;font-weight:600;
  color:var(--copper);
  line-height:1;
}
.faq-q-text{
  font-family:"Shippori Mincho",serif;
  font-size:16px;font-weight:500;
  color:var(--sumi);line-height:1.7;
}
.faq-toggle{
  width:36px;height:36px;
  border:1px solid var(--sumi);
  display:flex;align-items:center;justify-content:center;
  position:relative;
  flex-shrink:0;
}
.faq-toggle::before,.faq-toggle::after{
  content:"";position:absolute;
  background:var(--sumi);
}
.faq-toggle::before{width:14px;height:1px}
.faq-toggle::after{width:1px;height:14px;transition:transform .3s}
.faq-item.open .faq-toggle::after{transform:rotate(90deg)}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .4s ease;
}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{
  padding:0 20px 32px 104px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;
}
.faq-a-mark{
  font-family:"Shippori Mincho",serif;
  font-size:32px;font-weight:600;
  color:var(--text-mute);line-height:1;
}
.faq-a-text{
  font-family:"Shippori Mincho",serif;
  font-size:14px;color:var(--ink);
  line-height:2;padding-top:6px;
}