// 青木総合会計事務所 / AOKI & PARTNERS — corporate site // Single-file React component. Tailwind via CDN. const { useState, useEffect, useRef, useCallback } = React; /* ───────── helpers ───────── */ // IntersectionObserver-driven reveal function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } // Count-up when element enters viewport function CountUp({ to, duration = 1400, suffix = '', prefix = '', className = '' }) { const ref = useRef(null); const [val, setVal] = useState(0); useEffect(() => { if (!ref.current) return; const el = ref.current; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (!e.isIntersecting) return; const t0 = performance.now(); const step = (t) => { const k = Math.min(1, (t - t0) / duration); // easeOutCubic const eased = 1 - Math.pow(1 - k, 3); setVal(Math.round(eased * to)); if (k < 1) requestAnimationFrame(step); }; requestAnimationFrame(step); io.unobserve(el); }); }, { threshold: 0.4 }); io.observe(el); return () => io.disconnect(); }, [to, duration]); return {prefix}{val.toLocaleString('ja-JP')}{suffix}; } /* ───────── small atoms ───────── */ const Mark = () => ( // simple monogram "A&P" wordmark — original mark, no real brand reference 青 青木総合会計事務所 Aoki & Partners ); const SectionLabel = ({ idx, en, jp }) => (
— {String(idx).padStart(2,'0')} {en} ／ {jp}
); const PlaceholderImage = ({ label, ratio = '4 / 5', note }) => (
PLACEHOLDER
{label}
{note &&
{note}
}
{ratio}
); /* ───────── nav ───────── */ const NAV = [ { id: 'about', jp: '私たちについて', en: 'About' }, { id: 'services', jp: '取扱業務', en: 'Services' }, { id: 'reasons', jp: '選ばれる理由', en: 'Why Us' }, { id: 'pricing', jp: '料金プラン', en: 'Pricing' }, { id: 'flow', jp: 'ご相談の流れ', en: 'Flow' }, { id: 'faq', jp: 'よくあるご質問', en: 'FAQ' }, { id: 'office', jp: '事務所概要', en: 'Office' }, { id: 'contact', jp: 'お問い合わせ', en: 'Contact' }, ]; function Nav() { const [shrunk, setShrunk] = useState(false); useEffect(() => { const onScroll = () => setShrunk(window.scrollY > 64); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return (
TEL ／ 平日 9:00–18:00 03-1234-5678 初回相談を申し込む
); } /* ───────── hero ───────── */ function Hero() { return (
{/* left rail — magazine masthead */}
VOL. 25 ／ TAX ACCOUNTANTS Tokyo, Japan

数字の向こうの、
事業を見る。

中小企業の経営者と並走する、創業25年の総合会計事務所。

初回相談（無料）を申し込む → 資料を請求する → ＊オンライン面談可
{/* portrait placeholder */}
FIG.01
代表税理士 ／ 青木 健一郎
{/* trust bar */}
{[ { en: 'EST.', num: 1999, suffix: '', jp: '創業1999' }, { en: 'CLIENTS', num: 320, suffix: '社', jp: '顧問先' }, { en: 'LICENSED 10Y+', num: 100, suffix: '%', jp: '税理士登録10年以上' }, { en: 'TAX AUDIT RESPONSE', num: 100, suffix: '%', jp: '法人税務調査対応' }, ].map((t, i) => (
1 ? '' : 'border-b md:border-b-0 rule'}`}>
{t.en}
{t.jp}
))}
); } /* ───────── about ───────── */ function About() { return (

税務署のための仕事ではなく、
事業のための仕事を。

私たちは、申告書を期日通りに提出することを仕事の終わりだとは考えていません。 数字は、経営者が次の一手を決めるための材料です。月次決算の数字を読み解き、 資金繰り、人材投資、設備投資、そして事業承継——経営の意思決定に静かに伴走する ことこそが、税理士の本分だと考えています。

創業から四半世紀、青木総合会計事務所は、業歴の浅い創業期の法人から、 代替わりを迎える老舗企業まで、320社の歩みに寄り添ってきました。 派手な提案より、続けられる仕組みを。流行のSaaSより、貴社に合う運用を。 静かで地に足のついた仕事を、これからも積み重ねていきます。

{/* signature */}
K. Aoki
代表税理士 ／ 青木 健一郎（税理士登録番号 第98765号）
); } /* ───────── services ───────── */ const SERVICES = [ { no: '01', en: 'Corporate Tax Advisory', jp: '法人税務顧問', body: '月次決算と税務顧問を軸に、法人税・消費税・地方税まで一貫してご支援。年商1億円までの中小企業を中心に、資金繰りと意思決定を併走します。', tags: ['月次決算', '税務申告', '節税スキーム', '税務調査対応'], }, { no: '02', en: 'Sole Proprietor / Freelance', jp: '個人事業主・フリーランス支援', body: '青色申告から法人成りの判断まで、ライフステージごとに最適解は変わります。記帳代行に頼らず、ご自身で経営を読める状態を目指します。', tags: ['青色申告', 'インボイス', '法人成り判断', '節税相談'], }, { no: '03', en: 'Inheritance / Succession', jp: '相続・事業承継', body: '経営者の高齢化に伴う事業承継は、税務だけでなく株式・組織・想いの整理が必要です。提携先の弁護士・司法書士と連携し10年単位で設計します。', tags: ['相続税申告', '株式承継', 'M&A基本合意', '生前対策'], }, { no: '04', en: 'Startup / Financing', jp: '創業・融資サポート', body: '日本政策金融公庫・制度融資・補助金まで、創業期に必要な資金調達を金融機関視点から設計。創業計画書の壁打ちから決算3期目までを伴走します。', tags: ['創業計画書', '日本公庫', '制度融資', '補助金'], }, ]; function Services() { return (

四つの軸で、企業の生涯に伴走する。

事務所のサービスは、創業から承継までを一気通貫で扱うために、四つの領域に整理されています。 いずれも、経営者の隣で意思決定の材料を整える仕事です。

{SERVICES.map((s, i) => (
{s.no} {s.en}

{s.jp}

{s.body}

{s.tags.map(t => ( {t} ))}
))}
); } /* ───────── reasons ───────── */ const REASONS = [ { no: '01', en: 'Monthly review', jp: '月次面談で経営判断に伴走', body: '月に一度、必ず数字を一緒に読みます。決算は一年に一度ではなく、十二回の積み上げです。先月との差分から、次の一手を見定めます。', foot: '月次面談 ／ 60–90分', }, { no: '02', en: '24h response', jp: 'レスポンス24時間以内', body: '質問は寝かさない。営業日中であれば、原則24時間以内に一次回答をお返しします。重要な経営判断を、待ち時間で止めません。', foot: 'メール ／ チャット ／ 電話', }, { no: '03', en: 'Cloud accounting', jp: 'クラウド会計の導入支援込み', body: 'freee／マネーフォワードの導入から運用定着まで、顧問契約に含まれます。属人化した経理から、誰が見てもわかる経理へ。', foot: 'freee ／ Money Forward 認定', }, ]; function Reasons() { return (

三つの約束として、明文化しています。

選んでいただくからには、選び続けていただける理由が必要です。 事務所として全員が守る運用ルールを、三点に絞って公開しています。

{REASONS.map((r, i) => (
{r.no} — {r.en}

{r.jp}

{r.body}

{r.foot}
))}
); } /* ───────── pricing ───────── */ const PLANS = [ { key: 'startup', label: 'Startup', jp: 'スタートアップ', price: '¥20,000', unit: '／月〜', target:'創業3期目までの法人 ／ 個人事業主', items: [ '月次決算（クラウド会計／自社入力）', '法人税・消費税・地方税 申告', 'メール／チャット相談 無制限', 'クラウド会計 初期設定 1回', 'インボイス・電子帳簿保存法 対応', ], excluded: ['月次訪問面談', '税務調査立会い（別途）'], recommended: false, }, { key: 'standard', label: 'Standard', jp: 'スタンダード', price: '¥40,000', unit: '／月〜', target:'年商5,000万〜3億円の法人', items: [ 'スタートアップの全機能を含む', '月次面談（60–90分／オンライン可）', '記帳代行（仕訳500件まで）', '資金繰り表 月次更新', '税務調査立会い 年1回まで含む', '年末調整・法定調書 作成', ], excluded: [], recommended: true, }, { key: 'enterprise', label: 'Enterprise', jp: 'エンタープライズ', price: '個別', unit: 'お見積り', target:'年商3億円超 ／ 複数拠点 ／ M&A検討中', items: [ 'スタンダードの全機能を含む', '月次面談（経営会議出席を含む）', '連結決算・グループ通算制度 対応', 'M&A・組織再編 税務デューデリジェンス', '事業承継 10年計画の策定', '専任税理士＋スタッフのチーム体制', ], excluded: [], recommended: false, }, ]; function Pricing() { return (

料金は、迷わず比較できる三つの型で。

月額顧問料は事業規模と運用の手数で決まります。途中でのプラン変更も柔軟に対応します。 記載のない費用は、原則発生しません。

{PLANS.map((p, i) => (
{p.recommended && (
RECOMMENDED ／ 推奨
)}
{p.label}
{p.jp}
0{i+1}
{p.price} {p.unit}
{p.target}
    {p.items.map(it => (
  • {it}
    • ))} {p.excluded.map(it => (
  • {it}
    • ))}
このプランで相談する →
))}

＊価格はすべて税抜表示。決算料は別途、月額顧問料の4〜6ヶ月分を目安としています。

); } /* ───────── flow ───────── */ const FLOW = [ { no: '01', jp: '無料相談', en: 'Initial consultation', body: 'オンラインまたは来所にて、現状の課題と背景を伺います。所要40分。費用は発生しません。', meta: '所要 40分／オンライン可' }, { no: '02', jp: 'ヒアリング', en: 'Hearing', body: '直近3期分の決算書と試算表を拝見し、業務の手数と論点を整理します。NDA可。', meta: '資料お預かり ／ NDA対応' }, { no: '03', jp: 'ご提案', en: 'Proposal', body: '担当税理士の体制・サービス内容・費用を、書面でご提案します。比較検討のお時間も尊重します。', meta: '提案書 ／ 見積書' }, { no: '04', jp: 'ご契約', en: 'Engagement', body: '契約書を取り交わし、初月のキックオフ面談で運用設計を行います。最短で翌月から稼働します。', meta: '最短 ご相談から2週間' }, ]; function Flow() { return (

ご相談から契約まで、平均2週間。

{FLOW.map((f, i) => (
{i < FLOW.length-1 && ( → )}
{f.no} {f.en}

{f.jp}

{f.body}

{f.meta}
))}
); } /* ───────── faq ───────── */ const FAQS = [ { q: '顧問料以外に追加費用はかかりますか？', a: '原則として、月額顧問料に含まれていないものは「決算料」「税務調査立会い（スタートアッププランの場合）」「相続・事業承継などのスポット案件」のみです。記帳代行や年末調整は、プランに応じて顧問料内で対応しています。事前にお見積りをお出ししますので、想定外の費用が発生することはありません。', }, { q: '既存の税理士からの切り替えは可能ですか？', a: 'はい、毎年30社ほど切り替えのご相談をいただいています。期中での引き継ぎでも、過年度の申告書と試算表をお預かりすれば問題なく対応可能です。前任の税理士事務所とのやり取りも、ご希望があれば代行します。', }, { q: '月次訪問は必須ですか？', a: 'いいえ、必須ではありません。スタンダードプラン以上では月次面談が含まれますが、オンライン（Google Meet／Zoom）でも実施できます。地方の経営者様にも数多くご支援しており、対面にこだわらない運用設計をしています。', }, { q: 'クラウド会計は未導入でも大丈夫ですか？', a: '大丈夫です。むしろ未導入の段階からご相談いただいた方が、貴社の業態に合った導入設計ができます。freee／マネーフォワードのいずれにも対応しており、初期設定・運用ルール作りまで顧問契約に含めています。', }, { q: '相続のみのスポット相談は受けていますか？', a: '受けています。顧問契約のないお客様からの相続税申告のみのご依頼も、年30件ほどお受けしています。料金は、財産総額に応じた個別見積りです。初回相談は無料ですので、まずはご状況をお聞かせください。', }, ]; function FAQ() { return (

よくお寄せいただく
五つのご質問。

その他のご質問は、お問い合わせフォームよりお気軽にお寄せください。 原則24時間以内にご返信いたします。

{FAQS.map((f, i) => (
Q.{String(i+1).padStart(2,'0')} {f.q}
{f.a}
))}
); } /* ───────── office ───────── */ function Office() { const rows = [ ['事務所名', '青木総合会計事務所 ／ AOKI & PARTNERS'], ['代表者', '青木 健一郎（税理士）'], ['税理士登録番号', '第 98765 号（東京税理士会 麹町支部）'], ['所属税理士会', '東京税理士会 ／ 日本税理士会連合会'], ['加入保険', '税理士職業賠償責任保険（三井住友海上 ／ 上限 1億円）'], ['設立', '1999年4月（個人事務所として開業 ／ 2008年 税理士法人化）'], ['所在地', '〒102-0083 東京都千代田区麹町3-1-1 麹町MTビル 6F'], ['アクセス', '東京メトロ有楽町線「麹町」駅 1番出口 徒歩2分 ／ JR四ツ谷駅 徒歩8分'], ['営業時間', '平日 9:00 – 18:00（土日祝休 ／ 事前予約で時間外面談可）'], ['提携専門家', '弁護士 ／ 司法書士 ／ 社会保険労務士 ／ 中小企業診断士'], ]; return (

事務所概要 ／ Profile

{rows.map(([k, v], i) => (
{String(i+1).padStart(2,'0')} ／ {k}
))}
{/* faux map graphic */}
FIG.02 ／ ACCESS
麹町MTビル 6F
35.6843, 139.7407
GOOGLE MAPS で開く →
); } /* ───────── contact ───────── */ function Contact() { const [form, setForm] = useState({ name: '', company: '', email: '', tel: '', plan: '未定', subject: '', body: '', agree: false, }); const [submitted, setSubmitted] = useState(false); const [errors, setErrors] = useState({}); const update = (k) => (e) => { const v = e.target.type === 'checkbox' ? e.target.checked : e.target.value; setForm({ ...form, [k]: v }); if (errors[k]) setErrors({ ...errors, [k]: undefined }); }; const onSubmit = (e) => { e.preventDefault(); const er = {}; if (!form.name) er.name = 'お名前をご入力ください'; if (!form.email || !/.+@.+\..+/.test(form.email)) er.email = 'メールアドレスをご確認ください'; if (!form.body) er.body = 'ご相談内容をご入力ください'; if (!form.agree) er.agree = '個人情報の取り扱いへの同意が必要です'; setErrors(er); if (Object.keys(er).length === 0) setSubmitted(true); }; if (submitted) { return (
— Thank you

お問い合わせを承りました。

{form.name} 様、ご連絡をありがとうございます。担当の税理士より、原則24時間以内にご返信いたします。 お急ぎの場合は、平日 9:00 – 18:00 にお電話（03-1234-5678）にてご連絡ください。

); } return (
— 09 Contact ／ お問い合わせ

まずは、40分の対話から。

ご相談内容を簡単にお書き添えください。担当税理士から、24時間以内に一次返信を差し上げます。 個人情報は厳格に管理し、ご相談以外の目的では使用いたしません。

TEL
03-1234-5678
平日 9:00 – 18:00
EMAIL
contact@aoki-partners.example.jp