コンテンツ・LP部品
FAQセクション
質問をクリックすると答えがなめらかに開くアコーディオン式のよくある質問。開いている項目のシェブロンが回転し、一度に複数開けます。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="stage">
<ul class="faq" id="faq">
<li class="faq-item">
<button class="faq-q" aria-expanded="false" aria-controls="faq-a1">
<span>無料プランでもずっと使えますか？</span>
<svg class="faq-chevron" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><polyline points="3,5 7,9 11,5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="faq-a" id="faq-a1" role="region">
<p>はい。無料プランは期間の制限なくご利用いただけます。プロジェクト数や保存容量に上限がありますが、基本機能はすべてお使いいただけます。</p>
</div>
</li>
<li class="faq-item">
<button class="faq-q" aria-expanded="false" aria-controls="faq-a2">
<span>いつでも解約できますか？</span>
<svg class="faq-chevron" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><polyline points="3,5 7,9 11,5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="faq-a" id="faq-a2" role="region">
<p>はい、いつでも解約できます。解約後も請求期間の終わりまでは有料機能をご利用いただけ、違約金は一切かかりません。</p>
</div>
</li>
<li class="faq-item">
<button class="faq-q" aria-expanded="false" aria-controls="faq-a3">
<span>チームで共有して使えますか？</span>
<svg class="faq-chevron" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><polyline points="3,5 7,9 11,5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="faq-a" id="faq-a3" role="region">
<p>Teamプランでメンバーを招待し、権限を分けて共同編集できます。監査ログやSSOにも対応しています。</p>
</div>
</li>
</ul>
</div>