<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>株式会社 ももやま &#187; シャープ 複合機</title>
	<atom:link href="http://www.momoyama-okinawa.co.jp/tag/%e3%82%b7%e3%83%a3%e3%83%bc%e3%83%97-%e8%a4%87%e5%90%88%e6%a9%9f/feed" rel="self" type="application/rss+xml" />
	<link>http://www.momoyama-okinawa.co.jp</link>
	<description>沖縄 文具・事務用品 オフィス家具 OA機器</description>
	<lastBuildDate>Mon, 23 Mar 2026 03:15:18 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.8.41</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.momoyama-okinawa.co.jp/tag/%e3%82%b7%e3%83%a3%e3%83%bc%e3%83%97-%e8%a4%87%e5%90%88%e6%a9%9f/feed" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://pubsubhubbub.superfeedr.com"/>	<item>
		<title>シャープ　複合機　BP-30M35</title>
		<link>http://www.momoyama-okinawa.co.jp/3277.html</link>
		<comments>http://www.momoyama-okinawa.co.jp/3277.html#comments</comments>
		<pubDate>Sun, 11 Jan 2026 04:44:06 +0000</pubDate>
		<dc:creator><![CDATA[staff]]></dc:creator>
				<category><![CDATA[お知らせ]]></category>
		<category><![CDATA[シャープ 複合機]]></category>

		<guid isPermaLink="false">http://www.momoyama-okinawa.co.jp/?p=3277</guid>
		<description><![CDATA[<p>SHARP BP-30M35 お悩み コスト スピード 使いやすさ お問い合わせ コストも手間も大幅に削減 オフィスの「困った」を ...
<p><a href="http://www.momoyama-okinawa.co.jp/sys/wp-content/uploads/BP-M3035.jpg"><img width="350" height="275" src="http://www.momoyama-okinawa.co.jp/sys/wp-content/uploads/BP-M3035.jpg" class="alignnone" alt="シャープ　複合機　BP-30M35" title="シャープ　複合機　BP-30M35" /></a></p>
<p>The post <a rel="nofollow" href="http://www.momoyama-okinawa.co.jp/3277.html">シャープ　複合機　BP-30M35</a> appeared first on <a rel="nofollow" href="http://www.momoyama-okinawa.co.jp">株式会社 ももやま</a>.</p>
]]></description>
				<content:encoded><![CDATA[<p>SHARP <span class="text-sky-500 font-normal">BP-30M35</span></p>
<nav class="sticky top-0 z-50 bg-white/90 backdrop-blur-md shadow-sm border-b border-stone-200">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="hidden md:flex space-x-8"><a class="text-stone-600 hover:text-sky-500 px-3 py-2 rounded-md text-sm font-medium transition" href="#problems">お悩み</a><br />
<a class="text-stone-600 hover:text-sky-500 px-3 py-2 rounded-md text-sm font-medium transition" href="#cost">コスト</a><br />
<a class="text-stone-600 hover:text-sky-500 px-3 py-2 rounded-md text-sm font-medium transition" href="#speed">スピード</a><br />
<a class="text-stone-600 hover:text-sky-500 px-3 py-2 rounded-md text-sm font-medium transition" href="#usability">使いやすさ</a></div>
<div><a class="bg-amber-500 hover:bg-amber-600 text-white px-4 py-2 rounded-full text-sm font-bold shadow-md transition" href="#contact">お問い合わせ</a></div>
</div>
</div>
</nav>
<p><!-- Hero Section --></p>
<header class="relative bg-white overflow-hidden">
<div class="max-w-6xl mx-auto">
<div class="relative z-10 pb-8 bg-white sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32 pt-20 px-4">
<div class="sm:text-center lg:text-left">
<h1 class="text-4xl tracking-tight font-extrabold text-stone-900 sm:text-5xl md:text-6xl"><span class="block xl:inline">コストも手間も</span><span class="block text-sky-500 xl:inline">大幅に削減</span></h1>
<p class="mt-3 text-base text-stone-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">オフィスの「困った」を解決する、シャープのモノクロ複合機 BP-30M35。圧倒的な低ランニングコストと高速化で、あなたのビジネスを加速させます。</p>
<div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
<div class="rounded-md shadow"><a class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-stone-900 hover:bg-stone-800 md:py-4 md:text-lg transition" href="#problems"><br />
お悩み診断へ<br />
</a></div>
</div>
</div>
<p>&nbsp;</p>
</div>
</div>
<p><!-- Decorative Background Element --></p>
<div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 bg-stone-100 flex items-center justify-center">
<div class="text-[12rem] opacity-5 select-none font-black">BP</div>
</div>
</header>
<p><!-- Section 1: Pain Points Analysis --></p>
<section class="py-20 bg-stone-50" id="problems">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-base text-sky-500 font-semibold tracking-wide uppercase">Current Challenges</h2>
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-stone-900 sm:text-4xl">こんなお悩み、ありませんか？</p>
<p class="mt-4 max-w-2xl text-xl text-stone-500 lg:mx-auto">日々の業務に潜む非効率。以下のカードをクリックして、BP-30M35がどう解決するか確認しましょう。</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<p><!-- Card 1 --></p>
<div class="interactive-card bg-white p-8 rounded-xl shadow-sm border border-stone-100 text-center" onclick="toggleCard(this)">
<div class="text-6xl mb-6"></div>
<h3 class="text-xl font-bold text-stone-900 mb-2">印刷コストの増大</h3>
<p class="text-stone-500 text-sm mb-4">不必要なカラー印刷で経費が圧迫されている&#8230;</p>
<div class="hidden-content hidden bg-sky-50 p-4 rounded-lg mt-4">
<p class="text-sky-700 font-bold text-sm">解決策: モノクロ特化</p>
<p class="text-stone-600 text-xs mt-1">必要な出力に絞り、圧倒的な低コストを実現します。</p>
</div>
<p class="text-stone-400 text-xs mt-4">クリックで解決策を表示</p>
</div>
<p><!-- Card 2 --></p>
<div class="interactive-card bg-white p-8 rounded-xl shadow-sm border border-stone-100 text-center" onclick="toggleCard(this)">
<div class="text-6xl mb-6"></div>
<h3 class="text-xl font-bold text-stone-900 mb-2">スキャンが遅い</h3>
<p class="text-stone-500 text-sm mb-4">書類のデジタル化に時間がかかりすぎる&#8230;</p>
<div class="hidden-content hidden bg-sky-50 p-4 rounded-lg mt-4">
<p class="text-sky-700 font-bold text-sm">解決策: 60枚/分の高速読取</p>
<p class="text-stone-600 text-xs mt-1">大量の書類も一瞬でデータ化。待ち時間をゼロへ。</p>
</div>
<p class="text-stone-400 text-xs mt-4">クリックで解決策を表示</p>
</div>
<p><!-- Card 3 --></p>
<div class="interactive-card bg-white p-8 rounded-xl shadow-sm border border-stone-100 text-center" onclick="toggleCard(this)">
<div class="text-6xl mb-6"></div>
<h3 class="text-xl font-bold text-stone-900 mb-2">FAX管理が面倒</h3>
<p class="text-stone-500 text-sm mb-4">仕分けや転送のために席を立つのが手間&#8230;</p>
<div class="hidden-content hidden bg-sky-50 p-4 rounded-lg mt-4">
<p class="text-sky-700 font-bold text-sm">解決策: ペーパーレスFAX</p>
<p class="text-stone-600 text-xs mt-1">PCで受信・確認。自動仕分けで手作業を排除。</p>
</div>
<p class="text-stone-400 text-xs mt-4">クリックで解決策を表示</p>
</div>
</div>
</div>
</section>
<p><!-- Section 2: Cost Solution --></p>
<section class="py-20 bg-white" id="cost">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">
<div class="mb-10 lg:mb-0">
<h2 class="text-3xl font-extrabold text-stone-900 mb-6">徹底した「低コスト」で<br />
経営をサポート</h2>
<p class="text-lg text-stone-600 mb-6 leading-relaxed">BP-30M35は、高性能でありながら「モノクロ」に特化することで、ランニングコストを大幅に抑えます。<br />
カラー印刷が必須ではない業務において、過剰な機能はコストの無駄です。</p>
<ul class="space-y-4">
<li class="flex items-start"><span class="flex-shrink-0 h-6 w-6 text-sky-500 font-bold">✓</span><br />
<span class="ml-3 text-base text-stone-700">無駄なカラー印刷コストを完全カット</span></li>
<li class="flex items-start"><span class="flex-shrink-0 h-6 w-6 text-sky-500 font-bold">✓</span><br />
<span class="ml-3 text-base text-stone-700">高耐久設計で、長く安心して利用可能</span></li>
<li class="flex items-start"><span class="flex-shrink-0 h-6 w-6 text-sky-500 font-bold">✓</span><br />
<span class="ml-3 text-base text-stone-700">必要な機能に絞ったスマートな投資</span></li>
</ul>
</div>
<p><!-- Chart Section --></p>
<div class="bg-stone-50 p-6 rounded-2xl border border-stone-100">
<h3 class="text-center font-bold text-stone-800 mb-4">ランニングコスト削減イメージ</h3>
<div class="chart-container"></div>
<p class="text-center text-xs text-stone-400 mt-4">※一般的なカラー機運用との比較（イメージ）</p>
</div>
</div>
</div>
</section>
<p><!-- Section 3: Speed &#038; Automation (Dashboard Style) --></p>
<section class="py-20 bg-stone-900 text-white" id="speed">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-extrabold mb-4">高速化 &amp; 自動化ラボ</h2>
<p class="text-stone-400 max-w-2xl mx-auto">時間は最大の資源です。BP-30M35がどれだけ業務時間を短縮できるか、データで確認しましょう。<br />
下のボタンで表示データを切り替えられます。</p>
</div>
<p><!-- Tab Controls --></p>
<div class="flex justify-center mb-8"><button class="active-tab px-6 py-2 rounded-l-lg font-bold border-r border-white/20 transition" id="btn-scan" onclick="updateSpeedChart('scan')"><br />
スキャン速度<br />
</button><br />
<button class="inactive-tab px-6 py-2 rounded-r-lg font-bold transition" id="btn-print" onclick="updateSpeedChart('print')"><br />
印刷速度<br />
</button></div>
<p><!-- Dashboard Content --></p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<p><!-- Text Info --></p>
<div class="order-2 md:order-1" id="speed-text">
<h3 class="text-2xl font-bold text-sky-400 mb-4">最大 60枚/分 の高速スキャン</h3>
<p class="text-stone-300 leading-relaxed mb-6">自動両面原稿送り装置（ADF）を標準搭載。大量の契約書や会議資料も、セットするだけで一気にデジタル化。<br />
ペーパーレス化の第一歩は、この圧倒的なスキャンスピードから始まります。</p>
<div class="inline-block bg-stone-800 rounded px-4 py-2 border border-stone-700"><span class="text-amber-500 font-bold text-xl"> 効率 200% UP</span><br />
<span class="text-xs text-stone-500 block">※従来機比（イメージ）</span></div>
</div>
<p><!-- Chart Viz --></p>
<div class="order-1 md:order-2"></div>
</div>
</div>
</section>
<p><!-- Section 4: Paperless FAX Workflow (Interactive Diagram) --></p>
<section class="py-20 bg-sky-50" id="workflow">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-stone-900 mb-4">ペーパーレスFAXの業務フロー</h2>
<p class="text-stone-600 max-w-2xl mx-auto mb-8">「席を立つ」「紙を探す」「手渡しする」。その手間、全てなくせます。<br />
下のボタンを押して、データの流れを体験してください。</p>
<p><button class="bg-sky-500 hover:bg-sky-600 text-white font-bold py-3 px-8 rounded-full shadow-lg transition transform active:scale-95" onclick="nextFlowStep()"><br />
▶ 次のステップへ進む<br />
</button></p>
</div>
<p><!-- Flow Diagram container --></p>
<div class="relative py-12">
<div class="flex flex-col md:flex-row justify-between items-center max-w-4xl mx-auto relative z-10">
<p><!-- Node 1 --></p>
<div class="flow-node shadow-md" id="node-1"><span class="text-xs font-bold text-stone-600 mt-2">受信</span></div>
<p><!-- Line 1 --></p>
<div class="flow-line w-1 md:w-auto md:h-1" id="line-1"></div>
<p><!-- Node 2 --></p>
<div class="flow-node shadow-md" id="node-2"><span class="text-xs font-bold text-stone-600 mt-2">自動仕分け</span></div>
<p><!-- Line 2 --></p>
<div class="flow-line w-1 md:w-auto md:h-1" id="line-2"></div>
<p><!-- Node 3 --></p>
<div class="flow-node shadow-md" id="node-3"><span class="text-xs font-bold text-stone-600 mt-2">PC保存</span></div>
<p><!-- Line 3 --></p>
<div class="flow-line w-1 md:w-auto md:h-1" id="line-3"></div>
<p><!-- Node 4 --></p>
<div class="flow-node shadow-md" id="node-4"><span class="text-xs font-bold text-stone-600 mt-2">完了</span></div>
</div>
<p><!-- Description Box --></p>
<div class="mt-12 text-center bg-white p-6 rounded-xl shadow-sm border border-stone-100 max-w-2xl mx-auto transition-all duration-300" id="flow-desc">
<h4 class="font-bold text-lg text-stone-800">ステップ 1: FAX受信</h4>
<p class="text-stone-600 mt-2">取引先から注文書や連絡がFAXで届きます。</p>
</div>
</div>
</div>
</section>
<p><!-- Section 5: Usability (Interactive Mockup) --></p>
<section class="py-20 bg-white" id="usability">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-3xl font-extrabold text-stone-900 mb-6">誰もが迷わない直感操作</h2>
<p class="text-lg text-stone-600 mb-6">大型の7インチカラータッチパネルを採用。<br />
まるでスマートフォンのようなシンプルさで、機械操作が苦手な方でも安心です。</p>
<div class="bg-stone-50 p-4 rounded-lg border-l-4 border-amber-500">
<h4 class="font-bold text-stone-800">ここがポイント！</h4>
<ul class="mt-2 space-y-2 text-stone-600 text-sm">
<li>・シンプルで大きなアイコン表示</li>
<li>・よく使う機能をトップに配置可能</li>
<li>・プレビューを見ながら操作</li>
</ul>
</div>
</div>
<p><!-- Interactive Panel Mockup --></p>
<div class="bg-stone-800 rounded-3xl p-4 shadow-2xl max-w-md mx-auto transform rotate-1 hover:rotate-0 transition duration-500">
<div class="bg-stone-900 rounded-2xl p-2 h-64 border border-stone-700 relative overflow-hidden">
<p><!-- Screen Content --></p>
<div class="bg-gradient-to-br from-slate-800 to-slate-900 h-full rounded-xl flex flex-col relative">
<p><!-- Status Bar --></p>
<div class="flex justify-between px-4 py-2 text-xs text-stone-400 border-b border-white/10"><span>Ready to Scan</span><br />
<span>10:23 AM</span></div>
<p><!-- Main Icons --></p>
<div class="grid grid-cols-3 gap-4 p-6 flex-grow">
<p>&nbsp;</p>
<p><span class="text-xs font-bold">コピー</span></p>
<p><button class="flex flex-col items-center justify-center bg-sky-600 text-white rounded-lg p-2 shadow-lg ring-2 ring-sky-400" onclick="updatePanel('scan')"></button></p>
<p><span class="text-xs font-bold">スキャン</span></p>
<p><button class="flex flex-col items-center justify-center bg-white/10 hover:bg-sky-500 hover:text-white text-stone-300 rounded-lg p-2 transition duration-200 group" onclick="updatePanel('fax')"></button></p>
<p><span class="text-xs font-bold">FAX</span></p>
<p><button class="flex flex-col items-center justify-center bg-white/5 text-stone-500 rounded-lg p-2"><br />
<span class="text-xl mb-1">⚙️</span><br />
<span class="text-[10px]">設定</span><br />
</button><br />
<button class="flex flex-col items-center justify-center bg-white/5 text-stone-500 rounded-lg p-2"></button></p>
<p><span class="text-[10px]">保存</span></p>
</div>
<p><!-- Dynamic Message Toast --></p>
<div class="absolute bottom-4 left-4 right-4 bg-stone-800/90 text-white text-xs p-3 rounded text-center backdrop-blur-sm border border-white/10" id="panel-message">モードを選択してください</div>
</div>
</div>
</div>
</div>
</div>
</section>
<p><!-- Footer / CTA --></p>
<footer class="bg-stone-900 text-white py-16" id="contact">
<div class="max-w-4xl mx-auto px-4 text-center">
<h2 class="text-3xl font-extrabold mb-6">コスト削減、始めませんか？</h2>
<p class="text-stone-400 text-lg mb-10">まずは無料デモンストレーションで、その使いやすさとスピードをご体感ください。</p>
<p>株式会社ももやま がサポートいたします。</p>
<div class="bg-white/5 rounded-2xl p-8 border border-white/10 inline-block w-full max-w-lg">
<p class="text-sm text-stone-400 uppercase tracking-widest mb-2">お問い合わせ窓口</p>
<p><a class="block text-4xl md:text-5xl font-black text-amber-500 hover:text-amber-400 transition mb-4" href="tel:098-933-5311"><br />
098-933-5311<br />
</a></p>
<p class="text-stone-500">株式会社ももやま</p>
<p>受付時間：平日 9:00～17:00</p>
</div>
<div class="mt-12 text-stone-600 text-sm">
<p>© Momoyama Co., Ltd. All Rights Reserved.</p>
<p>Based on Sharp BP-30M35 Flyer.</p>
</div>
</div>
</footer>
<p><!-- JavaScript Logic --><br />
<script type="text/javascript">// <![CDATA[
// --- 1. Utility: Label Wrapper for Chart.js ---         function wrapLabels(labels, maxLength) {             return labels.map(label => {
                if (label.length <= maxLength) return label;
                const words = label.split(''); 
                const lines = [];
                let currentLine = words[0];
                for (let i = 1; i < words.length; i++) {                     if (currentLine.length + 1 > maxLength) {
                        lines.push(currentLine);
                        currentLine = words[i];
                    } else {
                        currentLine += words[i];
                    }
                }
                lines.push(currentLine);
                return lines;
            });
        }

        const tooltipConfig = {
            callbacks: {
                title: function(tooltipItems) {
                    const item = tooltipItems[0];
                    let label = item.chart.data.labels[item.dataIndex];
                    return Array.isArray(label) ? label.join('') : label;
                }
            }
        };

        // --- 2. Cost Chart (Bar) ---
        const costCtx = document.getElementById('costChart').getContext('2d');
        new Chart(costCtx, {
            type: 'bar',
            data: {
                labels: wrapLabels(["従来のカラー機", "BP-30M35 (モノクロ)"], 10),
                datasets: [{
                    label: '運用コスト比較',
                    data: [100, 45], // Conceptual reduction
                    backgroundColor: ['#e7e5e4', '#0ea5e9'], // Gray vs Sky Blue
                    borderRadius: 4,
                    barPercentage: 0.6
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    tooltip: tooltipConfig
                },
                scales: {
                    y: { display: false, beginAtZero: true },
                    x: { grid: { display: false } }
                }
            }
        });

        // --- 3. Speed Dashboard Logic ---
        let speedChartInstance = null;
        const speedCtx = document.getElementById('speedChart').getContext('2d');

        // Data presets
        const speedData = {
            scan: {
                labels: ["一般的な機種", "BP-30M35"],
                data: [30, 60],
                title: "最大 60枚/分 の高速スキャン",
                desc: "自動両面原稿送り装置（ADF）を標準搭載。大量の契約書や会議資料も、セットするだけで一気にデジタル化。ペーパーレス化の第一歩は、この圧倒的なスキャンスピードから始まります。",
                unit: "枚/分"
            },
            print: {
                labels: ["基準ライン", "BP-30M35"],
                data: [20, 30],
                title: "毎分 30枚 のスムーズ印刷",
                desc: "急ぎの資料作成も安心。顧客対応や会議直前の準備でも、ストレスなく出力可能。待機時間を減らし、業務効率を落としません。",
                unit: "枚/分"
            }
        };

        function initSpeedChart() {
            speedChartInstance = new Chart(speedCtx, {
                type: 'bar',
                indexAxis: 'y', // Horizontal
                data: {
                    labels: wrapLabels(speedData.scan.labels, 10),
                    datasets: [{
                        label: '速度',
                        data: speedData.scan.data,
                        backgroundColor: ['#44403c', '#0ea5e9'],
                        borderRadius: 4,
                        barPercentage: 0.6
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: {
                        legend: { display: false },
                        tooltip: tooltipConfig
                    },
                    scales: {
                        x: { 
                            beginAtZero: true, 
                            grid: { color: '#44403c' },
                            ticks: { color: '#a8a29e' }
                        },
                        y: { 
                            grid: { display: false },
                            ticks: { color: 'white', font: { weight: 'bold' } }
                        }
                    }
                }
            });
        }

        function updateSpeedChart(mode) {
            const data = speedData[mode];

            // Update UI
            document.getElementById('btn-scan').className = mode === 'scan' ? 'active-tab px-6 py-2 rounded-l-lg font-bold border-r border-white/20 transition' : 'inactive-tab px-6 py-2 rounded-l-lg font-bold transition';
            document.getElementById('btn-print').className = mode === 'print' ? 'active-tab px-6 py-2 rounded-r-lg font-bold transition' : 'inactive-tab px-6 py-2 rounded-r-lg font-bold transition';

            // Update Text
            const textBox = document.getElementById('speed-text');
            textBox.innerHTML = `




<h3 class="text-2xl font-bold text-sky-400 mb-4">${data.title}</h3>





${data.desc}




<div class="inline-block bg-stone-800 rounded px-4 py-2 border border-stone-700">
                    <span class="text-amber-500 font-bold text-xl">${data.data[1]} ${data.unit}</span></div>




            `;

            // Update Chart
            speedChartInstance.data.labels = wrapLabels(data.labels, 10);
            speedChartInstance.data.datasets[0].data = data.data;
            speedChartInstance.update();
        }

        initSpeedChart(); // Initialize

        // --- 4. Interactive Card Logic (Pain Points) ---
        function toggleCard(element) {
            const content = element.querySelector('.hidden-content');
            if (content.classList.contains('hidden')) {
                content.classList.remove('hidden');
                content.classList.add('block', 'animate-fade-in-down');
            } else {
                content.classList.add('hidden');
            }
        }

        // --- 5. Flow Diagram Logic (FAX) ---
        let currentStep = 0;
        const steps = [
            { title: "ステップ 1: FAX受信", text: "取引先から注文書や連絡がFAXで届きます。" },
            { title: "ステップ 2: 自動仕分け", text: "BP-30M35が受信データを解析し、紙に出力せずに処理します。" },
            { title: "ステップ 3: PC保存", text: "担当者のPCや共有フォルダへ自動転送。PDF化されます。" },
            { title: "ステップ 4: 完了！", text: "席を立たずに画面上で内容を確認。必要なものだけ印刷できます。" }
        ];

        function nextFlowStep() {
            currentStep = (currentStep + 1) % 4; // Cycle 0-3

            // Reset if looping back to 0
            if(currentStep === 0) {
                document.querySelectorAll('.flow-node').forEach(el => el.classList.remove('active'));
                document.querySelectorAll('.flow-line').forEach(el => el.classList.remove('active'));
            }

            // Highlight current step components
            const node = document.getElementById(`node-${currentStep + 1}`);
            node.classList.add('active');

            if(currentStep > 0) {
                const line = document.getElementById(`line-${currentStep}`);
                line.classList.add('active');
            }

            // Update Text
            const desc = document.getElementById('flow-desc');
            desc.innerHTML = `




<h4 class="font-bold text-lg text-stone-800">${steps[currentStep].title}</h4>





${steps[currentStep].text}

            `;
        }
        // Initialize flow highlight for step 1
        document.getElementById('node-1').classList.add('active');

        // --- 6. Touch Panel Mockup Logic ---
        function updatePanel(action) {
            const msg = document.getElementById('panel-message');
            if (action === 'copy') {
                msg.textContent = "コピーモード: 部数を入力してください";
                msg.className = "absolute bottom-4 left-4 right-4 bg-stone-700 text-white text-xs p-3 rounded text-center border-l-4 border-white";
            } else if (action === 'scan') {
                msg.textContent = "スキャン準備完了: 宛先を選択してください";
                msg.className = "absolute bottom-4 left-4 right-4 bg-sky-600 text-white text-xs p-3 rounded text-center shadow-lg";
            } else if (action === 'fax') {
                msg.textContent = "FAX送信: 番号を入力するかアドレス帳から選択";
                msg.className = "absolute bottom-4 left-4 right-4 bg-stone-700 text-white text-xs p-3 rounded text-center border-l-4 border-amber-500";
            }
        }
// ]]&gt;</script></p>
<style><!--
/* Base Styles */ body { background-color: #fafaf9; color: #1c1917; } /* Chart Container Styling - MANDATORY ADHERENCE */ .chart-container { position: relative; width: 100%; max-width: 600px; /* Max width constraint */ margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; background: white; border-radius: 0.5rem; padding: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .chart-container { height: 350px; } } /* Interactive Elements */ .interactive-card { transition: all 0.3s ease; cursor: pointer; } .interactive-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .active-tab { background-color: #0ea5e9; color: white; } .inactive-tab { background-color: #e7e5e4; color: #44403c; } /* Diagram Styles (No SVG) */ .flow-node { width: 100px; height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background-color: white; border: 3px solid #e7e5e4; transition: all 0.5s ease; z-index: 10; } .flow-node.active { border-color: #0ea5e9; background-color: #f0f9ff; transform: scale(1.1); } .flow-line { flex-grow: 1; height: 4px; background-color: #e7e5e4; transition: all 0.5s ease; } .flow-line.active { background-color: #0ea5e9; }
--></style>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&amp;display=swap" rel="stylesheet" />
<p><a href="http://www.momoyama-okinawa.co.jp/sys/wp-content/uploads/BP-M3035.jpg"><img width="350" height="275" src="http://www.momoyama-okinawa.co.jp/sys/wp-content/uploads/BP-M3035.jpg" class="alignnone" alt="シャープ　複合機　BP-30M35" title="シャープ　複合機　BP-30M35" /></a></p><p>The post <a rel="nofollow" href="http://www.momoyama-okinawa.co.jp/3277.html">シャープ　複合機　BP-30M35</a> appeared first on <a rel="nofollow" href="http://www.momoyama-okinawa.co.jp">株式会社 ももやま</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.momoyama-okinawa.co.jp/3277.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.momoyama-okinawa.co.jp/3277.html" />
	</item>
	</channel>
</rss>
