> ## Documentation Index
> Fetch the complete documentation index at: https://waffo.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Waffo製品概要

> グローバル決済インフラの構築。アクワイアリングから成長までを網羅するフルスタックソリューション。

export const ProductOverviewCards = ({items = [], columns = 2}) => {
  const layoutColumns = items.length === 3 ? 3 : items.length === 2 ? 2 : columns;
  return <div className="product-overview-cards not-prose my-4 grid gap-4" data-columns={layoutColumns}>
      <style>{`
        .product-overview-cards {
          grid-template-columns: minmax(0, 1fr) !important;
        }
        .product-overview-cards .product-overview-card {
          padding: 24px !important;
          box-sizing: border-box;
        }
        @media (min-width: 768px) {
          .product-overview-cards[data-columns="2"],
          .product-overview-cards[data-columns="3"] {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
          }
          .product-overview-cards[data-columns="3"] .product-overview-card:nth-of-type(3) {
            grid-column: 1 / -1 !important;
          }
        }
      `}</style>
      {items.map(item => <div key={item.title} className="product-overview-card rounded-xl border border-slate-200 dark:border-neutral-700 bg-gradient-to-b from-slate-50 to-white dark:from-neutral-900 dark:to-neutral-950">
          <div className="flex flex-col items-start gap-3">
            <span className="inline-flex h-10 w-10 items-center justify-center rounded-lg border border-slate-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 text-blue-700 dark:text-[#4D7CFF]">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
                {item.icon === "cart-shopping" && <>
                    <circle cx="8" cy="21" r="1" />
                    <circle cx="19" cy="21" r="1" />
                    <path d="M2 3h3l3 12h10l3-8H6" />
                  </>}
                {item.icon === "rotate" && <>
                    <path d="M21 12a9 9 0 1 1-3-6.7" />
                    <path d="M21 4v6h-6" />
                  </>}
                {item.icon === "credit-card" && <>
                    <rect x="3" y="5" width="18" height="14" rx="2" />
                    <path d="M3 10h18" />
                    <path d="M7 15h4" />
                  </>}
                {item.icon === "desktop" && <>
                    <rect x="3" y="4" width="18" height="12" rx="2" />
                    <path d="M8 20h8" />
                    <path d="M12 16v4" />
                  </>}
                {item.icon === "palette" && <>
                    <path d="M12 22a10 10 0 1 1 7.5-3.4c-.9 1-2.4.4-2.4-.9 0-1.1-.9-2-2-2h-1.4c-1.2 0-2.2 1-2.2 2.2 0 1.1.9 2.1 2.1 2.1" />
                    <circle cx="7.5" cy="10.5" r=".8" />
                    <circle cx="12" cy="7.5" r=".8" />
                    <circle cx="16.5" cy="10.5" r=".8" />
                  </>}
                {item.icon === "location-dot" && <>
                    <path d="M12 21s7-5.2 7-11a7 7 0 0 0-14 0c0 5.8 7 11 7 11Z" />
                    <circle cx="12" cy="10" r="2.5" />
                  </>}
                {item.icon === "globe" && <>
                    <circle cx="12" cy="12" r="10" />
                    <path d="M2 12h20" />
                    <path d="M12 2a15.3 15.3 0 0 1 0 20" />
                    <path d="M12 2a15.3 15.3 0 0 0 0 20" />
                  </>}
                {item.icon === "coins" && <>
                    <ellipse cx="8" cy="7" rx="5" ry="3" />
                    <path d="M3 7v6c0 1.7 2.2 3 5 3s5-1.3 5-3V7" />
                    <path d="M13 10c2.8 0 5 1.3 5 3v4c0 1.7-2.2 3-5 3-1.2 0-2.3-.2-3.1-.7" />
                  </>}
                {item.icon === "calendar-days" && <>
                    <rect x="3" y="4" width="18" height="17" rx="2" />
                    <path d="M16 2v4" />
                    <path d="M8 2v4" />
                    <path d="M3 10h18" />
                    <path d="M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01" />
                  </>}
                {item.icon === "calculator" && <>
                    <rect x="5" y="2" width="14" height="20" rx="2" />
                    <path d="M8 6h8" />
                    <path d="M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01" />
                  </>}
                {item.icon === "building" && <>
                    <rect x="4" y="3" width="16" height="18" rx="2" />
                    <path d="M8 7h.01M12 7h.01M16 7h.01M8 11h.01M12 11h.01M16 11h.01M8 15h.01M12 15h.01M16 15h.01" />
                  </>}
                {item.icon === "chart-line" && <>
                    <path d="M3 3v18h18" />
                    <path d="m6 16 4-5 4 3 5-8" />
                  </>}
                {item.icon === "brain" && <>
                    <path d="M9 3a3 3 0 0 0-3 3v1a3 3 0 0 0-2 5.2A4 4 0 0 0 8 19h1" />
                    <path d="M15 3a3 3 0 0 1 3 3v1a3 3 0 0 1 2 5.2A4 4 0 0 1 16 19h-1" />
                    <path d="M12 3v18" />
                  </>}
                {item.icon === "chart-pie" && <>
                    <path d="M21 12a9 9 0 1 1-9-9v9Z" />
                    <path d="M12 3a9 9 0 0 1 9 9h-9Z" />
                  </>}
                {item.icon === "shield-halved" && <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" />}
                {item.icon === "user-gear" && <>
                    <circle cx="9" cy="8" r="4" />
                    <path d="M3 21a6 6 0 0 1 10.5-4" />
                    <path d="M19 15v2M19 21v1M16.6 16.4l1.4 1.4M20 20l1.4 1.4M16 19h2M20 19h2" />
                  </>}
                {item.icon === "lock" && <>
                    <rect x="5" y="11" width="14" height="10" rx="2" />
                    <path d="M8 11V7a4 4 0 0 1 8 0v4" />
                  </>}
                {item.icon === "arrows-rotate" && <>
                    <path d="M21 12a9 9 0 0 1-15.5 6.2" />
                    <path d="M3 12A9 9 0 0 1 18.5 5.8" />
                    <path d="M21 3v6h-6" />
                    <path d="M3 21v-6h6" />
                  </>}
                {item.icon === "hand-pointer" && <>
                    <path d="M8 13V5a2 2 0 0 1 4 0v6" />
                    <path d="M12 11V9a2 2 0 0 1 4 0v4" />
                    <path d="M16 13v-1a2 2 0 0 1 4 0v3c0 4-2 7-7 7h-1a6 6 0 0 1-5.3-3.2L4 14a2 2 0 1 1 3.5-2l1.5 2" />
                  </>}
                {item.icon === "snowflake" && <>
                    <path d="M12 2v20M4.9 4.9l14.2 14.2M2 12h20M4.9 19.1 19.1 4.9" />
                    <path d="m8 4 4 4 4-4M8 20l4-4 4 4" />
                  </>}
                {item.icon === "sliders" && <>
                    <path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3" />
                    <path d="M2 14h4M10 8h4M18 16h4" />
                  </>}
                {item.icon === "ban" && <>
                    <circle cx="12" cy="12" r="10" />
                    <path d="m4.9 4.9 14.2 14.2" />
                  </>}
                {(!item.icon || item.icon === "bolt") && <path d="M13 2 4 14h7l-1 8 9-12h-7l1-8Z" />}
              </svg>
            </span>
            <div className="flex flex-col gap-2">
              <h4 className="m-0 text-base font-semibold text-slate-900 dark:text-slate-100">
                {item.title}
              </h4>
              <p className="m-0 text-sm leading-6 text-slate-600 dark:text-slate-300">
                {item.description}
              </p>
              {item.logos && <div className="mt-1 flex flex-wrap gap-2">
                  {item.logos.map(({src, alt}) => <span key={alt} className="inline-flex h-7 w-[42px] items-center justify-center rounded border border-slate-200 bg-white p-1 dark:border-neutral-300">
                      <img src={src} alt={alt} className="m-0 h-full w-full object-contain" />
                    </span>)}
                </div>}
            </div>
          </div>
        </div>)}
    </div>;
};

export const PM = {
  VISA: {
    alt: "Visa",
    src: "https://cdn.waffo.com/payment-method/PMI_CC001.png"
  },
  MASTERCARD: {
    alt: "Mastercard",
    src: "https://cdn.waffo.com/payment-method/PMI_CC008.png"
  },
  JCB: {
    alt: "JCB",
    src: "https://cdn.waffo.com/payment-method/PMI_CC068.png"
  },
  UNIONPAY: {
    alt: "UnionPay",
    src: "https://cdn.waffo.com/payment-method/PMI_CC762.png"
  },
  AMEX: {
    alt: "American Express",
    src: "https://cdn.waffo.com/payment-method/PMI_CC015.png"
  },
  BANCONTACT: {
    alt: "Bancontact",
    src: "/images/essentials/one-time-payment/bancontact-logo.svg"
  },
  APPLE_PAY: {
    alt: "Apple Pay",
    src: "https://cdn-dev.waffo.com/payment-method/PMI_155.png"
  },
  GOOGLE_PAY: {
    alt: "Google Pay",
    src: "https://cdn-dev.waffo.com/payment-method/PMI_161.png"
  },
  WECHAT_PAY: {
    alt: "WeChat Pay",
    src: "https://cdn.waffo.com/payment-method/PMI_170.png"
  },
  ALIPAY: {
    alt: "Alipay",
    src: "https://cdn.waffo.com/payment-method/PMI_168.png"
  },
  DANA: {
    alt: "DANA",
    src: "https://cdn.waffo.com/payment-method/PMI_001.png"
  },
  PAYPAY: {
    alt: "PayPay",
    src: "https://cdn.waffo.com/payment-method/PMI_247.png"
  },
  ZALOPAY: {
    alt: "ZaloPay",
    src: "https://cdn.waffo.com/payment-method/PMI_084.png"
  },
  PIX: {
    alt: "PIX",
    src: "https://cdn.waffo.com/payment-method/PMI_040.png"
  },
  BANK_LOCAL_SEPA: {
    alt: "SEPA",
    src: "/images/essentials/one-time-payment/SEPA.png"
  },
  BANK_LOCAL_IDEAL: {
    alt: "iDEAL",
    src: "/images/essentials/one-time-payment/ideal.png"
  },
  BANK_LOCAL_BANCONTACT: {
    alt: "Bancontact",
    src: "/images/essentials/one-time-payment/Bancontact.png"
  },
  BANK_LOCAL_MORE: {
    alt: "More payment methods",
    src: "/images/essentials/one-time-payment/Payment%20logo.png"
  },
  LOCAL_PAYMENT: {
    alt: "Local Payment",
    src: "/images/essentials/one-time-payment/bank-transfer-2.svg"
  }
};

## アクワイアリングと決済

グローバル決済ネットワークへの接続と、多様なビジネスモデルに合わせた柔軟な集金手段を提供します。

### ワンタイム決済

標準的な即時取引モデル（Sale）で、グローバルの主要クレジットカードおよびローカル決済手段をサポートします。

<ProductOverviewCards
  columns={2}
  items={[
{
title: "機能",
icon: "bolt",
description: "即時承認とリアルタイムの決済フィードバック。",
},
{
title: "価値",
icon: "cart-shopping",
description: "商品と決済が即座に交換されるEコマース小売やデジタルゲームに最適で、迅速なキャッシュフロー回収を実現します。",
},
]}
/>

[ワンタイム決済ソリューションを見る →](/docs/ja/essentials/one-time-payment)

***

### サブスクリプションと継続決済

SaaSおよびメンバーシップビジネス向けに構築された継続課金エンジン。

<ProductOverviewCards
  columns={2}
  items={[
{
title: "スマートリトライ",
icon: "rotate",
description: "ビッグデータを活用して最適なタイミングで取引を再試行し、残高不足による失敗を回復します。",
},
{
title: "非自発的解約の管理",
icon: "credit-card",
description: "ユーザーの意図ではなくカードの問題によるチャーンを効果的に削減します。",
},
]}
/>

<Tip>
  **ユースケース:** ソフトウェアサブスクリプション、メンバーシップ更新、継続注文。
</Tip>

[サブスクリプションソリューションを見る →](/docs/ja/essentials/subscription-recurring)

***

### ホスト型Checkout

フロントエンドのコーディングなしで起動できる、すぐに使えるホスト型決済ページ。

<ProductOverviewCards
  columns={3}
  items={[
{
title: "マルチデバイス対応",
icon: "desktop",
description: "PC、モバイル、タブレット画面に自動的に対応します。",
},
{
title: "ブランドカスタマイズ",
icon: "palette",
description: "ロゴのアップロードとカラースキームのカスタマイズに対応し、ブランド一貫性を維持します。",
},
{
title: "ダイナミックルーティング",
icon: "location-dot",
description: "ユーザーの所在地に基づき、最も人気のあるローカル決済手段を自動表示します。",
},
]}
/>

[Checkoutを見る →](/docs/ja/essentials/checkout)

***

### 決済手段

グローバル主要決済チャネルへのワンストップアクセス。

<ProductOverviewCards
  columns={1}
  items={[
{
title: "カバレッジ",
icon: "globe",
description: "国際カードスキーム（Visa、Mastercard、Amex）と、100種類以上のローカルウォレット（Apple Pay、Google Pay、Alipayなど）。",
logos: [PM.VISA, PM.MASTERCARD, PM.AMEX, PM.APPLE_PAY, PM.GOOGLE_PAY, PM.ALIPAY, PM.WECHAT_PAY],
},
]}
/>

[決済手段を見る →](/docs/ja/essentials/payment-methods)

***

## 精算と資金管理

透明性が高くコンプライアンスに準拠したグローバル資金・税務管理システムで、クロスボーダー運用の悩みを解消します。

### 加盟店精算

柔軟なグローバル資金分配ネットワーク。

<ProductOverviewCards
  columns={2}
  items={[
{
title: "多通貨集約",
icon: "coins",
description: "元通貨での精算、または為替損失を最小化する自動為替精算をサポートします。",
},
{
title: "柔軟なサイクル",
icon: "calendar-days",
description: "T+1エクスプレス精算から月次までのオプション。",
},
]}
/>

[加盟店精算を見る →](/docs/ja/essentials/merchant-settlement)

***

### グローバル税務（MoR）

Merchant of Record（MoR）モデルに基づく自動化された税務処理サービス。

<ProductOverviewCards
  columns={2}
  items={[
{
title: "自動計算と申告",
icon: "calculator",
description: "100以上の国のVAT/GSTをリアルタイムで計算し、Waffoが税務当局への申告と納付を代行します。",
},
{
title: "B2B/B2Cのスマートロジック",
icon: "building",
description: "Reverse Charge（リバースチャージ）メカニズムをサポートし、コンプライアンス対応の事業者向けに自動的に税金を免除します。",
},
]}
/>

<Tip>
  **価値:** 海外に現地法人を登録することなく、コンプライアンスを保ちながら事業運営でき、税務リスクを完全に回避します。
</Tip>

[グローバル税務コンプライアンスを見る →](/docs/ja/essentials/tax)

***

## 付加価値サービス

決済を超えて—データインサイトとリスク管理を通じてビジネス成長を支援します。

### データ分析

全方位の決済ヘルスモニタリングと診断センター。

<ProductOverviewCards
  columns={3}
  items={[
{
title: "パノラマダッシュボード",
icon: "chart-line",
description: "承認率、TPV、オムニチャネルコンバージョンファネルをリアルタイムでモニタリングします。",
},
{
title: "スマート帰属分析",
icon: "brain",
description: "不明瞭な銀行の拒否コードを実行可能な戦略に変換します（技術的な不具合 vs. リスクブロック vs. ユーザーのドロップオフを区別）。",
},
{
title: "チャーン分析",
icon: "chart-pie",
description: "回収された収益を定量化し、サブスクリプション解約の根本原因を特定します。",
},
]}
/>

[データインテリジェンスを見る →](/docs/ja/essentials/data-intelligence)

***

### 加盟店ポータルと紛争管理

運用センターとリスク防衛拠点の両方として機能する、統合されたビジュアルダッシュボード。

<ProductOverviewCards
  columns={2}
  items={[
{
title: "紛争防衛ループ",
icon: "shield-halved",
description: "Visa RDR/Ethoca Alertsを統合し、紛争が事案化する前に解決します。構造化された証拠のアップロードと自動再提出ツールを提供します。",
},
{
title: "権限管理",
icon: "user-gear",
description: "ロールベースのコラボレーション（財務、運用、開発）をサポートします。",
},
]}
/>

[紛争防衛を見る →](/docs/ja/essentials/dispute-chargeback)

***

## 高度な機能

複雑なビジネスシナリオ向けの深いカスタマイズ機能。テクノロジーを通じて体験とリスク管理を最適化します。

### トークナイゼーション

金融グレードのデータセキュリティホスティングとライフサイクル管理技術。

<ProductOverviewCards
  columns={3}
  items={[
{
title: "PCI-DSS Level 1準拠",
icon: "lock",
description: "機密のカード番号をトークンで置き換え、コンプライアンス範囲を大幅に削減します。",
},
{
title: "アカウントアップデーター",
icon: "arrows-rotate",
description: "失効または再発行されたカードのマッピングを自動更新し、継続課金の中断ゼロを確保します。",
},
{
title: "ワンクリック決済",
icon: "hand-pointer",
description: "トークンがチャネル間で共有され、超スムーズなリピート決済体験を提供します。",
},
]}
/>

[トークナイゼーション技術を見る →](/docs/ja/essentials/tokenization)

***

### Auth & Capture

「フリーズ」と「請求」のステップを分離する柔軟な取引モデル。

<ProductOverviewCards
  columns={3}
  items={[
{
title: "オーソリ",
icon: "snowflake",
description: "サービス開始前に与信枠をフリーズし、資金のセキュリティを保証します。",
},
{
title: "部分キャプチャ",
icon: "sliders",
description: "「実績請求」をサポートし、実際の使用量（AIトークン、出荷量など）に基づいて請求します。",
},
{
title: "ボイド",
icon: "ban",
description: "キャンセル時に銀行手数料なしで即座に与信枠を解放します。",
},
]}
/>

<Tip>
  **ユースケース:** AI従量課金、Eコマースの出荷モデル、ホテル/レンタルの保証金。
</Tip>

[Auth & Captureメカニズムを見る →](/docs/ja/essentials/auth-capture)

***

ヘルプが必要ですか？[サポートに連絡する](mailto:support@waffo.com)
