/* qna.css : よくある質問ページ固有スタイル（common.css の後に読み込む） */

/* スクロールで浮かび上がる演出 */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

.page-body .prose > section{margin-bottom:48px}
.page-body .prose > section:last-of-type{margin-bottom:40px}

/* FAQアコーディオン */
.faq-list{display:grid;gap:14px;margin-top:8px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq-item summary{cursor:pointer;list-style:none;padding:22px 26px;font-family:"Noto Serif JP",serif;font-size:1.02rem;color:var(--brown);display:flex;justify-content:space-between;align-items:flex-start;letter-spacing:.02em;gap:18px;transition:background .25s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--base)}
.faq-item summary .q{display:flex;gap:14px;align-items:flex-start;line-height:1.7}
.faq-item summary .q::before{content:"Q";flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--leaf),var(--green-deep));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:"Noto Serif JP",serif;font-size:.9rem;margin-top:1px}
.faq-item summary .mark{flex:none;color:var(--gold);font-size:1.3rem;transition:.3s;line-height:1.4}
.faq-item[open] summary{background:var(--base)}
.faq-item[open] summary .mark{transform:rotate(45deg)}
.faq-item .a{padding:4px 28px 26px 68px;font-size:.93rem;color:var(--ink-soft);line-height:2.05;border-top:1px solid var(--line);margin-top:-1px;padding-top:22px}
.faq-item .a .note{display:inline-block;margin-top:8px;font-size:.84rem;color:var(--green-deep)}

@media(max-width:980px){
  .page-body .prose > section{margin-bottom:40px}
  .faq-item summary{padding:18px 20px;font-size:.96rem}
  .faq-item .a{padding:18px 20px 22px 20px}
}