検索…

カタログ統計

CATALOG › Content › FAQ

FAQ

よくある質問。アコーディオン、2 列、カテゴリ分類。

Patterns

Content

Group

isValid=0

Verified

CSS

Animation

FAQ — Two Column

faq-2col

Copy

Link

FAQ

よくあるご質問

無料トライアルはありますか？

14 日間の無料トライアルをご用意しています。クレジットカードの登録は不要で、すべての機能をお試しいただけます。

支払い方法は？

クレジットカード（Visa, Mastercard, JCB, AMEX）、銀行振込、PayPal にてお支払いいただけます。法人のお客様は請求書払いも可能です。

途中でプランを変更できますか？

いつでもアップグレード／ダウングレード可能です。差額は日割り計算で精算されます。

解約はいつでもできますか？

いつでも解約可能です。違約金は一切かかりません。解約後も次回請求日までは引き続きご利用いただけます。

データのセキュリティは？

SOC 2 Type II ・ ISO 27001 認証取得済みです。すべてのデータは AES-256 で暗号化、転送時には TLS 1.3 を使用します。

サポートはどう受けられますか？

メール、チャット、電話の 3 つの方法でサポートを提供しています。Pro プラン以上は優先サポート対応です。

パターン名: FAQ — Two Column
概要: Two-column FAQ list with bold question and short answer.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 auto、推奨コンテンツ幅 1080px、主要ブロック group, paragraph, heading, columns, column, heading, paragraph, heading

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-2col"} /-->

CSS:
.section-faq-2col { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-2col').forEach((el) => el.dataset.ready = 'true');

FAQ — Card List

faq-card-list

Copy

Link

疑問にお答えします

他にご質問があれば、お気軽にお問い合わせください。

Q. どのような業界で利用されていますか？

SaaS、E コマース、金融、医療、教育など、幅広い業界の 3,000 社以上にご利用いただいています。

Q. 既存ツールから移行できますか？

主要な競合製品からのデータ移行ツールをご用意しています。専任エンジニアが移行をサポートいたします。

Q. API ドキュメントは公開されていますか？

REST API ・ GraphQL ・ Webhook をすべて提供しています。詳細は開発者ポータルをご覧ください。

Q. 日本語での問い合わせは可能ですか？

もちろんです。日本語ネイティブのカスタマーサクセスチームが平日 9:00–18:00 に対応しております。

パターン名: FAQ — Card List
概要: Single-column FAQ rendered as Q/A cards with hover lift.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 縦積みの情報整理構造、幅配分 auto、推奨コンテンツ幅 760px、主要ブロック group, heading, paragraph, group, group, heading, paragraph, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをミニマルに見せる余白重視版 / FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-card-list"} /-->

CSS:
.section-faq-card-list { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-card-list').forEach((el) => el.dataset.ready = 'true');

FAQ — 4 Category Tiles

faq-category-tiles

Copy

Link

カテゴリから探す

💳

お支払い

12 件の質問

📦

配送・商品

8 件の質問

👤

アカウント

15 件の質問

🛠️

技術サポート

23 件の質問

パターン名: FAQ — 4 Category Tiles
概要: Four FAQ category tiles with icon / title / question count.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 1px / 1px / 1px / 1px、推奨コンテンツ幅 880px、主要ブロック group, heading, columns, column, group, paragraph, paragraph, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-category-tiles"} /-->

CSS:
.section-faq-category-tiles { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-category-tiles').forEach((el) => el.dataset.ready = 'true');

FAQ — Quality Layout 01

faq-quality-layout-01

Copy

Link

FAQ

FAQを商用サイトで使いやすくする

疑問を整理して不安を減らす

料金

回答

契約

補足

操作

関連

解約

相談

パターン名: FAQ — Quality Layout 01
概要: FAQ category commercial part with a distinct production layout.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 52% / 48% / 1px、推奨コンテンツ幅 1180px、主要ブロック group, columns, column, paragraph, heading, paragraph, column, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-01"} /-->

CSS:
.section-faq-quality-layout-01 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-01').forEach((el) => el.dataset.ready = 'true');

FAQ — Quality Layout 02

faq-quality-layout-02

Copy

Link

FAQ

疑問を整理して不安を減らす

料金

補足

実運用で差し替えやすい短い補足欄です。

契約

関連

実運用で差し替えやすい短い補足欄です。

操作

相談

実運用で差し替えやすい短い補足欄です。

解約

回答

実運用で差し替えやすい短い補足欄です。

パターン名: FAQ — Quality Layout 02
概要: FAQ category commercial part with a distinct production layout.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: カバー領域とカラム分割を組み合わせた構造、幅配分 25% / 25% / 1px / 25% / 25%、推奨コンテンツ幅 940px、主要ブロック group, cover, paragraph, heading, columns, column, group, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをミニマルに見せる余白重視版 / FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-02"} /-->

CSS:
.section-faq-quality-layout-02 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-02').forEach((el) => el.dataset.ready = 'true');

FAQ — Quality Layout 03

faq-quality-layout-03

Copy

Link

FAQ

用途を固定して内容を展開

左に役割、右に実データを置くため、サイト制作時に差し替えやすい構成です。

FAQ

FAQを商用サイトで使いやすくする

疑問を整理して不安を減らす

料金

回答までの判断を短く示します。

契約

補足までの判断を短く示します。

操作

関連までの判断を短く示します。

パターン名: FAQ — Quality Layout 03
概要: FAQ category commercial part with a distinct production layout.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 42% / 1px / 58%、推奨コンテンツ幅 1100px、主要ブロック group, columns, column, group, group, paragraph, heading, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-03"} /-->

CSS:
.section-faq-quality-layout-03 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-03').forEach((el) => el.dataset.ready = 'true');

FAQ — Quality Layout 04

faq-quality-layout-04

Copy

Link

FAQ

料金

相談

契約

回答

操作

補足

解約

関連

相談

パターン名: FAQ — Quality Layout 04
概要: FAQ category commercial part with a distinct production layout.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 縦積みの情報整理構造、幅配分 1px / 1px、推奨コンテンツ幅 750px、主要ブロック group, group, group, paragraph, heading, group, group, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをミニマルに見せる余白重視版 / FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-04"} /-->

CSS:
.section-faq-quality-layout-04 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-04').forEach((el) => el.dataset.ready = 'true');

FAQ — Quality Layout 05

faq-quality-layout-05

Copy

Link

FAQ

FAQを商用サイトで使いやすくする

疑問を整理して不安を減らす

料金

回答

実運用で差し替えやすい短い補足欄です。

契約

補足

実運用で差し替えやすい短い補足欄です。

操作

関連

実運用で差し替えやすい短い補足欄です。

パターン名: FAQ — Quality Layout 05
概要: FAQ category commercial part with a distinct production layout.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 66% / 1px / 34% / 1px、推奨コンテンツ幅 860px、主要ブロック group, columns, column, group, paragraph, heading, paragraph, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-05"} /-->

CSS:
.section-faq-quality-layout-05 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-05').forEach((el) => el.dataset.ready = 'true');

FAQ – Quality Layout 06

faq-quality-layout-06

Copy

Link

FAQ

FAQ layout system

疑問を整理して不安を減らす

回答

補足

関連

相談

料金

回答

Production-ready block composition.

契約

補足

Production-ready block composition.

操作

関連

Production-ready block composition.

解約

相談

Production-ready block composition.

パターン名: FAQ – Quality Layout 06
概要: FAQ category commercial part with a second distinct layout family.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 1px / 1px、推奨コンテンツ幅 1060px、主要ブロック group, paragraph, heading, paragraph, group, group, paragraph, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをミニマルに見せる余白重視版 / FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-06"} /-->

CSS:
.section-faq-quality-layout-06 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-06').forEach((el) => el.dataset.ready = 'true');

FAQ – Quality Layout 07

faq-quality-layout-07

Copy

Link

STATUS

Operational ledger

料金

補足

契約

関連

操作

相談

解約

回答

FAQ

Primary message area

A larger visual field for direction, recovery, proof, or navigation.

パターン名: FAQ – Quality Layout 07
概要: FAQ category commercial part with a second distinct layout family.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: カバー領域とカラム分割を組み合わせた構造、幅配分 40% / 1px / 60%、推奨コンテンツ幅 1130px、主要ブロック group, columns, column, group, paragraph, heading, group, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-07"} /-->

CSS:
.section-faq-quality-layout-07 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-07').forEach((el) => el.dataset.ready = 'true');

FAQ – Quality Layout 08

faq-quality-layout-08

Copy

Link

INDEX

料金

契約

操作

解約

FAQ

FAQ layout system

疑問を整理して不安を減らす

料金

関連

Production-ready block composition.

契約

相談

Production-ready block composition.

NOTES

Use this side pane for prerequisites, links, secondary explanation, or local navigation.

回答

パターン名: FAQ – Quality Layout 08
概要: FAQ category commercial part with a second distinct layout family.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 24% / 1px / 50% / 1px / 50%、推奨コンテンツ幅 1230px、主要ブロック group, columns, column, group, paragraph, group, paragraph, paragraph

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをミニマルに見せる余白重視版 / FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-08"} /-->

CSS:
.section-faq-quality-layout-08 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-08').forEach((el) => el.dataset.ready = 'true');

FAQ – Quality Layout 09

faq-quality-layout-09

Copy

Link

FAQ

FAQ layout system

疑問を整理して不安を減らす

解約

相談

Open

料金

回答

Open

契約

補足

Open

パターン名: FAQ – Quality Layout 09
概要: FAQ category commercial part with a second distinct layout family.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 複数カラムで情報を分割する構造、幅配分 38% / 62% / 1px、推奨コンテンツ幅 1215px、主要ブロック group, columns, column, paragraph, heading, paragraph, column, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-09"} /-->

CSS:
.section-faq-quality-layout-09 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-09').forEach((el) => el.dataset.ready = 'true');

FAQ – Quality Layout 10

faq-quality-layout-10

Copy

Link

FAQ

FAQ layout system

疑問を整理して不安を減らす

料金

Start

Production-ready block composition.

契約

Compare

Production-ready block composition.

操作

Decide

Production-ready block composition.

パターン名: FAQ – Quality Layout 10
概要: FAQ category commercial part with a second distinct layout family.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: カバー領域とカラム分割を組み合わせた構造、幅配分 30% / 40% / 1px / 30%、推奨コンテンツ幅 1280px、主要ブロック group, cover, paragraph, heading, paragraph, columns, column, group

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: FAQをリッチに見せるカバー/カード強調版 / FAQをコーポレート向けに整える情報密度高め版 / FAQをカジュアルに見せるアイコン/ラベル強調版 / FAQをモバイル特化にした単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-quality-layout-10"} /-->

CSS:
.section-faq-quality-layout-10 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-quality-layout-10').forEach((el) => el.dataset.ready = 'true');

FAQ — EX01 Accordion Five

faq-ex01-accordion-5

Copy

Link

よくあるご質問

予約なしでも利用できますか?

はい、当日のご利用も可能です。ただし混雑時はご予約のお客さまを優先してご案内します。

支払い方法は何が使えますか?

現金・各種クレジットカード・交通系 IC・主要 QR 決済に対応しています。

子ども連れでも大丈夫ですか?

もちろんです。お子さま用の椅子と食器をご用意しています。ベビーカーもそのままどうぞ。

キャンセルや変更はできますか?

前日までは無料で変更・キャンセルいただけます。当日の場合はお電話にてご相談ください。

ギフト用のラッピングはできますか?

無料で承ります。のし・メッセージカードをご希望の場合はご注文時にお知らせください。

解決しない場合は、お問い合わせフォームからお気軽にご相談ください。

パターン名: FAQ — EX01 Accordion Five
概要: Five-question accordion with section heading and contact note.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex01-accordion-5"} /-->

CSS:
.section-faq-ex01-accordion-5 { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex01-accordion-5').forEach((el) => el.dataset.ready = 'true');

FAQ — EX02 Two Column Q Cards

faq-ex02-2col-cards

Copy

Link

Q&A

Q. 見積りだけでも頼めますか?

A. はい、お見積りは無料です。内容にご納得いただいてからのご契約で構いません。

Q. 対応エリアはどこまでですか?

A. 市内全域と近隣市町村に対応しています。その他の地域もまずはご相談ください。

Q. 納期はどのくらいですか?

A. 標準的な内容で 2〜3 週間です。お急ぎの場合は特急対応もご相談いただけます。

Q. アフターサポートはありますか?

A. 納品後 1 年間は無償で対応します。その後も保守プランをご用意しています。

パターン名: FAQ — EX02 Two Column Q Cards
概要: Four question cards in a two-by-two arrangement.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex02-2col-cards"} /-->

CSS:
.section-faq-ex02-2col-cards { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex02-2col-cards').forEach((el) => el.dataset.ready = 'true');

FAQ — EX03 Dark Accordion

faq-ex03-dark

Copy

Link

よくあるご質問

オーダーメイドの相談はできますか?

承ります。ご予算とご希望を伺い、職人と相談のうえお見積りをご提示します。

修理やメンテナンスは受け付けていますか?

当店でお求めの品は永年修理を承ります。他店の品もまずは状態を拝見します。

海外への配送はできますか?

EMS にて対応しています。送料と日数は配送先により異なりますのでお問い合わせください。

パターン名: FAQ — EX03 Dark Accordion
概要: Accordion on a dark background for premium brand sites.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex03-dark"} /-->

CSS:
.section-faq-ex03-dark { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex03-dark').forEach((el) => el.dataset.ready = 'true');

FAQ — EX04 Numbered Q Rows

faq-ex04-numbered

Copy

Link

ご利用前に知っておきたい 3 つのこと

01 ── 完全予約制です

おひとりずつ丁寧に向き合うため、ご来店は予約制とさせていただいています。

02 ── 初回はカウンセリングから

体調やご希望を 15 分ほど伺ってから始めます。当日は少し早めにお越しください。

03 ── 体調がすぐれない日は遠慮なく

当日でも振替無料です。無理せずご連絡ください。次の機会にゆっくりどうぞ。

パターン名: FAQ — EX04 Numbered Q Rows
概要: Question rows with number chips and inline answers.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex04-numbered"} /-->

CSS:
.section-faq-ex04-numbered { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex04-numbered').forEach((el) => el.dataset.ready = 'true');

FAQ — EX05 Accordion plus Contact

faq-ex05-with-cta

Copy

Link

ご不明な点はありませんか

体験だけの利用もできますか?

はい、体験のみのご利用も歓迎です。その場での入会勧誘はいたしません。

何を持っていけばいいですか?

動きやすい服装と飲みものだけで大丈夫です。タオルは無料でお貸ししています。

その他のご質問は、お気軽にどうぞ

お問い合わせ

パターン名: FAQ — EX05 Accordion plus Contact
概要: Short accordion followed by a contact CTA card.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex05-with-cta"} /-->

CSS:
.section-faq-ex05-with-cta { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex05-with-cta').forEach((el) => el.dataset.ready = 'true');

FAQ — EX06 Category Tiles

faq-ex06-category-tiles

Copy

Link

知りたいことから探す

🛒

ご注文について

🚚

配送・送料

↩️

返品・交換

💳

お支払い

パターン名: FAQ — EX06 Category Tiles
概要: Four FAQ category tiles linking to detailed sections.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex06-category-tiles"} /-->

CSS:
.section-faq-ex06-category-tiles { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex06-category-tiles').forEach((el) => el.dataset.ready = 'true');

FAQ — EX07 Beginner Reassure

faq-ex07-beginner

Copy

Link

はじめてでも、大丈夫。

「ついていけるか不安」

受講者の 7 割が未経験スタート。基礎から順番に進みます。

「続けられるか心配」

月ごとに回数を選べます。休会も無料なので、ご自分のペースで。

「費用がよく分からない」

表示の月謝以外はかかりません。教材費・入会金も不要です。

パターン名: FAQ — EX07 Beginner Reassure
概要: Reassurance block for first-timers: three worries answered briefly.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex07-beginner"} /-->

CSS:
.section-faq-ex07-beginner { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex07-beginner').forEach((el) => el.dataset.ready = 'true');

FAQ — EX08 Policy Highlights

faq-ex08-policy

Copy

Link

ご利用にあたって

キャンセル

前日 18 時まで無料。以降は料金の 50% を申し受けます。

お支払い

現金・カード・QR 決済。法人さまは請求書払いもご相談ください。

個人情報

ご予約・お問い合わせ対応のみに使用し、第三者に提供しません。

パターン名: FAQ — EX08 Policy Highlights
概要: Store policy summary rows: cancellation, payment, privacy.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex08-policy"} /-->

CSS:
.section-faq-ex08-policy { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex08-policy').forEach((el) => el.dataset.ready = 'true');

FAQ — EX09 Soft Violet Accordion

faq-ex09-soft-violet

Copy

Link

レッスンについて

振替はできますか?

同月内であれば 2 回まで無料で振替できます。アプリから前日までにお手続きください。

体験レッスンはありますか?

初回 500 円で体験いただけます。当日入会で体験料はお返しします。

年齢制限はありますか?

ありません。現在は 10 代から 70 代まで、幅広い方が通われています。

パターン名: FAQ — EX09 Soft Violet Accordion
概要: Accordion on a soft violet background with rounded container.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex09-soft-violet"} /-->

CSS:
.section-faq-ex09-soft-violet { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex09-soft-violet').forEach((el) => el.dataset.ready = 'true');

FAQ — EX10 Voice and Answer

faq-ex10-quote-style

Copy

Link

「不器用なんですが、私にも作れますか?」

大丈夫です。工程はすべて講師がそばでお手伝いします。これまで完成できなかった方はいません。ゆっくりで構いませんので、楽しみながら作りましょう。

「ひとりで参加しても浮きませんか?」

参加者の約半数がおひとりさまです。席は作業しやすいよう個別にご用意していますので、ご自分のペースで集中していただけます。

パターン名: FAQ — EX10 Voice and Answer
概要: Customer voice as a question with the owner answer below.
使用目的: FAQ領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: Group / Columns / Heading / Paragraph / Buttons を中心とした標準ブロック構成、推奨コンテンツ幅 1180px

メリット: ブロック単位で差し替えやすく、商用サイト制作時に構成案として再利用しやすい。
デメリット: 実案件ではブランドトーン、原稿量、画像比率に合わせて余白とカラム幅の再調整が必要。
バリエーション案: 配色をブランドカラーへ寄せた強調版 / 情報密度を上げたコーポレート版 / モバイル特化の単列・短文版
実装時の注意点: 独自HTMLブロック化せず、Group/Columns/Cover/List/ButtonなどのGutenberg標準ブロックとして編集する。ボタン、画像、余白、色はWordPressの保存HTMLと一致する属性で調整する。

HTML:
<!-- wp:pattern {"slug":"tf-premium/faq-ex10-quote-style"} /-->

CSS:
.section-faq-ex10-quote-style { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-faq-ex10-quote-style').forEach((el) => el.dataset.ready = 'true');

FAQ · FAQ · Blanc Nail

FAQ

よくあるご質問

無料トライアルはありますか？

支払い方法は？

途中でプランを変更できますか？

解約はいつでもできますか？

データのセキュリティは？

サポートはどう受けられますか？

疑問にお答えします

Q. どのような業界で利用されていますか？

Q. 既存ツールから移行できますか？

Q. API ドキュメントは公開されていますか？

Q. 日本語での問い合わせは可能ですか？

カテゴリから探す

FAQを商用サイトで使いやすくする

疑問を整理して不安を減らす

用途を固定して内容を展開

FAQを商用サイトで使いやすくする

料金

契約

操作

FAQ

FAQを商用サイトで使いやすくする

FAQ layout system

Operational ledger

Primary message area

FAQ layout system

FAQ layout system

解約

料金

契約

FAQ layout system

よくあるご質問

Q&A

Q. 見積りだけでも頼めますか?

Q. 対応エリアはどこまでですか?

Q. 納期はどのくらいですか?

Q. アフターサポートはありますか?

よくあるご質問

ご利用前に知っておきたい 3 つのこと

01 ── 完全予約制です

02 ── 初回はカウンセリングから

03 ── 体調がすぐれない日は遠慮なく

ご不明な点はありませんか

知りたいことから探す

はじめてでも、大丈夫。

「ついていけるか不安」

「続けられるか心配」

「費用がよく分からない」

ご利用にあたって

レッスンについて