検索…

カタログ統計

CATALOG › Business › Pricing

料金プラン

サブスクリプション、買い切り、比較表。意思決定の最終ステップ。

Patterns

Business

Group

isValid=0

Verified

CSS

Animation

Pricing — 3 Tier with Featured

pricing-3tier

Copy

Link

PRICING

シンプルな料金体系

あなたのチームに最適なプランをお選びください。

Starter

小規模チームに最適

¥0

/ 月・永久無料

✓ 3 ユーザーまで
✓ 基本機能
✓ コミュニティサポート
✓ 1 GB ストレージ

無料で始める

★ MOST POPULAR

Pro

成長するチーム向け

¥2,980

/ ユーザー / 月

✓ 無制限ユーザー
✓ 全機能アクセス
✓ 優先サポート
✓ 100 GB ストレージ
✓ API アクセス

14 日間無料トライアル

Enterprise

大規模組織向け

Custom

お見積もりいたします

✓ Pro の全機能
✓ SSO ・ SAML
✓ 専任カスタマーサクセス
✓ 無制限ストレージ
✓ SLA 保証

お問い合わせ

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-3tier"} /-->

CSS:
.section-pricing-3tier { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-3tier').forEach((el) => el.dataset.ready = 'true');

Pricing — 4 Tier Compact

pricing-compare-4col

Copy

Link

プランを比較する

最適なプランをひと目で。

Personal

¥980

/ 月

1 ユーザー
5 GB

Team

¥2,980

/ 月

10 ユーザー
100 GB

★ Business

¥9,800

/ 月

無制限
1 TB

Enterprise

Custom

お見積もり

SSO ・ SLA
無制限

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-compare-4col"} /-->

CSS:
.section-pricing-compare-4col { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-compare-4col').forEach((el) => el.dataset.ready = 'true');

Pricing — Feature Comparison Table

pricing-comparison-table

Copy

Link

プラン比較

	Free	Pro	Enterprise
プロジェクト数	3	無制限	無制限
ストレージ	1 GB	100 GB	1 TB
チームメンバー	1	10	無制限
優先サポート	—	✓	✓
SLA 99.9%	—	—	✓

パターン名: Pricing — Feature Comparison Table
概要: Striped comparison table listing features across Free / Pro / Enterprise tiers.
使用目的: Pricing領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 縦積みの情報整理構造、幅配分 auto、推奨コンテンツ幅 720px、主要ブロック group, heading, table

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-comparison-table"} /-->

CSS:
.section-pricing-comparison-table { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-comparison-table').forEach((el) => el.dataset.ready = 'true');

Pricing — Simple Monthly / Annual

pricing-simple-2tier

Copy

Link

SIMPLE PRICING

月額 or 年額、どちらでも

月額プラン

¥1,980

/ ユーザー / 月

✓ いつでもキャンセル可能
✓ 月単位の請求
✓ メールサポート

月額で始める

2 ヶ月分お得

年額プラン

¥19,800

/ ユーザー / 年（実質 ¥1,650/月）

✓ 年間 2 ヶ月無料
✓ 優先サポート
✓ 早期アクセス機能

年額で始める

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-simple-2tier"} /-->

CSS:
.section-pricing-simple-2tier { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-simple-2tier').forEach((el) => el.dataset.ready = 'true');

Pricing — Single Recommended Card

pricing-single-emphasis

Copy

Link

★ RECOMMENDED

Pro プラン

¥2,980/月

初回 14 日間無料・いつでも解約可能

無料で始める

パターン名: Pricing — Single Recommended Card
概要: Solo pricing card emphasizing the recommended plan with brand-color border.
使用目的: Pricing領域で情報の優先順位、視線誘導、次の行動を短時間で組み立てるためのUI。
適用シーン: ランディングページ、下層ページ、サービス紹介、比較検討、問い合わせ前後の補足導線。
レイアウト構造: 縦積みの情報整理構造、幅配分 2px、推奨コンテンツ幅 420px、主要ブロック group, group, paragraph, heading, paragraph, paragraph, buttons, button

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-single-emphasis"} /-->

CSS:
.section-pricing-single-emphasis { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-single-emphasis').forEach((el) => el.dataset.ready = 'true');

Pricing — EX01 Salon Three Tier

pricing-ex01-salon-3tier

Copy

Link

コース料金

ライト

¥6,600

カウンセリング
ベーシックケア 60分
ホームケアアドバイス

いちばん人気

スタンダード

¥9,900

カウンセリング
フルケア 90分
仕上げスタイリング
次回予約優待

プレミアム

¥14,300

フルケア 120分
スペシャルトリートメント
ヘッドスパ 20分
ドリンクサービス

表示はすべて税込価格です。初回の方は 10% オフでご利用いただけます。

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex01-salon-3tier"} /-->

CSS:
.section-pricing-ex01-salon-3tier { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex01-salon-3tier').forEach((el) => el.dataset.ready = 'true');

Pricing — EX02 Simple Price Rows

pricing-ex02-price-rows

Copy

Link

料金のご案内

初回カウンセリング（30分）

無料

ベーシックプラン（月2回）

¥16,500 / 月

集中プラン（月4回）

¥29,700 / 月

単発利用（1回）

¥9,900

ご入会金は不要です。お支払いは現金・各種カード・QR 決済に対応しています。

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex02-price-rows"} /-->

CSS:
.section-pricing-ex02-price-rows { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex02-price-rows').forEach((el) => el.dataset.ready = 'true');

Pricing — EX03 Single Plan Emphasis

pricing-ex03-single-plan

Copy

Link

ALL IN ONE

まるごとおまかせプラン

¥55,000

一式・追加費用なし

✓ 事前打ち合わせ 2回
✓ 当日の進行・段取りすべて
✓ 写真データ 200カット以上
✓ 一年間のアフターフォロー

このプランで相談する

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex03-single-plan"} /-->

CSS:
.section-pricing-ex03-single-plan { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex03-single-plan').forEach((el) => el.dataset.ready = 'true');

Pricing — EX04 Two Tier Compare

pricing-ex04-2tier-compare

Copy

Link

プランを選ぶ

セルフプラン

¥3,300 / 月

✓ 全設備の利用
✓ 平日 10:00 — 18:00
✓ オンラインサポート

このプランにする

サポートプラン

¥8,800 / 月

✓ セルフプランの全内容
✓ 専属トレーナー月2回
✓ 土日・夜間も利用可
✓ 栄養サポート付き

このプランにする

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex04-2tier-compare"} /-->

CSS:
.section-pricing-ex04-2tier-compare { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex04-2tier-compare').forEach((el) => el.dataset.ready = 'true');

Pricing — EX05 Ceremony Plans Gold

pricing-ex05-wedding-gold

Copy

Link

PLAN

挙式プラン

ふたりだけの挙式

¥165,000

挙式・衣装各一点
記念写真 30カット

家族挙式（〜20名）

¥385,000

挙式・会食・装花
写真 100カット・進行付き

披露宴つき（〜60名）

¥990,000 〜

お見積りはご人数・内容により
個別にご案内します

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex05-wedding-gold"} /-->

CSS:
.section-pricing-ex05-wedding-gold { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex05-wedding-gold').forEach((el) => el.dataset.ready = 'true');

Pricing — EX06 School Course Fees

pricing-ex06-course-fees

Copy

Link

コースと受講料

入門コース

全8回・ 2ヶ月・少人数制

¥33,000

実践コース

全16回・ 4ヶ月・課題添削つき

¥66,000

プロ養成コース

全32回・ 8ヶ月・修了認定・開業サポート

¥165,000

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex06-course-fees"} /-->

CSS:
.section-pricing-ex06-course-fees { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex06-course-fees').forEach((el) => el.dataset.ready = 'true');

Pricing — EX07 Price Strip CTA

pricing-ex07-strip-cta

Copy

Link

基本プラン ¥49,500 〜（税込）

内容に応じて無料でお見積りします。追加費用は事前にご説明のうえ確定します。

無料見積りを依頼

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex07-strip-cta"} /-->

CSS:
.section-pricing-ex07-strip-cta { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex07-strip-cta').forEach((el) => el.dataset.ready = 'true');

Pricing — EX08 Clinic Fee Guide

pricing-ex08-clinic-fees

Copy

Link

費用のめやす

保険診療

初診（3割負担）約 ¥2,500
再診（3割負担）約 ¥1,500
各種検査約 ¥1,000 〜 ¥5,000

自由診療

各種ワクチン ¥8,800 〜
健康診断（基本）¥11,000
オプション検査は個別にご案内

金額は目安です。症状・処方内容により前後します。マイナ保険証をご利用いただけます。

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex08-clinic-fees"} /-->

CSS:
.section-pricing-ex08-clinic-fees { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex08-clinic-fees').forEach((el) => el.dataset.ready = 'true');

Pricing — EX09 Photo Package Split

pricing-ex09-package-photo

Copy

Link

七五三・記念日撮影

スタジオ撮影パック

¥38,500

✓ 衣装2着・着付けとヘアセット込み
✓ 全データ 80カット以上お渡し
✓ 台紙付きプリント 1冊
✓ 土日祝も同一料金

空き状況を確認する

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

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

HTML:
<!-- wp:pattern {"slug":"tf-premium/pricing-ex09-package-photo"} /-->

CSS:
.section-pricing-ex09-package-photo { max-width: 1200px; margin-inline: auto; }

JS:
document.querySelectorAll('.section-pricing-ex09-package-photo').forEach((el) => el.dataset.ready = 'true');

Pricing — EX10 Price Questions

pricing-ex10-faq-note

Copy

Link

お支払いについてよくあるご質問

表示価格のほかに費用はかかりますか?

かかりません。すべて税込の総額表示です。追加が発生する場合は必ず事前にご相談します。

分割払いはできますか?

クレジットカードの分割払いがご利用いただけます。回数はカード会社の規定に準じます。

キャンセル料はいつから発生しますか?

前日までは無料、当日キャンセルは料金の 50% を申し受けます。日程変更は無料です。

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

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

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

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

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

料金プラン · Pricing · Blanc Nail

料金プラン

シンプルな料金体系

Starter

Pro

Enterprise

プランを比較する

プラン比較

月額 or 年額、どちらでも

月額プラン

年額プラン

Pro プラン

コース料金

ライト

スタンダード

プレミアム

料金のご案内

まるごとおまかせプラン

プランを選ぶ

セルフプラン

サポートプラン

挙式プラン

ふたりだけの挙式

家族挙式（〜20名）

披露宴つき（〜60名）

コースと受講料

入門コース

実践コース

プロ養成コース

基本プラン ¥49,500 〜（税込）

費用のめやす

保険診療

自由診療

スタジオ撮影パック

お支払いについてよくあるご質問