PageSourceSearch

https://rakudasu.com/

html rakudasu.com collected 2026-09-26 07:36:20 UTC 149,330 bytes, 567 lines download raw bytes

1<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>ラクダス | 一点物・多品番のネットショップのための一括出品・在庫同期</title><meta name="description" content="写真を放り込めば、すべての販路へ。売れた瞬間、すべての販路から消える。Shopify・BASE・STORES・メルカリShops・Yahoo!ショッピング・Yahoo!オークション・楽天市場・スマレジ・ZenPlusに対応した、一点物・多品番の店のための一元管理サービスです。"><link rel="canonical" href="https://rakudasu.com/"><meta property="og:type" content="website"><meta property="og:title" content="ラクダス | 一点物・多品番のネットショップのための一括出品・在庫同期"><meta property="og:description" content="写真を放り込めば、すべての販路へ。売れた瞬間、すべての販路から消える。Shopify・BASE・STORES・メルカリShops・Yahoo!ショッピング・Yahoo!オークション・楽天市場・スマレジ・ZenPlusに対応した、一点物・多品番の店のための一元管理サービスです。"><meta property="og:url" content="https://rakudasu.com/"><meta property="og:site_name" content="ラクダス"><meta property="og:image" content="https://rakudasu.com/images/ogp.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://rakudasu.com/images/ogp.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Archivo:wght@500;600;700;800&display=swap" rel="stylesheet">
1<script>(function(){const gtmId = "GTM-NJ7PG2V8";
2
3          // 開発/プレビュー環境ではGTMコンテナ自体を読み込まない。
4          // GA4のフィルタは「レポートから除外」であって「送信しない」ではなく、
5          // 探索・キーイベント数の汚染が残るため送信側で止める(issue #5)。
6          // dataLayerへのpushは残す(ローカルでコンソールから発火を確認できる)。
7          // 検証用の逃げ道: ?gtm=1 を付けるとこの抑止を外してGTMを読み込む。
8          // カットオーバー手順書(docs/cutover-runbook.md)の「workers.dev検証URLで
9          // Tag Assistantを通す」工程がこの抑止で塞がるため、ホスト名による抑止に対しては
10          // sessionStorageでセッション内維持する(検証中はリンクを辿って回るので毎回は付けられない)。
11          //
12          // ただし端末フラグ(下)には効かせない。維持してしまうと、社内端末で一度 ?gtm=1 を
13          // 付けた後そのタブの通常閲覧が全部GA4に入り、しかもChromeはタブ復元で
14          // sessionStorageも復元するため再起動しても解けない。今回検出した
15          // 「1ブラウザ19セッション/週」がそのまま再発する。
16          var gtmQuery = /[?&]gtm=1(&|$)/.test(location.search);
17          var gtmSticky = gtmQuery;
18          try {
19            if (gtmQuery) sessionStorage.setItem("rakudasu:gtm-force", "1");
20            gtmSticky = sessionStorage.getItem("rakudasu:gtm-force") === "1";
21          } catch {
22            // sessionStorageが使えない環境ではクエリのある回だけ有効
23          }
24
25          // 端末フラグ。?internal=1 を一度開いた端末は以後ずっと内部トラフィック扱いにする
26          // (?internal=0 で解除)。sessionStorageのgtm-forceと違いlocalStorageなので永続する。
27          //
28          // 社内の閲覧は本番ドメインを普通に開くので、下のホスト名判定では捕まらない。
29          // 実測(2026-09-08)ではトップ到達「見込み客」63セッションのうち25が社内の2ブラウザで、
30          // ヒーロー離脱率が33%に見えていた(実際は50%)。IPでの除外は自宅が動的IPで組めないため、
31          // 端末側にフラグを置く。localStorageは「ブラウザプロファイル×オリジン」単位なので、
32          // ブラウザ・プロファイルごとに1回ずつ開く必要がある。
33          var internalDevice = false;
34          var internalQuery = /[?&]internal=([01])(&|$)/.exec(location.search);
35          try {
36            if (internalQuery) {
37              if (internalQuery[1] === "1") localStorage.setItem("rakudasu:internal", "1");
38              else localStorage.removeItem("rakudasu:internal");
39            }
40            internalDevice = localStorage.getItem("rakudasu:internal") === "1";
41          } catch {
42            // プライベートモード等でlocalStorageが使えない場合はクエリのある回だけ有効
43            internalDevice = internalQuery ? internalQuery[1] === "1" : false;
44          }
45          // 反映したらアドレスバーからクエリを消す。フラグに有効期限が無いので、
46          // ?internal=1 付きのURLがSlack・商談メール・外部リンクに流れると、踏んだ
47          // 見込み客の端末に恒久フラグが立ち、以後のイベントが検知不能なまま欠測する
48          // (直したいのと真逆の過小計上)。コピーされる経路を先に塞ぐ。
49          if (internalQuery) {
50            try {
51              var cleanUrl = new URL(location.href);
52              cleanUrl.searchParams.delete("internal");
53              history.replaceState(history.state, "", cleanUrl.pathname + cleanUrl.search + cleanUrl.hash);
54            } catch {
55              // URL/history が使えない環境では諦める(フラグ自体は立っている)
56            }
57          }
58
59          var hostInternal = (function (h) {
60            return (
61              h === "localhost" ||
62              h === "127.0.0.1" ||
63              h === "::1" ||
64              h === "[::1]" ||
65              h.endsWith(".local") ||
66              h.endsWith(".web.app") ||
67              h.endsWith(".pages.dev") ||
68              h.endsWith(".workers.dev") ||
69              /^10\./.test(h) ||
70              /^192\.168\./.test(h) ||
71              /^172\.(1[6-9]|2\d|3[01])\./.test(h)
72            );
73          })(location.hostname);
74
75          // 優先順位: ?gtm=1(この読み込み) > 端末フラグ > gtm-force(セッション) > ホスト名
76          window.rakudasuInternalTraffic = gtmQuery
77            ? false
78            : internalDevice
79              ? true
80              : gtmSticky
81                ? false
82                : hostInternal;
83
84          window.dataLayer = window.dataLayer || [];
85          if (window.rakudasuInternalTraffic) {
86            // 抑止理由は両方出す。片方しか出さないと、localhostで ?internal=1 を試した後に
87            // 「端末フラグのせい」と誤読して ?internal=0 を打っても直らない(実際はホスト名判定)
88            var reasons = [];
89            if (internalDevice) reasons.push("この端末は ?internal=1 済み(?internal=0 で解除)");
90            if (hostInternal) reasons.push("ホスト名 " + location.hostname);
91            console.info(
92              "[rakudasu] internal traffic: GTM is not loaded — " +
93                reasons.join(" / ") +
94                "。?gtm=1 を付けるとその読み込みだけ有効になる",
95            );
96          } else {
97            (function (w, d, s, l, i) {
98              w[l] = w[l] || [];
99              w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
100              var f = d.getElementsByTagName(s)[0];
101              var j = d.createElement(s);
102              var dl = l != "dataLayer" ? "&l=" + l : "";
103              j.async = true;
104              j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
105              f.parentNode.insertBefore(j, f);
106            })(window, document, "script", "dataLayer", gtmId);
107          }
108        })();</script>
108<link rel="stylesheet" href="/_astro/Layout.CiAWwaAx.css"></head><body class="bg-white font-sans text-ink antialiased"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJ7PG2V8" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><header data-autohide="top" data-autohide-scope="mobile" class="sticky top-0 z-50 border-b border-ink/12 bg-brand transition-transform duration-300"><div class="mx-auto flex max-w-6xl items-center justify-between px-4 py-3 md:px-6 md:py-[15px]"><a href="/" class="flex-none" aria-label="ラクダス"><div class="overflow-hidden h-[30px] w-[112px] md:h-[34px] md:w-[140px]"><img src="/images/logo-charcoal.png" alt="ラクダス" loading="eager" class="block h-full w-full" style="object-fit:contain;"></div></a><nav class="flex items-center gap-3 md:gap-[22px]"><a href="/#core" class="hidden text-sm font-bold text-ink md:inline" data-nav="features" data-nav-source="header">機能</a><a href="/#pricing" class="hidden text-sm font-bold text-ink md:inline" data-nav="pricing" data-nav-source="header">料金</a><a href="/#cases" class="hidden text-sm font-bold text-ink md:inline" data-nav="cases" data-nav-source="header">事例</a><a href="https://app.rakudasu.com/apply" class="hidden text-sm font-bold text-ink md:inline" data-cta="header_apply" data-nav="apply" data-nav-source="header">申し込み</a><a href="https://app.rakudasu.com" class="inline-flex items-center gap-1 text-[13px] font-medium text-accent md:text-sm" data-cta="header_login" data-nav="login" data-nav-source="header">ログイン<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="relative top-[1.5px] size-4 flex-none" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg></a><a href="/#contact" class="rounded-full bg-ink px-4 py-2.5 text-[13px] font-bold whitespace-nowrap text-white hover:no-underline md:px-[21px] md:py-[11px] md:text-sm" data-cta="header_contact" data-nav="contact" data-nav-source="header">お問い合わせ</a></nav></div></header><main><section data-section="hero" class="relative overflow-hidden bg-brand px-5 pt-9 pb-0 md:px-6 md:pt-16"><div class="absolute -top-[110px] -right-[90px] size-[300px] rounded-full bg-brand-circle opacity-55 md:-top-[160px] md:-right-[130px] md:size-[520px]"></div><div class="relative mx-auto flex max-w-6xl flex-col items-center gap-[18px] text-center md:gap-[22px]"><span class="rounded-full bg-ink px-[13px] py-1.5 text-[11px] font-bold text-brand md:px-4 md:py-[7px] md:text-[13px]">一点物・多品番の店のための一元管理</span><h1 class="text-[29px] leading-[1.45] font-black tracking-[-.02em] md:text-[56px] md:leading-[1.28]">写真を放り込めば、<br class="md:hidden">すべての販路へ。<br>売れた瞬間、<br class="md:hidden">すべての販路から消える。</h1><p class="max-w-[640px] text-[15px] leading-[1.9] font-medium text-brown md:text-lg md:leading-[1.85]">一点物・多品番のネットショップのための一元管理「ラクダス」。EC専任がいなくても、現場で回せます。</p><div class="flex w-full flex-col gap-2.5 md:mt-1 md:w-auto md:flex-row md:gap-3.5"><a href="#contact" data-cta="hero_contact" data-nav="contact" data-nav-source="hero" class="rounded-full bg-ink px-6 py-[18px] text-center text-base font-bold whitespace-nowrap text-white hover:no-underline md:px-[38px] md:py-[17px]">お問い合わせはこちら</a><a href="#contact" data-cta="hero_material" data-nav="contact" data-nav-source="hero" data-lead-type="material" class="rounded-full border border-ink/15 bg-white px-6 py-[18px] text-center text-base font-bold whitespace-nowrap text-ink hover:no-underline md:px-[38px] md:py-[17px]">資料をダウンロード</a></div><div class="flex flex-wrap justify-center gap-2 md:mt-0.5 md:gap-2.5"><span class="rounded-full bg-white/65 px-3 py-1.5 text-xs font-bold whitespace-nowrap md:px-3.5 md:text-[13px]">初期費用0円</span><span class="rounded-full bg-white/65 px-3 py-1.5 text-xs font-bold whitespace-nowrap md:px-3.5 md:text-[13px]">契約期間の縛りなし</span><span class="rounded-full bg-white/65 px-3 py-1.5 text-xs font-bold whitespace-nowrap md:px-3.5 md:text-[13px]">出品作業<span class="font-display">70%</span>削減の実績</span></div><!-- デスクトップ: 管理画面のブラウザ再現 --><div class="hidden w-full justify-center lg:flex"><div class="mt-[34px] w-full max-w-[1000px] rounded-t-2xl bg-ink p-[10px] pb-0 shadow-[0_-8px_40px_rgba(92,61,0,.28)]" aria-hidden="true"><div class="flex items-center gap-1.5 px-2 pt-1.5 pb-2.5"><span class="size-[9px] rounded-full bg-stone-600"></span><span class="size-[9px] rounded-full bg-stone-600"></span><span class="size-[9px] rounded-full bg-stone-600"></span><span class="ml-2.5 font-display text-[11px] text-stone-400">app.rakudasu.com</span></div><div class="h-[296px] overflow-hidden bg-white"><div class="flex w-[1440px] origin-top-left scale-[.6806] text-left font-sans text-ink"><aside class="w-[232px] flex-none border-r border-stone-200 bg-white"><div class="flex h-[55px] items-center bg-logo-yellow px-5"><div class="overflow-hidden h-[26px] w-[120px]"><img src="/images/logo-charcoal.png" alt="ラクダス" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></div><div class="flex flex-col gap-0.5 px-3.5 py-5"><span class="px-2 pb-2 text-[13px] font-bold text-stone-500">運用</span><div class="relative flex items-center gap-[11px] rounded-[9px] border border-stone-200 px-[13px] py-[11px] shadow-[0_1px_2px_rgba(0,0,0,.05)]"><span class="absolute top-2.5 bottom-2.5 left-0 w-[3px] rounded-r-[3px] bg-logo-yellow"></span><svg viewBox="0 0 24 24" fill="none" stroke="#1C1917" stroke-width="1.8" stroke-linecap="round" class="size-4 flex-none"><path d="M4 7h16M4 12h16M4 17h16"></path></svg><span class="text-sm font-bold tracking-[.01em]">商品マスター管理</span></div><div class="flex items-center gap-[11px] px-[13px] py-[11px]"><svg viewBox="0 0 24 24" fill="none" stroke="#57534E" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 flex-none"><path d="M3 4h2l2.4 10.4a1 1 0 0 0 1 .8h7.7a1 1 0 0 0 1-.8L19 7H6"></path><circle cx="9.5" cy="19" r="1.3"></circle><circle cx="16.5" cy="19" r="1.3"></circle></svg><span class="text-sm tracking-[.01em] text-stone-700">注文</span></div><span class="px-2 pt-[18px] pb-2 text-[13px] font-bold text-stone-500">分析</span><div class="flex items-center gap-[11px] px-[13px] py-[11px]"><svg viewBox="0 0 24 24" fill="none" stroke="#57534E" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 flex-none"><path d="M12 3 4 7v10l8 4 8-4V7z"></path><path d="M4 7l8 4 8-4M12 11v10"></path></svg><span class="text-sm tracking-[.01em] text-stone-700">在庫健全性</span></div><div class="flex items-center gap-[11px] px-[13px] py-[11px]"><svg viewBox="0 0 24 24" fill="none" stroke="#57534E" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="size-4 flex-none"><path d="M4 20V10M10 20V4M16 20v-7M22 20H2"></path></svg><span class="text-sm tracking-[.01em] text-stone-700">売上・注文分析</span></div></div></aside><main class="min-w-0 flex-1 px-[30px] pt-[26px]"><div class="flex items-start justify-between gap-5"><div><h3 class="text-[27px] font-black tracking-[-.01em]">商品マスター管理</h3><p class="mt-[7px] text-[13px] text-stone-500">出品の有無に関わらず、扱う全商品の一次情報を管理します</p></div><div class="flex flex-none items-center gap-2.5"><span class="rounded-[9px] border border-stone-200 px-[18px] py-[11px] text-[13px] font-bold text-stone-600">CSV取込</span><span class="rounded-[9px] bg-ink px-5 py-[11px] text-[13px] font-bold text-white">+ 商品を追加</span></div></div><div class="mt-5 flex items-center gap-[26px] border-b border-stone-200"><span class="border-b-[3px] border-ink px-0.5 pb-3 text-[15px] font-extrabold">販売可 <span class="font-display">8,360</span></span><span class="px-0.5 pb-3 text-[15px] text-stone-600">下書き <span class="font-display">32</span></span><span class="px-0.5 pb-3 text-[15px] text-stone-600">アーカイブ <span class="font-display">0</span></span></div><div class="mt-[18px] flex items-center gap-3"><span class="w-[270px] rounded-[9px] border border-stone-200 px-[15px] py-[11px] text-[13px] text-stone-400">販売可の中を検索</span><span class="ml-1 text-[13px] text-stone-500">出品</span><span class="rounded-full bg-ink px-[19px] py-[9px] text-[13px] font-bold text-white">すべて <span class="font-display">8,360</span></span><span class="flex items-center gap-[7px] rounded-full border border-stone-200 px-[17px] py-[9px] text-[13px] text-stone-700"><span class="size-[7px] rounded-full bg-green-500"></span>出品中 <span class="font-display">8,344</span></span><span class="flex items-center gap-[7px] rounded-full border border-stone-200 px-[17px] py-[9px] text-[13px] text-stone-700"><span class="size-[7px] rounded-full bg-blue-500"></span>未出品 <span class="font-display">4</span></span><span class="flex items-center gap-[7px] rounded-full border border-red-300 px-[17px] py-[9px] text-[13px] text-red-600"><span class="size-[7px] rounded-full bg-red-600"></span>要対応 <span class="font-display">12</span></span><span class="rounded-full border border-dashed border-stone-300 px-[17px] py-[9px] text-[13px] text-stone-600">+ 絞り込み</span><span class="ml-auto text-[13px] text-stone-600"><span class="font-display">8,360</span> 件</span></div><div class="mt-5 grid grid-cols-[34px_1fr_74px_108px_122px_236px_84px] items-center border-b border-stone-200 pb-[11px] text-[13px] font-bold text-stone-600"><span class="size-[17px] rounded border border-stone-300"></span><span>商品名</span><span>在庫</span><span>原価</span><span>販売価格</span><span>出品状態</span><span>登録日 ↓</span></div><div class="grid grid-cols-[34px_1fr_74px_108px_122px_236px_84px] items-center border-b border-[#F0EDE8] py-[13px]"><span class="size-[17px] rounded border border-stone-300"></span><div class="flex min-w-0 items-center gap-4"><div class="overflow-hidden size-14 flex-none rounded-lg border border-stone-200 bg-white"><img src="/images/levis.avif" alt="Levi's 501 66前期 デニムパンツ W32" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1"><span class="truncate text-[15px] font-extrabold">Levi&#39;s 501 66前期 デニムパンツ W32</span><span class="text-xs text-stone-500">種類数: 2</span></div></div><span class="font-display text-[15px]">1</span><span class="text-sm text-stone-700"><span class="font-display">24,000</span>円</span><span class="text-[15px] font-extrabold"><span class="font-display">58,000</span>円</span><div class="flex items-center gap-[7px]"><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span></div><span class="font-display text-[13px] leading-[1.45] text-stone-600">2026<br>08/12</span></div><div class="grid grid-cols-[34px_1fr_74px_108px_122px_236px_84px] items-center border-b border-[#F0EDE8] py-[13px]"><span class="size-[17px] rounded border border-stone-300"></span><div class="flex min-w-0 items-center gap-4"><div class="overflow-hidden size-14 flex-none rounded-lg border border-stone-200 bg-white"><img src="/images/ralph-lauren.jpg" alt="RALPH LAUREN 90s スイングトップ ネイビー M" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1"><span class="truncate text-[15px] font-extrabold">RALPH LAUREN 90s スイングトップ ネイビー M</span><span class="text-xs text-stone-500">
108種類数: 3</span></div></div><span class="font-display text-[15px]">1</span><span class="text-sm text-stone-700"><span class="font-display">6,800</span>円</span><span class="text-[15px] font-extrabold"><span class="font-display">16,800</span>円</span><div class="flex items-center gap-[7px]"><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[26px] w-[30px] flex-none items-center justify-center rounded-md border text-[11px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span></div><span class="font-display text-[13px] leading-[1.45] text-stone-600">2026<br>08/11</span></div></main></div></div></div></div><!-- モバイル: 端末モック内のカードUI(1枚目が完全に見え、2枚目が下端で切れる) --><div class="mt-5 w-[300px] rounded-t-[22px] bg-ink p-2 pb-0 shadow-[0_-8px_30px_rgba(92,61,0,.28)] lg:hidden" aria-hidden="true"><div class="flex justify-center pt-1 pb-2"><span class="h-1 w-[52px] rounded-full bg-stone-600"></span></div><div class="h-[268px] overflow-hidden rounded-t-[14px] bg-white"><div class="w-[390px] origin-top-left bg-white text-left font-sans text-ink" style="transform:scale(0.7282)" aria-hidden="true"><div class="flex items-center gap-3.5 bg-logo-yellow px-4 py-3.5"><div class="overflow-hidden h-[22px] w-[84px] flex-none"><img src="/images/logo-charcoal.png" alt="ラクダス" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><span class="text-[13px] font-bold whitespace-nowrap">商品一覧</span><span class="text-[13px] font-bold whitespace-nowrap">商品登録</span><span class="text-[13px] font-bold whitespace-nowrap">注文一覧</span></div><div class="flex items-center justify-between px-4 pt-5"><h4 class="text-2xl font-black">商品マスター</h4><span class="flex size-10 items-center justify-center rounded-[11px] bg-ink text-xl text-white">+</span></div><div class="mx-4 mt-[18px] flex gap-[22px] border-b border-stone-200"><span class="border-b-[3px] border-ink pb-2.5 text-sm font-extrabold">販売可 8,360</span><span class="pb-2.5 text-sm text-stone-600">下書き 32</span><span class="pb-2.5 text-sm text-stone-600">アーカイブ 0</span></div><div class="flex gap-2 px-4 pt-3.5"><span class="flex-1 rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] text-stone-400">検索</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">絞り込み</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">選択</span></div><div class="flex gap-[7px] px-4 pt-3"><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-ink bg-ink px-3 py-[9px] text-[13px] font-bold text-white whitespace-nowrap">すべて <span class="font-display opacity-75">8,360</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-stone-200 bg-white px-3 py-[9px] text-[13px] font-bold text-stone-700 whitespace-nowrap"><span class="size-[7px] rounded-full bg-green-500"></span>出品中 <span class="font-display opacity-75">8,344</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-red-300 bg-red-50 px-3 py-[9px] text-[13px] font-bold text-red-600 whitespace-nowrap"><span class="size-[7px] rounded-full bg-red-600"></span>要対応 <span class="font-display opacity-75">12</span></span></div><div class="flex flex-col gap-3 p-4 pt-3.5"><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/levis.avif" alt="Levi's 501 66前期 デニムパンツ W32" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Levi&#39;s 501 66前期 デニムパンツ W32</span><span class="font-display text-[17px] font-extrabold">58,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/ralph-lauren.jpg" alt="RALPH LAUREN 90s スイングトップ M" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">RALPH LAUREN 90s スイングトップ M</span><span class="font-display text-[17px] font-extrabold">16,800円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/work-jacket.webp" alt="Carhartt デトロイトジャケット ブラック 墨黒 L" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Carhartt デトロイトジャケット ブラック 墨黒 L</span><span class="font-display text-[17px] font-extrabold">60,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-stone-200 bg-white text-stone-400">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div></div></div></div></div></div></section><section data-section="brands" class="bg-white px-5 pt-16 pb-7 md:px-6 md:pt-[100px] md:pb-9"><div class="mx-auto flex max-w-6xl flex-col items-center gap-3.5 md:gap-4"><span class="text-xs font-bold text-stone-500 md:text-[13px]">対応ECモール・カートシステム・POS</span><ul class="grid w-full grid-cols-2 gap-2 md:max-w-[640px] md:grid-cols-3 md:gap-2.5"><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[29px] md:h-8"><img src="/images/pf-shopify.png" alt="Shopify" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[30px] md:h-[34px]"><img src="/images/pf-base.png" alt="BASE" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[21px] md:h-[23px]"><img src="/images/pf-stores.png" alt="STORES" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[31px] md:h-[34px]"><img src="/images/pf-mercari-shops.png" alt="メルカリShops" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[27px] md:h-[30px]"><img src="/images/pf-yahoo-shopping.png" alt="Yahoo!ショッピング" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[27px] md:h-[30px]"><img src="/images/pf-yahoo-auction.png" alt="Yahoo!オークション" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-[27px] md:h-[30px]"><img src="/images/pf-rakuten.png" alt="楽天市場" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 "><div class="overflow-hidden w-full h-9 md:h-10"><img src="/images/pf-smaregi.png" alt="スマレジ(POS)" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li><li class="flex h-[68px] items-center justify-center rounded-[10px] border border-line-logo bg-white px-3.5 md:h-[76px] md:px-4 col-span-full md:col-span-1"><div class="overflow-hidden w-full h-10 md:h-11"><img src="/images/pf-zenplus.png" alt="ZenPlus(越境EC)" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div></li></ul><p class="max-w-[640px] text-center text-[11px] leading-[1.8] text-stone-500 md:text-xs">※ Yahoo!オークションへの出品にはストアアカウントが必要です</p></div></section><section data-section="problem" class="bg-white px-5 pt-11 pb-16 md:px-6 md:pt-[60px] md:pb-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">複数ショップ運営の課題</p><h2 class="mt-2 max-w-[800px] text-[25px] leading-[1.5] font-black tracking-[-.02em] text-balance md:mt-2.5 md:text-4xl md:leading-normal">運用に追われ、売上を伸ばすための業務に時間が使えていない</h2><div class="mt-[26px] grid grid-cols-1 md:mt-11 md:grid-cols-2 md:gap-x-14"><div class="flex gap-4 border-t border-line py-[18px] md:gap-[22px] md:py-[22px] "><span class="w-5 flex-none pt-0.5 font-display text-[13px] font-extrabold text-accent md:w-6 md:pt-[3px] md:text-[15px]">01</span>
108<p class="text-[15px] leading-[1.8] md:text-[17px]">自社ECや各モールの管理画面に、同じ商品を何度も登録している</p></div><div class="flex gap-4 border-t border-line py-[18px] md:gap-[22px] md:py-[22px] "><span class="w-5 flex-none pt-0.5 font-display text-[13px] font-extrabold text-accent md:w-6 md:pt-[3px] md:text-[15px]">02</span><p class="text-[15px] leading-[1.8] md:text-[17px]">モールごとに画像の仕様がバラバラで、1枚ずつサイズや枚数を調整している</p></div><div class="flex gap-4 border-t border-line py-[18px] md:gap-[22px] md:py-[22px] "><span class="w-5 flex-none pt-0.5 font-display text-[13px] font-extrabold text-accent md:w-6 md:pt-[3px] md:text-[15px]">03</span><p class="text-[15px] leading-[1.8] md:text-[17px]">一点物が売れたのに他の販路の取り下げが間に合わず、売り越しの謝罪をしたことがある</p></div><div class="flex gap-4 border-t border-line py-[18px] md:gap-[22px] md:py-[22px] "><span class="w-5 flex-none pt-0.5 font-display text-[13px] font-extrabold text-accent md:w-6 md:pt-[3px] md:text-[15px]">04</span><p class="text-[15px] leading-[1.8] md:text-[17px]">価格の変更やセール対応を、モールごとに個別に設定している</p></div><div class="flex gap-4 border-t border-line py-[18px] md:gap-[22px] md:py-[22px] border-b"><span class="w-5 flex-none pt-0.5 font-display text-[13px] font-extrabold text-accent md:w-6 md:pt-[3px] md:text-[15px]">05</span><p class="text-[15px] leading-[1.8] md:text-[17px]">店頭とECの在庫がズレて、棚卸しが合わない</p></div><div class="hidden border-t border-b border-line md:block"></div></div><p class="mt-7 max-w-[720px] border-l-[3px] border-brand pl-[18px] text-[15px] leading-[1.95] font-medium md:mt-10 md:pl-[22px] md:text-[17px]">こうした運用の手間が、成長を止めています。ラクダスは、一点物や多品番の商品を複数の販路で売る店の「出品・在庫・注文の手間」を限りなくゼロに近づけるために生まれました。</p></div></section><section data-section="benefit" class="bg-ink px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-brand md:text-sm">ラクダスの導入で</p><h2 class="mt-2 text-[25px] leading-[1.5] font-black tracking-[-.02em] text-white md:text-4xl md:leading-normal">出品作業を1/3に、在庫ズレをゼロに</h2><div class="mt-[26px] grid grid-cols-1 gap-3 md:mt-10 md:grid-cols-2 md:gap-5"><div class="rounded-2xl border border-ink-border bg-ink-card p-6 md:rounded-[18px] md:p-[34px]"><p class="text-[26px] font-black tracking-[-.02em] text-brand md:text-[34px]">商品登録を<span class="font-display">70%</span>削減</p><p class="mt-3.5 text-sm leading-[1.9] text-stone-300 md:mt-[18px] md:text-base md:leading-[1.95]">商品をラクダスに一度登録するだけで、各販路の仕様に自動で合わせて一括出品。写真の調整も説明文の使い回しも、ラクダスが引き受けます。</p></div><div class="rounded-2xl border border-ink-border bg-ink-card p-6 md:rounded-[18px] md:p-[34px]"><p class="text-[26px] font-black tracking-[-.02em] text-brand md:text-[34px]">在庫ズレ ゼロ運用</p><p class="mt-3.5 text-sm leading-[1.9] text-stone-300 md:mt-[18px] md:text-base md:leading-[1.95]">商品が売れたら、他の販路の在庫を自動で調整。二重販売による機会損失もクレームもゼロに。</p></div></div><p class="mt-6 max-w-[820px] text-sm leading-[1.9] text-stone-300 md:mt-9 md:text-base md:leading-[1.95]">手間を削減して生まれた時間を、販促企画・商品企画・仕入れなど、売上を伸ばすために本来必要な業務にあてることができます。</p></div></section><section data-section="core" id="core" class="bg-cream px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">ラクダスのコア体験</p><h2 class="mt-2 text-[25px] leading-[1.5] font-black tracking-[-.02em] md:text-4xl md:leading-normal">売れた瞬間、すべての販路が動く</h2><p class="mt-3.5 max-w-[740px] text-sm leading-[1.9] text-stone-700 md:mt-4 md:text-base md:leading-[1.95]">登録は一度だけ。写真を放り込めば、各販路の仕様に合わせて自動で最適化して出品さã
108‚Œã¾ã™ã€‚1点しかない商品が売れたら、店頭のレジを含むすべての販路から自動で消える。二重販売も、お客様への謝罪も、なくなります。</p><div class="mt-[26px] grid grid-cols-1 overflow-hidden rounded-[18px] border border-line bg-white md:mt-10 md:grid-cols-[1fr_1.18fr_1fr] md:rounded-[20px]"><div class="flex flex-col gap-4 border-b border-line p-6 md:gap-5 md:border-r md:border-b-0 md:p-7"><div class="flex items-baseline gap-2.5"><span class="font-display text-[30px] leading-none font-extrabold text-brand md:text-[34px]">01</span><span class="text-[17px] font-black">写真を放り込む</span></div><p class="text-sm leading-[1.85] font-medium text-stone-700">サイズ・枚数・容量は<br class="hidden md:inline">ラクダスが販路ごとに自動変換</p><div class="flex items-center gap-3"><div class="overflow-hidden h-[102px] w-[82px] flex-none rounded-[10px] border border-line bg-white md:h-[110px] md:w-[88px]"><img src="/images/levis.avif" alt="撮ったままの商品写真" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><span class="text-xl text-brand">→</span><div class="flex items-end gap-1.5" aria-hidden="true"><div class="h-[38px] w-[38px] rounded-[5px] border border-dashed border-line-strong bg-cream-deep md:h-10 md:w-10"></div><div class="h-[38px] w-[30px] rounded-[5px] border border-dashed border-line-strong bg-cream-deep md:h-10 md:w-8"></div><div class="h-[30px] w-12 rounded-[5px] border border-dashed border-line-strong bg-cream-deep md:h-8 md:w-[52px]"></div></div></div></div><div class="flex flex-col gap-4 border-b border-line bg-brand p-6 md:gap-5 md:border-r md:border-b-0 md:p-7"><div class="flex items-baseline gap-2.5"><span class="font-display text-[30px] leading-none font-extrabold text-white md:text-[34px]">02</span><span class="text-[17px] font-black">ラクダスを軸に、全販路へ</span></div><p class="text-sm leading-[1.85] font-bold text-brown">8販路 + 店頭POS。<br class="hidden md:inline">登録は一度だけ。</p><div class="flex items-center gap-3 rounded-xl bg-ink px-[15px] py-[13px]"><div class="overflow-hidden size-[38px] flex-none rounded-lg bg-white md:size-10"><img src="/images/levis.avif" alt="商品サムネイル" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><span class="text-sm font-black text-white">ラクダスで一元管理</span><div class="ml-auto flex flex-col items-center"><span class="text-[10px] font-bold text-stone-400">在庫</span><span class="font-display text-xl leading-none font-extrabold text-brand md:text-[22px]">1</span></div></div><div class="flex flex-col items-center" aria-hidden="true"><div class="h-4 w-0.5 bg-ink/30 md:h-[18px]"></div><div class="h-0.5 w-[88%] bg-ink/30 md:w-[92%]"></div><div class="flex w-[88%] justify-between md:w-[92%]"><div class="h-3.5 w-0.5 bg-ink/30 md:h-4"></div><div class="h-3.5 w-0.5 bg-ink/30 md:h-4"></div><div class="h-3.5 w-0.5 bg-ink/30 md:h-4"></div><div class="h-3.5 w-0.5 bg-ink/30 md:h-4"></div></div></div><div class="grid grid-cols-4 gap-1.5 md:gap-2"><div class="rounded-[9px] bg-white/90 px-1 py-3 text-center text-[11px] font-black md:rounded-[10px] md:px-1.5 md:py-3.5 md:text-xs">自社EC</div><div class="rounded-[9px] bg-white/90 px-1 py-3 text-center text-[11px] font-black md:rounded-[10px] md:px-1.5 md:py-3.5 md:text-xs">モール</div><div class="rounded-[9px] bg-ink px-1 py-3 text-center text-[11px] font-black text-brand md:rounded-[10px] md:px-1.5 md:py-3.5 md:text-xs">店頭レジ</div><div class="rounded-[9px] bg-white/90 px-1 py-3 text-center text-[11px] font-black md:rounded-[10px] md:px-1.5 md:py-3.5 md:text-xs">海外</div></div></div><div class="flex flex-col gap-4 p-6 md:gap-5 md:p-7"><div class="flex items-baseline gap-2.5"><span class="font-display text-[30px] leading-none font-extrabold text-brand md:text-[34px]">03</span><span class="text-[17px] font-black">売れたら、全販路から消える</span></div><p class="text-sm leading-[1.85] font-medium text-stone-700">二重販売も、謝罪も、<br class="hidden md:inline">
108なくなります。</p><div class="flex items-center gap-2.5 rounded-[11px] bg-ink px-[15px] py-[13px]"><span class="text-[13px] font-black text-white">Shopifyで1点 売れた</span><span class="ml-auto rounded-full bg-brand px-[9px] py-1 font-display text-[10px] font-extrabold text-ink">SOLD</span></div><div class="flex flex-col gap-2"><div class="rounded-[10px] bg-cream-deep px-3.5 py-3 text-[13px] font-bold text-stone-500 line-through md:py-[13px]">自社EC / モール</div><div class="rounded-[10px] bg-cream-deep px-3.5 py-3 text-[13px] font-bold text-stone-500 line-through md:py-[13px]">店頭レジ / 海外</div></div></div></div><p class="mt-6 max-w-[820px] text-sm leading-[1.9] text-stone-700 md:mt-[34px] md:text-base md:leading-[1.95]">複数の実店舗それぞれの店頭在庫を、1つのネットショップのアカウントにまとめて出品する——そんな運用も実際に行われています。ECと店舗、国内と海外を分けずに、店の在庫全体をひとつに保てます。</p></div></section><section data-section="design" class="bg-white px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">なぜラクダスか</p><h2 class="mt-2 text-[25px] leading-[1.5] font-black tracking-[-.02em] md:text-4xl md:leading-normal">一点物・多品番の店のために、最初から設計されています</h2><div class="mt-[26px] flex flex-col border-t-2 border-ink md:mt-10 md:grid md:grid-cols-3"><div class="flex flex-col gap-2.5 border-b border-line py-[22px] md:gap-3.5 md:border-b-0 md:py-[30px] md:border-r md:pr-[34px]"><h3 class="text-lg leading-[1.6] font-black md:text-xl">「補充される定番品」前提の道具では、回らない</h3><p class="text-sm leading-[1.9] text-stone-700 md:text-[15px] md:leading-[1.95]">一般的な一元管理システムは、補充される定番商品のカタログを前提に作られています。数千の品番を各1〜数点ずつ、常に入れ替わり、補充されない——そんな商材を扱う店では、その前提が壊れます。ラクダスは最初から、一点物・多品番を前提に設計されています。</p></div><div class="flex flex-col gap-2.5 border-b border-line py-[22px] md:gap-3.5 md:border-b-0 md:py-[30px] md:border-r md:px-[34px]"><h3 class="text-lg leading-[1.6] font-black md:text-xl">写真を放り込むだけ</h3><p class="text-sm leading-[1.9] text-stone-700 md:text-[15px] md:leading-[1.95]">一点物の出品作業でいちばん重いのは、商品ごとの写真まわり。ラクダスなら、撮った写真をそのまま入れるだけで、各販路のサイズ・枚数・容量の仕様に合わせた調整はすべてラクダス側で行います。販路ごとの画像加工は、もう必要ありません。</p></div><div class="flex flex-col gap-2.5 border-b border-line py-[22px] md:gap-3.5 md:border-b-0 md:py-[30px] md:pl-[34px]"><h3 class="text-lg leading-[1.6] font-black md:text-xl">EC専任がいなくても、現場で回せる</h3><p class="text-sm leading-[1.9] text-stone-700 md:text-[15px] md:leading-[1.95]">ラクダスを使っているのは、店頭に立ちながらECも見ているスタッフの方々です。専任の担当者を置けなくても、店頭の合間に、スマホからでも、日々の出品と在庫管理が回るように作られています。</p></div></div></div></section><section data-section="features" class="bg-cream px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">ラクダスで使える</p><h2 class="mt-2 text-[25px] font-black tracking-[-.02em] md:text-4xl">基本機能一覧</h2><div class="mt-[26px] flex flex-col gap-3.5 md:mt-10 md:gap-5"><!-- 01 一括出品・変更 --><div class="rounded-2xl border border-line bg-white p-[22px] md:rounded-[18px] md:p-9"><div class="flex items-baseline gap-2.5 md:gap-3.5"><span class="font-display text-xs font-extrabold text-amber-num md:text-[13px]">01</span>
108<h3 class="text-[19px] font-black md:text-2xl">一括出品・変更</h3><span class="hidden text-sm text-stone-600 md:inline">4つの管理画面を巡回する代わりに、1つの画面で1回だけ</span></div><p class="mt-2 text-[13px] leading-[1.85] text-stone-600 md:hidden">4つの管理画面を巡回する代わりに、1つの画面で1回だけ</p><div class="mt-5 flex flex-col gap-3.5 md:mt-[26px] md:grid md:grid-cols-[1fr_56px_1fr] md:items-center md:gap-0"><div><div class="mb-[9px] flex items-center gap-[9px] md:mb-3 md:gap-2.5"><span class="font-display text-[10px] font-extrabold tracking-[.08em] text-stone-500 md:text-[11px]">BEFORE</span><span class="text-[11px] font-bold text-stone-600 md:text-xs"><span class="hidden md:inline">管理画面を4つ開いて、</span>同じ情報を4回</span></div><div class="grid grid-cols-2 gap-[7px] md:gap-[9px]"><div class="overflow-hidden rounded-[10px] border border-line md:rounded-[11px]"><div class="border-b border-line px-2.5 py-[7px] text-[10px] font-black text-stone-500 md:px-3 md:py-2 md:text-[11px]">メルカリShops</div><div class="px-2.5 py-[9px] text-[9px] leading-[1.8] text-stone-400 md:px-3 md:py-[11px] md:text-[10px] md:leading-[1.9]">商品名 / 説明 / 価格 / 写真<br><span class="font-bold text-stone-600 md:hidden">+ 状態・配送方法</span><span class="hidden font-bold text-stone-600 md:inline">+ 状態・配送方法・発送元</span></div></div><div class="overflow-hidden rounded-[10px] border border-line md:rounded-[11px]"><div class="border-b border-line px-2.5 py-[7px] text-[10px] font-black text-stone-500 md:px-3 md:py-2 md:text-[11px]">Shopify</div><div class="px-2.5 py-[9px] text-[9px] leading-[1.8] text-stone-400 md:px-3 md:py-[11px] md:text-[10px] md:leading-[1.9]">商品名 / 説明 / 価格 / 写真<br><span class="font-bold text-stone-600 md:hidden">+ 商品タイプ・タグ</span><span class="hidden font-bold text-stone-600 md:inline">+ 商品タイプ・販売元・タグ</span></div></div><div class="overflow-hidden rounded-[10px] border border-line md:rounded-[11px]"><div class="border-b border-line px-2.5 py-[7px] text-[10px] font-black text-stone-500 md:px-3 md:py-2 md:text-[11px]">BASE</div><div class="px-2.5 py-[9px] text-[9px] leading-[1.8] text-stone-400 md:px-3 md:py-[11px] md:text-[10px] md:leading-[1.9]">商品名 / 説明 / 価格 / 写真<br><span class="font-bold text-stone-600 md:hidden">+ 独自のカテゴリー</span><span class="hidden font-bold text-stone-600 md:inline">+ 独自のカテゴリー体系</span></div></div><div class="overflow-hidden rounded-[10px] border border-line md:rounded-[11px]"><div class="border-b border-line px-2.5 py-[7px] text-[10px] font-black text-stone-500 md:px-3 md:py-2 md:text-[11px]">STORES</div><div class="px-2.5 py-[9px] text-[9px] leading-[1.8] text-stone-400 md:px-3 md:py-[11px] md:text-[10px] md:leading-[1.9]">商品名 / 説明 / 価格 / 写真<br><span class="font-bold text-stone-600 md:hidden">+ 別体系のカテゴリー</span><span class="hidden font-bold text-stone-600 md:inline">+ 別体系のカテゴリー</span></div></div></div></div><div class="flex items-center justify-center"><span class="text-xl text-brand md:hidden">↓</span><span class="hidden text-2xl text-brand md:inline">→</span></div><div><div class="mb-[9px] flex items-center gap-[9px] md:mb-3 md:gap-2.5"><span class="font-display text-[10px] font-extrabold tracking-[.08em] text-accent md:text-[11px]">AFTER</span><span class="text-[11px] font-bold md:text-xs"><span class="hidden md:inline">ラクダスの</span>1画面に、まとめて1回</span></div><div class="flex flex-col gap-1.5 rounded-xl bg-brand p-3.5 md:gap-[7px] md:rounded-[13px] md:p-[18px]"><div class="flex items-center gap-1.5 rounded-[7px] bg-white px-[11px] py-[9px] text-[11px] font-bold md:gap-0 md:rounded-lg md:px-3 md:py-2.5 md:text-xs"><span>商品名・説明・価格・写真</span><span class="ml-auto text-[9px] font-medium whitespace-nowrap text-stone-500 md:text-[10px]"><span class="hidden md:inline">全販路で</span>共通</span></div><div class="flex items-center gap-1.5 rounded-[7px] bg-white px-[11
108px] py-[9px] text-[11px] font-bold md:gap-0 md:rounded-lg md:px-3 md:py-2.5 md:text-xs"><span>状態・配送方法・発送元</span><span class="ml-auto text-[9px] font-bold whitespace-nowrap text-accent md:text-[10px]">メルカリ<span class="hidden md:inline">Shops</span>用</span></div><div class="flex items-center gap-1.5 rounded-[7px] bg-white px-[11px] py-[9px] text-[11px] font-bold md:gap-0 md:rounded-lg md:px-3 md:py-2.5 md:text-xs"><span>商品タイプ・販売元・タグ</span><span class="ml-auto text-[9px] font-bold whitespace-nowrap text-accent md:text-[10px]">Shopify用</span></div><div class="flex items-center gap-1.5 rounded-[7px] bg-white px-[11px] py-[9px] text-[11px] font-bold md:gap-0 md:rounded-lg md:px-3 md:py-2.5 md:text-xs"><span>各販路のカテゴリー</span><span class="ml-auto rounded-full bg-ink px-[7px] py-[3px] text-[9px] font-extrabold whitespace-nowrap text-brand md:px-2 md:text-[10px]">AIが推定</span></div><div class="rounded-[7px] bg-ink px-[11px] py-[9px] text-[11px] font-bold text-brand md:rounded-lg md:px-3 md:py-2.5 md:text-xs">出品先にチェックを入れて、一括で出品</div></div></div></div><div class="mt-5 flex flex-col gap-3.5 border-t border-line pt-[18px] md:mt-[26px] md:grid md:grid-cols-2 md:gap-x-10 md:pt-[22px]"><div class="flex flex-col gap-[5px] md:gap-1.5"><span class="text-[13px] font-black md:text-sm">AIカテゴリー推定</span><p class="text-xs leading-[1.8] text-stone-600 md:text-[13px] md:leading-[1.85]">タイトルと商品説明から、販路ごとに異なるカテゴリーをAIが推定して確定します</p></div><div class="flex flex-col gap-[5px] md:gap-1.5"><span class="text-[13px] font-black md:text-sm">テンプレート</span><p class="text-xs leading-[1.8] text-stone-600 md:text-[13px] md:leading-[1.85]">マッピングと商品説明の雛形を保存。次回からは呼び出すだけです</p></div></div></div><!-- 02 在庫同期 --><div class="rounded-2xl border border-line bg-white p-[22px] md:rounded-[18px] md:p-9"><div class="flex items-baseline gap-2.5 md:gap-3.5"><span class="font-display text-xs font-extrabold text-amber-num md:text-[13px]">02</span><h3 class="text-[19px] font-black md:text-2xl">在庫同期</h3><span class="hidden text-sm text-stone-600 md:inline">1点売れた「あと」を、ラクダスが見張り続けています</span></div><p class="mt-2 text-[13px] leading-[1.85] text-stone-600 md:hidden">1点売れた「あと」を、ラクダスが見張り続けています</p><div class="mt-5 flex flex-col md:mt-[26px] md:grid md:grid-cols-3 md:items-stretch"><div class="flex flex-col gap-[9px] border-b border-line pb-4 md:gap-3 md:border-r md:border-b-0 md:pr-[26px] md:pb-0"><span class="font-display text-[11px] font-extrabold text-amber-num md:text-xs">STEP 1</span><span class="text-[15px] font-black md:text-base">Shopifyで売れた</span><div class="flex items-center gap-2.5 rounded-[10px] border border-line bg-cream p-[11px] md:gap-[11px] md:rounded-[11px] md:p-[13px]"><div class="overflow-hidden size-8 flex-none rounded-md md:size-9 md:rounded-[7px]"><img src="/images/work-jacket.webp" alt="ワークジャケット" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex flex-col"><span class="text-[10px] text-stone-500 md:text-[11px]">ワークジャケット</span><span class="text-[11px] font-black md:text-xs">在庫 <span class="font-display">1</span></span></div></div></div><div class="flex flex-col gap-[9px] border-b border-line py-4 md:gap-3 md:border-r md:border-b-0 md:px-[26px] md:py-0"><span class="font-display text-[11px] font-extrabold text-amber-num md:text-xs">STEP 2</span><span class="text-[15px] font-black md:text-base">ラクダスが検知</span><div class="flex items-center gap-[11px] rounded-[10px] border border-line bg-cream p-[11px] md:gap-3 md:rounded-[11px] md:p-[13px]"><span class="font-display text-xl font-extrabold text-amber-num md:text-[22px]">1→0</span><span class="text-[10px] leading-[1.7] text-stone-600 md:text-[11px]">全販路を定期的に<br class="hidden md:inline">巡回してチェック</span></div></div><div class="flex flex-col gap-[9px] pt-4 md:gap-3 md:pt-0 md:pl-[26px]"><span class="font-display text-[11px] font-extrabold text-amber-num md:text-xs">STEP 3</span><span class="text-[15px] font-black md:text-base">7販路 + 店頭POS が取り下げ</span><div class="grid grid-cols-2 gap-[5px]"><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">BASE</span><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">STORES</span><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">メルカリShops</span><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">Yahoo!</span><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">楽天市場</span><span class="rounded-md bg-cream-deep px-[9px] py-[7px] text-[10px] font-bold text-stone-500 line-through">ZenPlus</span><span class="col-span-2 rounded-md bg-brand px-[9px] py-[7px] text-[10px] font-extrabold text-ink">スマレジ(店頭のレジ)も同時に</span></div></div></div><p class="mt-5 max-w-[820px] text-[13px] leading-[1.85] text-stone-700 md:mt-6 md:text-sm md:leading-[1.9]">このあいだ、店側は何もしていません。<b>気づかないうちに全販路の在庫調整が終わっています</b>。</p></div><!-- 03 販路別の価格を、自動で出し分け --><div class="rounded-2xl border border-line bg-white p-[22px] md:rounded-[18px] md:p-9"><div class="flex items-baseline gap-2.5 md:gap-3.5"><span class="font-display text-xs font-extrabold text-amber-num md:text-[13px]">03</span>
108<h3 class="text-[19px] font-black md:text-2xl">販路別の価格を、自動で出し分け</h3><span class="hidden text-sm text-stone-600 md:inline">手数料も送料も違う販路に、毎回電卓を叩かない</span></div><p class="mt-2 max-w-[820px] text-[13px] leading-[1.85] text-stone-700 md:mt-4 md:text-[15px] md:leading-[1.95]">販路ごとに販売価格を変えられるだけでなく、<b>その出し分けのルール自体を保存できます</b>。<span class="hidden md:inline">一度決めておけば、</span>商品登録で入れるのは基本価格ひとつだけ。<span class="hidden md:inline">あとは各販路の価格が自動で決まります。</span></p><div class="mt-[18px] md:mt-[26px] md:grid md:grid-cols-[260px_56px_1fr] md:items-center"><div class="flex items-center gap-3.5 rounded-xl bg-brand p-4 md:flex-col md:items-stretch md:gap-2 md:rounded-[13px] md:p-5"><span class="text-[11px] leading-[1.5] font-extrabold text-accent md:text-xs">入力するのは<br class="md:hidden">基本価格だけ</span><div class="ml-auto flex items-baseline gap-0.5 rounded-lg bg-white px-3.5 py-[11px] md:ml-0 md:rounded-[9px] md:px-4 md:py-3.5"><span class="font-display text-2xl font-extrabold md:text-[30px]">10,000</span><span class="text-[13px] font-bold md:text-sm">円</span></div></div><div class="flex justify-center py-2 md:py-0"><span class="text-lg text-brand md:hidden">↓</span><span class="hidden text-2xl text-brand md:inline">→</span></div><div class="flex flex-col border-t border-line"><div class="flex items-center gap-2.5 border-b border-line py-3 md:gap-4 md:py-3.5"><div class="flex flex-col gap-0.5 md:hidden"><span class="text-[13px] font-black">メルカリShops</span><span class="text-[11px] text-stone-600">基本価格 + 10%</span></div><span class="hidden w-[150px] flex-none text-sm font-black md:inline">メルカリShops</span><span class="hidden flex-1 text-[13px] text-stone-600 md:inline">保存したルール: <span class="font-bold text-ink">基本価格 + 10%</span></span><span class="ml-auto font-display text-lg font-extrabold text-accent md:ml-0 md:text-xl">¥11,000</span></div><div class="flex items-center gap-2.5 border-b border-line py-3 md:gap-4 md:py-3.5"><div class="flex flex-col gap-0.5 md:hidden"><span class="text-[13px] font-black">スマレジ(店頭POS)</span><span class="text-[11px] text-stone-600">基本価格のまま</span></div><span class="hidden w-[150px] flex-none text-sm font-black md:inline">スマレジ(店頭POS)</span><span class="hidden flex-1 text-[13px] text-stone-600 md:inline">保存したルール: <span class="font-bold text-ink">基本価格のまま</span></span><span class="ml-auto font-display text-lg font-extrabold text-accent md:ml-0 md:text-xl">¥10,000</span></div><div class="flex items-center gap-2.5 border-b border-line py-3 md:gap-4 md:py-3.5"><div class="flex flex-col gap-0.5 md:hidden"><span class="text-[13px] font-black">Shopify</span><span class="text-[11px] text-stone-600">基本価格 + 600円</span></div><span class="hidden w-[150px] flex-none text-sm font-black md:inline">Shopify</span><span class="hidden flex-1 text-[13px] text-stone-600 md:inline">保存したルール: <span class="font-bold text-ink">基本価格 + 600円</span></span><span class="ml-auto font-display text-lg font-extrabold text-accent md:ml-0 md:text-xl">¥10,600</span></div></div></div><p class="mt-[18px] max-w-[820px] text-[13px] leading-[1.85] text-stone-700 md:mt-[22px] md:text-sm md:leading-[1.9]">販路ごとの手数料や送料の違いを、<b>商品登録のたびに計算し直す必要がありません</b>。<span class="hidden md:inline">ルールを変えれば、以降の登録すべてに効きます。</span></p></div><!-- 04 完全スマホ対応 --><div class="rounded-2xl border border-line bg-white p-[22px] md:rounded-[18px] md:p-9 md:grid md:grid-cols-2 md:items-center md:gap-10"><div class="flex flex-col gap-2 md:gap-3.5"><div class="flex items-baseline gap-2.5 md:gap-3.5"><span class="font-display text-xs font-extrabold text-amber-num md:text-[13px]">04</span>
108<h3 class="text-[19px] font-black md:text-2xl">完全スマホ対応</h3></div><p class="text-[13px] leading-[1.85] text-stone-700 md:text-[15px] md:leading-[1.95]">スマホで全機能が使えます。移動中や倉庫でも、店頭の合間でも。EC専任がいなくても回る理由のひとつです。</p><div class="hidden flex-col border-t border-line md:flex"><div class="border-b border-line py-[13px] text-sm font-bold">店頭のレジ横で、売れた商品をその場で取り下げ</div><div class="border-b border-line py-[13px] text-sm font-bold">倉庫や店頭で写真を撮って、そのままスマホで出品</div></div></div><div class="relative mt-[18px] h-[200px] md:mt-0 md:h-[300px]"><div class="overflow-hidden absolute inset-0 rounded-xl md:rounded-[14px]"><img src="/images/mobile-photo.jpg" alt="店内でスタッフがスマホを操作している様子" loading="lazy" class="block h-full w-full" style="object-fit:cover;object-position:center 30%;"></div><div class="absolute right-3.5 -bottom-2.5 w-24 rounded-[14px] bg-ink p-[5px] shadow-[0_12px_30px_rgba(28,25,23,.3)] md:right-5 md:-bottom-3.5 md:w-[132px] md:rounded-2xl md:p-1.5"><div class="h-[158px] w-full overflow-hidden rounded-[10px] bg-white md:hidden"><div class="w-[390px] origin-top-left bg-white text-left font-sans text-ink" style="transform:scale(0.2205)" aria-hidden="true"><div class="flex items-center gap-3.5 bg-logo-yellow px-4 py-3.5"><div class="overflow-hidden h-[22px] w-[84px] flex-none"><img src="/images/logo-charcoal.png" alt="ラクダス" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><span class="text-[13px] font-bold whitespace-nowrap">商品一覧</span><span class="text-[13px] font-bold whitespace-nowrap">商品登録</span><span class="text-[13px] font-bold whitespace-nowrap">注文一覧</span></div><div class="flex items-center justify-between px-4 pt-5"><h4 class="text-2xl font-black">商品マスター</h4><span class="flex size-10 items-center justify-center rounded-[11px] bg-ink text-xl text-white">+</span></div><div class="mx-4 mt-[18px] flex gap-[22px] border-b border-stone-200"><span class="border-b-[3px] border-ink pb-2.5 text-sm font-extrabold">販売可 8,360</span><span class="pb-2.5 text-sm text-stone-600">下書き 32</span><span class="pb-2.5 text-sm text-stone-600">アーカイブ 0</span></div><div class="flex gap-2 px-4 pt-3.5"><span class="flex-1 rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] text-stone-400">検索</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">絞り込み</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">選択</span></div><div class="flex gap-[7px] px-4 pt-3"><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-ink bg-ink px-3 py-[9px] text-[13px] font-bold text-white whitespace-nowrap">すべて <span class="font-display opacity-75">8,360</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-stone-200 bg-white px-3 py-[9px] text-[13px] font-bold text-stone-700 whitespace-nowrap"><span class="size-[7px] rounded-full bg-green-500"></span>出品中 <span class="font-display opacity-75">8,344</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-red-300 bg-red-50 px-3 py-[9px] text-[13px] font-bold text-red-600 whitespace-nowrap"><span class="size-[7px] rounded-full bg-red-600"></span>要対応 <span class="font-display opacity-75">12</span></span></div><div class="flex flex-col gap-3 p-4 pt-3.5"><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/levis.avif" alt="Levi's 501 66前期 デニムパンツ W32" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Levi&#39;s 501 66前期 デニムパンツ W32</span><span class="font-display text-[17px] font-extrabold">58,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/ralph-lauren.jpg" alt="RALPH LAUREN 90s スイングトップ M" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">RALPH LAUREN 90s スイングトップ M</span><span class="font-display text-[17px] font-extrabold">16,800円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/work-jacket.webp" alt="Carhartt デトロイトジャケット ブラック 墨黒 L" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Carhartt デトロイトジャケット ブラック 墨黒 L</span><span class="font-display text-[17px] font-extrabold">60,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-stone-200 bg-white text-stone-400">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div></div></div></div><div class="hidden h-[220px] w-full overflow-hidden rounded-xl bg-white md:block"><div class="w-[390px] origin-top-left bg-white text-left font-sans text-ink" style="transform:scale(0.3077)" aria-hidden="true"><div class="flex items-center gap-3.5 bg-logo-yellow px-4 py-3.5"><div class="overflow-hidden h-[22px] w-[84px] flex-none"><img src="/images/logo-charcoal.png" alt="ラクダス" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><span class="text-[13px] font-bold whitespace-nowrap">商品一覧</span><span class="text-[13px] font-bold whitespace-nowrap">商品登録</span><span class="text-[13px] font-bold whitespace-nowrap">注文一覧</span></div><div class="flex items-center justify-between px-4 pt-5"><h4 class="text-2xl font-black">商品マスター</h4><span class="flex size-10 items-center justify-center rounded-[11px] bg-ink text-xl text-white">+</span></div><div class="mx-4 mt-[18px] flex gap-[22px] border-b border-stone-200"><span class="border-b-[3px] border-ink pb-2.5 text-sm font-extrabold">販売可 8,360</span><span class="pb-2.5 text-sm text-stone-600">下書き 32</span><span class="pb-2.5 text-sm text-stone-600">アーカイブ 0</span></div><div class="flex gap-2 px-4 pt-3.5"><span class="flex-1 rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] text-stone-400">検索</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">絞り込み</span><span class="rounded-[10px] border border-stone-200 px-3.5 py-2.5 text-[13px] whitespace-nowrap">選択</span></div><div class="flex gap-[7px] px-4 pt-3"><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-ink bg-ink px-3 py-[9px] text-[13px] font-bold text-white whitespace-nowrap">すべて <span class="font-display opacity-75">8,360</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-stone-200 bg-white px-3 py-[9px] text-[13px] font-bold text-stone-700 
108whitespace-nowrap"><span class="size-[7px] rounded-full bg-green-500"></span>出品中 <span class="font-display opacity-75">8,344</span></span><span class="flex flex-none items-center gap-1.5 rounded-[10px] border border-red-300 bg-red-50 px-3 py-[9px] text-[13px] font-bold text-red-600 whitespace-nowrap"><span class="size-[7px] rounded-full bg-red-600"></span>要対応 <span class="font-display opacity-75">12</span></span></div><div class="flex flex-col gap-3 p-4 pt-3.5"><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/levis.avif" alt="Levi's 501 66前期 デニムパンツ W32" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Levi&#39;s 501 66前期 デニムパンツ W32</span><span class="font-display text-[17px] font-extrabold">58,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/ralph-lauren.jpg" alt="RALPH LAUREN 90s スイングトップ M" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">RALPH LAUREN 90s スイングトップ M</span><span class="font-display text-[17px] font-extrabold">16,800円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div><div class="flex flex-col gap-3 rounded-[14px] border border-stone-200 p-3.5"><div class="flex gap-3.5"><div class="overflow-hidden size-[76px] flex-none rounded-[10px] border border-stone-200 bg-white"><img src="/images/work-jacket.webp" alt="Carhartt デトロイトジャケット ブラック 墨黒 L" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex min-w-0 flex-col gap-1.5"><span class="text-[15px] leading-[1.4] font-extrabold">Carhartt デトロイトジャケット ブラック 墨黒 L</span><span class="font-display text-[17px] font-extrabold">60,000円</span><span class="text-xs text-stone-500">在庫: 1</span></div></div><div class="flex items-center gap-1.5"><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">B</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">S</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">メ</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">Sh</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-stone-200 bg-white text-stone-400">楽</span><span class="flex h-[30px] w-[34px] flex-none items-center justify-center rounded-[7px] border text-[13px] font-extrabold border-green-300 bg-green-100 text-green-800">ス</span><span class="ml-auto text-xs text-stone-600 whitespace-nowrap">編集</span></div></div></div></div></div></div></div><div class="mt-[26px] flex flex-col border-t border-line md:hidden"><div class="border-b border-line py-3 text-[13px] font-bold">店頭のレジ横で、売れた商品をその場で取り下げ</div><div class="border-b border-line py-3 text-[13px] font-bold">
108倉庫や店頭で写真を撮って、そのままスマホで出品</div></div></div></div><!-- その他の機能 --><div class="mt-9 md:mt-11"><p class="mb-3.5 text-[13px] font-black text-accent md:mb-[18px] md:text-sm">その他の機能</p><div class="flex flex-col md:grid md:grid-cols-3 md:gap-x-11"><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">既存出品の自動取り込み</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">いま使っているショップの商品をそのまま自動で取り込み。商品登録のやり直しなしで、今日から始められます</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">実店舗レジとの在庫連動</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">スマレジ連携で実店舗とECの在庫を自動連動。店頭で売れたらECからも自動で取り下げ</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">越境販売</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">ZenPlus連携で、国内向けの出品をそのまま海外へ。手間なく越境販売を始められます。もちろん在庫も自動連動</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><div class="flex flex-wrap items-center gap-[7px] md:gap-2"><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">Shopify起点の自動同期</h3><span class="rounded-full border border-brand bg-cream-highlight px-[7px] py-0.5 text-[9px] font-extrabold whitespace-nowrap text-accent md:px-2 md:py-[3px] md:text-[10px]">オプション</span></div><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">Shopifyを更新するだけで、他の販路へ自動で反映。Shopifyを主軸にした運用ができます(ラクダス for Shopify)</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">画像の自動最適化</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">各販路の仕様に合わせて画像のサイズや枚数を自動で最適化</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 "><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">テンプレート登録</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">よく使う商品パターンをテンプレートに保存して商品登録を時短</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 md:border-b"><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">一括値下げ・セール設定</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">価格の変更やセールの対応も1アクションでまとめて設定可能</p></div><div class="flex flex-col gap-1.5 border-t border-line py-[18px] md:gap-2 md:py-6 md:border-b"><h3 class="text-sm leading-[1.5] font-black md:text-[17px]">注文・出荷の一元管理</h3><p class="text-xs leading-[1.8] text-stone-600 md:text-sm md:leading-[1.85]">全販路の注文と出荷状況をひとつの画面で確認・処理</p></div><div class="flex items-center border-t border-b border-line py-[18px] md:py-6"><p class="text-xs leading-[1.85] font-bold text-accent md:hidden">これらの機能以外にも便利な機能を多数。詳しくは<a href="#contact" class="border-b-2 border-brand text-accent" data-cta="features_inline_contact" data-nav="contact" data-nav-source="inline">お問い合わせ</a>を。</p><p class="hidden text-sm leading-[1.9] font-bold text-accent md:block">これらの機能以外にもたくさんの便利な機能を備えています。詳しくは<a href="#contact" class="border-b-2 border-brand text-accent" data-cta="features_inline_contact" data-nav="contact" data-nav-source="inline">お問い合わせ</a>ください。</p></div></div></div></div></section><section data-section="cases" id="cases" class="bg-white px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">ラクダス導入事例</p><h2 class="mt-2 text-[25px] font-black tracking-[-.02em] md:text-4xl">お客様の声</h2><p class="mt-3.5 max-w-[740px] text-sm leading-[1.9] text-stone-700 md:mt-4 md:text-base md:leading-[1.95]">商品登録・在庫調整の作業負荷が高い、SKUを多く扱うセレクトショップや、一点物を扱うリユース業態のお客様に、特にご好評をいただいています。</p><div class="mt-[26px] grid grid-cols-1 gap-3.5 md:mt-10 md:grid-cols-3 md:gap-5"><article class="flex flex-col overflow-hidden rounded-2xl border border-line bg-cream md:rounded-[18px]"><div class="overflow-hidden h-[130px] w-full md:h-[150px]"><img src="/images/case-1.jpg" alt="セレクトショップ(アパレル) / 年商3〜4億円 / EC運営3名" loading="lazy" class="block h-full w-full" style="object-fit:cover;object-position:center 70%;"></div><div class="flex flex-1 flex-col p-[22px] md:p-[26px]"><p class="text-[11px] leading-[1.7] font-bold text-stone-500 md:text-xs">セレクトショップ(アパレル) / 年商3〜4億円 / EC運営3名</p><p class="mt-3 text-base leading-[1.7] font-black md:mt-3.5 md:text-lg md:leading-[1.65]">
108「スマホに対応したシンプルで使いやすい出品画面で、出品業務が<span class="font-display">70%</span>削減されました。」</p><div class="mt-[18px] flex flex-col gap-3 md:mt-[22px] md:gap-3.5"><div class="flex flex-col gap-[3px] md:gap-1"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-stone-500 md:text-[11px]">BEFORE</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">多SKUを複数モールに1点ずつ商品登録しており、出品業務の高負荷が課題に</span></div><div class="flex flex-col gap-[3px] border-l-[3px] border-brand pl-[11px] md:gap-1 md:pl-3"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-accent md:text-[11px]">AFTER</span><span class="text-[13px] leading-[1.85] font-medium text-ink md:text-sm">出品作業が70%削減され、売上を伸ばすための施策に集中できるように</span></div></div><p class="mt-auto pt-[18px] text-[11px] font-bold text-accent md:pt-[22px] md:text-xs">#出品時間70%削減 #スマホ対応 #セレクトショップ</p></div></article><article class="flex flex-col overflow-hidden rounded-2xl border border-line bg-cream md:rounded-[18px]"><div class="overflow-hidden h-[130px] w-full md:h-[150px]"><img src="/images/case-2.jpg" alt="ブランドリユース(アパレル) / 年商1〜2億円 / EC運営4名(店舗と兼務)" loading="lazy" class="block h-full w-full" style="object-fit:cover;object-position:70% 70%;"></div><div class="flex flex-1 flex-col p-[22px] md:p-[26px]"><p class="text-[11px] leading-[1.7] font-bold text-stone-500 md:text-xs">ブランドリユース(アパレル) / 年商1〜2億円 / EC運営4名(店舗と兼務)</p><p class="mt-3 text-base leading-[1.7] font-black md:mt-3.5 md:text-lg md:leading-[1.65]">「在庫ズレがゼロになり、機会損失とクレームが激減。スタッフの負荷も減りました。」</p><div class="mt-[18px] flex flex-col gap-3 md:mt-[22px] md:gap-3.5"><div class="flex flex-col gap-[3px] md:gap-1"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-stone-500 md:text-[11px]">BEFORE</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">一点物の商材を複数チャネルで販売しているため、在庫のズレが頻発していた</span></div><div class="flex flex-col gap-[3px] border-l-[3px] border-brand pl-[11px] md:gap-1 md:pl-3"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-accent md:text-[11px]">AFTER</span><span class="text-[13px] leading-[1.85] font-medium text-ink md:text-sm">ラクダスの在庫同期によって在庫トラブルがゼロに。在庫クレームがなくなった</span></div></div><p class="mt-auto pt-[18px] text-[11px] font-bold text-accent md:pt-[22px] md:text-xs">#在庫トラブルゼロ #テンプレート活用 #ブランドリユース</p></div></article><article class="flex flex-col overflow-hidden rounded-2xl border border-line bg-cream md:rounded-[18px]"><div class="overflow-hidden h-[130px] w-full md:h-[150px]"><img src="/images/case-3.jpg" alt="古着EC(アパレル) / 年商〜5000万円 / EC運営1〜2名" loading="lazy" class="block h-full w-full" style="object-fit:cover;object-position:center 60%;"></div><div class="flex flex-1 flex-col p-[22px] md:p-[26px]"><p class="text-[11px] leading-[1.7] font-bold text-stone-500 md:text-xs">古着EC(アパレル) / 年商〜5000万円 / EC運営1〜2名</p><p class="mt-3 text-base leading-[1.7] font-black md:mt-3.5 md:text-lg md:leading-[1.65]">「Shopifyの更新だけでラクダスが自動でモールに反映してくれ、本当に楽になりました。」</p><div class="mt-[18px] flex flex-col gap-3 md:mt-[22px] md:gap-3.5"><div class="flex flex-col gap-[3px] md:gap-1"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-stone-500 md:text-[11px]">BEFORE</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">自社ECであるShopifyの更新の他にも複数モールの更新を行う負荷が高かった</span></div><div class="flex flex-col gap-[3px] border-l-[3px] border-brand pl-[11px] md:gap-1 md:pl-3"><span class="font-display text-[10px] font-extrabold tracking-[.06em] text-accent md:text-[11px]">AFTER</span><span class="text-[13px] leading-[1.85] font-medium text-ink md:text-sm">Shopify起点の自動同期で、Shopifyを更新するだけでラクダスが他モールへ同期する運用に</sp
108an></div></div><p class="mt-auto pt-[18px] text-[11px] font-bold text-accent md:pt-[22px] md:text-xs">#Shopify自動同期 #古着ECショップ</p></div></article></div></div></section><section data-section="howto" class="bg-cream px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-accent md:text-sm">とてもカンタンです</p><h2 class="mt-2 text-[25px] font-black tracking-[-.02em] md:text-4xl">ラクダスの始め方</h2><ol class="mt-[26px] overflow-hidden rounded-2xl border border-line bg-white md:mt-10 md:rounded-[18px]"><li class="flex gap-4 p-5 md:items-center md:gap-7 md:px-8 md:py-6 border-b border-line-soft"><span class="flex-none font-display text-[26px] leading-[1.1] font-extrabold text-line md:w-[52px] md:text-[32px] md:leading-none">01</span><div class="flex flex-col gap-1.5 md:contents"><h3 class="text-base font-black md:w-[190px] md:flex-none md:text-[17px]">利用登録</h3><p class="text-[13px] leading-[1.85] text-stone-700 md:text-[15px]"><a href="https://app.rakudasu.com/apply" data-cta="steps_apply" data-nav="apply" data-nav-source="inline" class="mr-1 inline-flex items-center gap-1 font-bold text-accent underline decoration-brand decoration-2 underline-offset-4 hover:text-ink">お申し込みフォーム<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-3.5 flex-none" aria-label="(外部リンク)" role="img"><path d="M15 3h6v6"></path><path d="M10 14L21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a>から利用登録・アカウント作成をします</p></div></li><li class="flex gap-4 p-5 md:items-center md:gap-7 md:px-8 md:py-6 border-b border-line-soft"><span class="flex-none font-display text-[26px] leading-[1.1] font-extrabold text-line md:w-[52px] md:text-[32px] md:leading-none">02</span><div class="flex flex-col gap-1.5 md:contents"><h3 class="text-base font-black md:w-[190px] md:flex-none md:text-[17px]">ショップと連携</h3><p class="text-[13px] leading-[1.85] text-stone-700 md:text-[15px]">お使いのネットショップやモールとラクダスを連携させます</p></div></li><li class="flex gap-4 p-5 md:items-center md:gap-7 md:px-8 md:py-6 border-b border-line-soft"><span class="flex-none font-display text-[26px] leading-[1.1] font-extrabold text-line md:w-[52px] md:text-[32px] md:leading-none">03</span><div class="flex flex-col gap-1.5 md:contents"><h3 class="text-base font-black md:w-[190px] md:flex-none md:text-[17px]">既存の出品を取り込み</h3><p class="text-[13px] leading-[1.85] text-stone-700 md:text-[15px]">いまのショップに並んでいる商品を、ラクダスがそのまま自動で取り込みます。商品登録のやり直しは不要です</p></div></li><li class="flex gap-4 p-5 md:items-center md:gap-7 md:px-8 md:py-6 "><span class="flex-none font-display text-[26px] leading-[1.1] font-extrabold text-line md:w-[52px] md:text-[32px] md:leading-none">04</span><div class="flex flex-col gap-1.5 md:contents"><h3 class="text-base font-black md:w-[190px] md:flex-none md:text-[17px]">運用開始</h3><p class="text-[13px] leading-[1.85] text-stone-700 md:text-[15px]">ラクダスで商品登録をすると連携済みの全販路に出品。売れたら全販路の在庫が自動で連動します</p></div></li></ol><div class="mt-10 md:mt-12"><h3 class="text-[19px] font-black md:text-[22px]">安心して試せる理由</h3><div class="mt-[18px] flex flex-col md:mt-[22px] md:grid md:grid-cols-4 md:gap-x-9"><div class="flex flex-col gap-[5px] border-t-2 border-brand py-4 md:gap-[7px] md:py-5"><span class="text-[15px] font-black md:text-base">初期費用0円</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">導入時の費用はかかりません</span></div><div class="flex flex-col gap-[5px] border-t-2 border-brand py-4 md:gap-[7px] md:py-5"><span class="text-[15px] font-black md:text-base">契約期間の縛りなし</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">合わなければ当月での解約も可能です</span></div><div class="flex flex-col gap-[5px] border-t-2 border-brand py-4 md:gap-[7px] md:py-5"><span class="text-[15px] font-black md:text-base">即日利用開始</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">専用機器は不要。PC・スマホ・タブレットですぐ使えます</span></div><div class="flex flex-col gap-[5px] border-t-2 border-brand py-4 md:gap-[7px] md:py-5"><span class="text-[15px] font-black md:text-base">代表が直接サポート</span><span class="text-[13px] leading-[1.85] text-stone-700 md:text-sm">アパレル・古着ビジネスに詳しい代表が、導入から運用まで直接伴走します。伴走しながら直接聞いた声が、新しい機能になっています</span></div></div><div class="mt-7 flex flex-col gap-3.5 border-t border-line pt-7 md:mt-9 md:flex-row md:items-center md:gap-6 md:pt-9"><div class="flex items-center gap-4 md:contents"><div class="overflow-hidden size-16 flex-none rounded-full md:size-[92px]"><img src="/images/rep.jpg" alt="代表の顔写真" loading="lazy" class="block h-full w-full" style="object-fit:cover;object-position:center;"></div><p class="text-base leading-[1.65] font-black md:hidden">出品のしやすさを、メルカリで設計してきた人間がつくっています。</p></div><div class="flex flex-col gap-2"><p class="hidden text-xl leading-[1.6] font-black md:block">出品のしやすさを、メルカリで設計してきた人間がつくっています。</p><p class="max-w-[760px] text-[13px] leading-[1.9] text-stone-700 md:text-sm">代表はメルカリで出品体験の改善を担うチームの責任者を務め、いま出品者が日常的に使っている機能の基盤をつくってきました。その経験をもとに、一点物を扱うお店の現場に向けて作ったサービスがラクダスです。</p></div></div></div></div></section><section data-section="pricing" id="pricing" class="bg-ink px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-6xl"><p class="text-[13px] font-black text-brand md:text-sm">とてもおトクです</p><h2 class="mt-2 text-[25px] font-black tracking-[-.02em] text-white md:text-4xl">ラクダスの料金プラン</h2><p class="mt-4 max-w-[800px] text-sm leading-[1.9] text-stone-300 md:mt-5 md:text-base md:leading-[1.95]">料金は「月額料金 + 売れたときだけの受注連動のサービス利用料」というシンプルな構成です。使った分ではなく、売れた分。リスクはラクダスが引き受けます——だから初期費用も、契約期間の縛りもありません。</p><div class="mt-[26px] flex flex-col gap-3 md:mt-10"><!-- 列ヘッダー(デスクトップのみ) --><div class="hidden px-7 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5"><span></span><span class="text-right text-[13px] font-extrabold text-stone-400">初期費用</span><span class="text-right text-[13px] font-extrabold text-stone-400">月額基本料</span><span class="text-center text-[13px] font-extrabold text-stone-400">サービス利用料</span></div>
108<div class="flex flex-col gap-3.5 rounded-[15px] bg-brand p-5 md:rounded-2xl md:px-7 md:py-5 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5 md:flex-none"><div class="flex flex-col gap-[5px]"><span class="text-[11px] font-black tracking-[.06em] text-accent md:text-xs">ラクダス</span><div class="flex flex-wrap items-center gap-2 md:gap-2.5"><span class="text-[19px] font-black text-ink md:text-[22px]">スタータープラン</span><span class="rounded-full bg-ink px-[9px] py-1 text-[10px] font-extrabold whitespace-nowrap text-brand md:px-2.5 md:text-[11px]">まずはここから</span></div></div><div class="flex items-end justify-between gap-3.5 md:contents"><span class="flex flex-col gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">初期費用</span><span class="text-[19px] font-black text-ink md:text-[22px]">0<span class="text-sm md:text-[15px]">円</span></span></span><span class="flex flex-col items-end gap-px md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">月額費用</span><span class="text-ink"><span class="font-display text-[31px] font-extrabold tracking-[-.02em] md:text-[38px]">980</span><span class="ml-0.5 text-sm font-extrabold md:ml-[3px] md:text-base">円</span></span></span></div><div class="flex flex-wrap items-center justify-center gap-[7px] rounded-full bg-ink/10 px-3.5 py-2.5 md:gap-2 md:px-[18px]"><span class="text-[13px] font-extrabold text-ink md:text-sm">+ サービス利用料 7%</span><span class="text-[11px] text-brown-deep md:text-xs">※受注金額に対して</span></div></div><div class="flex flex-col gap-3.5 rounded-[15px] bg-brand p-5 md:rounded-2xl md:px-7 md:py-5 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5 md:flex-none"><div class="flex flex-col gap-[5px]"><span class="text-[11px] font-black tracking-[.06em] text-accent md:text-xs">ラクダス</span><div class="flex flex-wrap items-center gap-2 md:gap-2.5"><span class="text-[19px] font-black text-ink md:text-[22px]">グロースプラン</span></div></div><div class="flex items-end justify-between gap-3.5 md:contents"><span class="flex flex-col gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">初期費用</span><span class="text-[19px] font-black text-ink md:text-[22px]">0<span class="text-sm md:text-[15px]">円</span></span></span><span class="flex flex-col items-end gap-px md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">月額費用</span><span class="text-ink"><span class="font-display text-[31px] font-extrabold tracking-[-.02em] md:text-[38px]">4,980</span><span class="ml-0.5 text-sm font-extrabold md:ml-[3px] md:text-base">円</span></span></span></div><div class="flex flex-wrap items-center justify-center gap-[7px] rounded-full bg-ink/10 px-3.5 py-2.5 md:gap-2 md:px-[18px]"><span class="text-[13px] font-extrabold text-ink md:text-sm">+ サービス利用料 3.5%</span><span class="text-[11px] text-brown-deep md:text-xs">※受注金額に対して</span></div></div><div class="flex flex-col gap-3.5 rounded-[15px] bg-brand p-5 md:rounded-2xl md:px-7 md:py-5 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5 md:flex-none"><div class="flex flex-col gap-[5px]"><span class="text-[11px] font-black tracking-[.06em] text-accent md:text-xs">ラクダス</span><div class="flex flex-wrap items-center gap-2 md:gap-2.5"><span class="text-[19px] font-black text-ink md:text-[22px]">エンタープライズプラン</span></div></div><div class="flex items-end justify-between gap-3.5 md:contents"><span class="flex flex-col gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">初期費用</span><span class="text-[19px] font-black text-ink md:text-[22px]">0<span class="text-sm md:text-[15px]">円</span></span></span><span class="flex flex-col items-end gap-px md:block md:text-right"><span class="text-[11px] font-extrabold text-brown-deep md:hidden">月額費用</span><span class="font-display text-[27px] font-extrabold text-ink md:text-[32px] md:tracking-[.01em]">ASK</span></span></div><div class="flex flex-wrap items-center justify-center gap-[7px] rounded-full bg-ink/10 px-3.5 py-2.5 md:gap-2 md:px-[18px]"><span class="text-[13px] font-extrabold text-ink md:text-sm">+ サービス利用料 ASK</span></div></div><p class="mt-4 text-[13px] font-black text-stone-400 md:mt-[22px] md:text-sm">同種のEC一元管理システムの相場</p>
108<div class="flex flex-col gap-3 rounded-[15px] border border-ink-border bg-ink-card px-5 py-[18px] md:rounded-2xl md:px-7 md:py-5 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5 md:flex-none"><span class="text-[15px] font-bold text-stone-300 md:text-base">EC一元管理システムA社</span><div class="flex items-end justify-between gap-3.5 md:contents"><span class="flex flex-col gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-stone-400 md:hidden">初期費用</span><span class="text-[17px] font-extrabold text-stone-400 md:text-[19px]">550,000<span class="md:text-sm">円</span></span></span><span class="flex flex-col items-end gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-stone-400 md:hidden">月額費用</span><span class="text-[17px] font-extrabold text-stone-400 md:text-[19px]">330,000<span class="md:text-sm">円</span></span></span></div></div><div class="flex flex-col gap-3 rounded-[15px] border border-ink-border bg-ink-card px-5 py-[18px] md:rounded-2xl md:px-7 md:py-5 md:grid md:grid-cols-[1fr_110px_180px_300px] md:items-center md:gap-5 md:flex-none"><span class="text-[15px] font-bold text-stone-300 md:text-base">受注商品管理システムB社</span><div class="flex items-end justify-between gap-3.5 md:contents"><span class="flex flex-col gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-stone-400 md:hidden">初期費用</span><span class="text-[17px] font-extrabold text-stone-400 md:text-[19px]">120,000<span class="md:text-sm">円</span></span></span><span class="flex flex-col items-end gap-[3px] md:block md:text-right"><span class="text-[11px] font-extrabold text-stone-400 md:hidden">月額費用</span><span class="text-[17px] font-extrabold text-stone-400 md:text-[19px]">79,800<span class="md:text-sm">円〜</span></span></span></div></div></div><div class="mt-3 flex flex-col gap-2.5 md:mt-8 md:grid md:grid-cols-[1fr_340px] md:items-center md:gap-6"><div class="flex flex-col gap-2.5 md:gap-[11px]"><div class="flex gap-2 md:gap-2.5"><span class="font-extrabold text-brand">・</span><span class="text-[13px] leading-[1.85] text-stone-300 md:text-sm">初期費用は0円です</span></div><div class="flex gap-2 md:gap-2.5"><span class="font-extrabold text-brand">・</span><span class="text-[13px] leading-[1.85] text-stone-300 md:text-sm">月額費用とサービス利用料の合計に消費税10%を別途申し受けます</span></div><div class="flex gap-2 md:gap-2.5"><span class="font-extrabold text-brand">・</span><span class="text-[13px] leading-[1.85] text-stone-300 md:text-sm">年間契約プランもご用意しています。ご相談ください</span></div></div><div class="mt-3.5 flex flex-col gap-2.5 md:mt-0"><a href="https://app.rakudasu.com/apply" data-cta="pricing_apply" data-nav="apply" data-nav-source="inline" class="block rounded-full bg-brand px-6 py-[18px] text-center text-base font-bold text-ink hover:no-underline">今すぐ申し込む</a><a href="#contact" data-cta="pricing_contact" data-nav="contact" data-nav-source="inline" class="block rounded-full border border-stone-500 px-6 py-[17px] text-center text-base font-bold text-white hover:no-underline">料金の詳細を問い合わせる</a></div></div></div></section><section data-section="faq" class="bg-white px-5 py-16 md:px-6 md:py-24"><div data-reveal class="mx-auto max-w-[840px]"><p class="text-[13px] font-black text-accent md:text-sm">気になる点をまとめました</p><h2 class="mt-2 text-[25px] font-black tracking-[-.02em] md:text-4xl">よくあるご質問</h2><div class="mt-6 border-t border-line md:mt-9"><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>既存のショップの商品データは移行できますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">できます。いまお使いのショップに並んでいる商品をラクダスが自動で取り込むため、商品登録をやり直すことなく利用を始められます。</p></details>
108<details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>個人アカウントのメルカリやヤフオク!に出品できますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">できません。ラクダスは各サービスが事業者向けに公開しているAPIを通じて連携していますが、個人アカウント向けのAPIは公開されていないためです。ご利用にはメルカリShopsのアカウント、またはYahoo!オークションのストアアカウントが必要です。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>実店舗と在庫を連動できますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">できます。スマレジ(POSレジ)との連携により、実店舗とECの在庫を自動で連動できます。店頭で売れた商品はECからも自動で取り下がります。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>フォームを入力したら契約になりますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">お支払いクレジットカード情報を含みフォーム送信をいただいた時点でご契約となります。ご不安な点やご不明点があればお問い合わせください。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>専用の機器やシステムが必要ですか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">不要です。面倒なシステムや専用の機器を用意することなく、インターネットにつながれば店舗共用のパソコンはもちろん、お手持ちのスマホやタブレットからでもすぐにご利用いただけます。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>複数スタッフでの運用をする事はできますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">可能です。1つのラクダスアカウントに複数名のスタッフユーザーを追加することができます。スタッフユーザーの追加による追加課金等は発生しませんので、安心して複数名での運営にご利用ください。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>複数のアカウントを作る事はできますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">可能です。ひとつの法人および個人事業主の下に複数の屋号や複数ブランドに分けたショップをお持ちの場合であれば1法人または1個人事業主で複数のアカウントを開設することが可能です。ご相談ください。</p></details>
108<details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>年間契約のプランはありますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">年間契約のプランのご用意もございます。月次契約の場合よりも料金がお得なプランとなっております。詳しくはお問い合わせください。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>大規模ショップ向けのプランはありますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">月商の大きな大規模ショップさま向けに、1受注あたりのサービス利用料が大変お得になるエンタープライズプランもご用意しております。お問い合わせよりご相談ください。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>無料体験版などで契約前に体験はできますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">無料体験版はご用意しておりませんが、デモによる使い勝手のご体験をいただくことが可能です。詳しくはお問い合わせください。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>初期費用や契約期間の縛りはありますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">トライしていただきやすく、合わなければ簡単に辞められることを重要視しておりますため、初期費用は頂いておりません。また同様の理由から契約期間の縛りはございません。お試しいただいた当月でのご解約も可能です。</p></details><details class="border-b border-line"><summary class="flex cursor-pointer list-none items-start justify-between gap-3 py-[17px] text-sm leading-[1.65] font-bold md:items-center md:gap-4 md:py-5 md:text-base"><span>パソコンが苦手です。サポートはありますか?</span><span data-chev class="flex-none text-accent transition-transform duration-200" aria-hidden="true">▾</span></summary><p class="pb-[17px] text-[13px] leading-[1.9] text-stone-700 md:pb-5 md:text-[15px] md:leading-[1.95]">メールでのサポート対応はもちろん、電話やオンライン会議・Web会議によるリアルタイムでのサポートも行っております。ご不安な点があればお問い合わせにてご相談ください。</p></details></div></div></section><section data-section="contact" id="contact" class="relative overflow-hidden bg-brand px-5 py-16 pb-[90px] md:px-6 md:py-24"><div class="absolute -bottom-[140px] -left-[110px] size-[340px] rounded-full bg-brand-circle opacity-60 md:-bottom-[180px] md:-left-[140px] md:size-[480px]"></div><div class="relative mx-auto max-w-[840px]"><h2 class="text-center text-[28px] leading-[1.5] font-black tracking-[-.02em] md:text-[42px] md:leading-normal">出品も在庫管理も、<br class="md:hidden">ラクにしよう</h2><p class="mx-auto mt-3.5 max-w-[640px] text-center text-sm leading-[1.9] font-medium text-brown md:mt-[18px] md:text-[17px]">「うちの商材でも使える?」「いまの運用のままで移行できる?」——そんな段階のご相談も歓迎です。アパレル・古着のビジネスがわかる代表が直接お答えします。</p><div class="mt-[26px] md:mt-10"><style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
108<script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script>
108<script>(()=>{var g=Object.defineProperty;var w=(a,s,c)=>s in a?g(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c;var l=(a,s,c)=>w(a,typeof s!="symbol"?s+"":s,c);var E=new Set(["__proto__","constructor","prototype"]);{let a={0:t=>y(t),1:t=>c(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(c(t)),5:t=>new Set(c(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},s=t=>{let[p,e]=t;return p in a?a[p](e):void 0},c=t=>t.map(s),y=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([p,e])=>[p,s(e)]));class f extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),n={},d=this.querySelectorAll("template[data-astro-template]");for(let o of d){let i=o.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[o.getAttribute("data-astro-template")||"default"]=o.innerHTML,o.remove())}for(let o of r){let i=o.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[o.getAttribute("name")||"default"]=o.innerHTML)}let u;try{u=this.hasAttribute("props")?y(JSON.parse(this.getAttribute("props"))):{}}catch(o){let i=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(i+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${i}`,this.getAttribute("props"),o),o}let h;await this.hydrator(this)(this.Component,u,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),r.disconnect(),this.childrenConnectedCallback()},r=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});r.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}getRetryImportUrl(e){let r=new URL(e,document.baseURI);return r.searchParams.set("astro-retry",Date.now().toString()),r.toString()}async importWithRetry(e){try{return await import(e)}catch(r){return await new Promise(n=>setTimeout(n,1e3)),import(this.getRetryImportUrl(e))}}handleHydrationError(e){let r=this.getAttribute("component-url"),n=new CustomEvent("astro:hydration-error",{cancelable:!0,bubbles:!0,composed:!0,detail:{error:e,componentUrl:r}});this.dispatchEvent(n)&&console.error(`[astro-island] Error hydrating ${r}`,e)}async start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(`astro:${r}`,()=>this.start(),{once:!0});return}try{await Astro[r](async()=>{let n=this.getAttribute("renderer-url");try{let[d,{default:u}]=await Promise.all([this.importWithRetry(this.getAttribute("component-url")),n?this.importWithRetry(n):Promise.resolve({default:()=>()=>{}})]),h=this.getAttribute("component-export")||"default";if(h.includes(".")){this.Component=d;for(let m of h.split(".")){if(E.has(m)||!this.Component||typeof this.Component!="object"&&typeof this.Component!="function"||!Object.hasOwn(this.Component,m))throw new Error(`Invalid component export path: ${h}`);this.Component=this.Component[m]}}else{if(E.has(h))throw new Error(`Invalid component export path: ${h}`);this.Component=d[h]}return this.hydrator=u,this.hydrate}catch(d){return this.handleHydrationError(d),()=>{}}},e,this)}catch(n){this.handleHydrationError(n)}}attributeChangedCallback(){this.hydrate()}}l(f,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",f)}})();</script>
108<astro-island uid="Z2fwBaj" prefix="r1" component-url="/_astro/ContactForm.B_aGbGsX.js" component-export="default" renderer-url="/_astro/client.DmcGvEiD.js" props="{}" ssr client="visible" opts="{&quot;name&quot;:&quot;ContactForm&quot;,&quot;value&quot;:true}" await-children><form class="flex flex-col gap-4 rounded-[18px] bg-white p-[22px] shadow-[0_16px_40px_rgba(92,61,0,.18)] md:gap-5 md:rounded-[20px] md:p-9 md:shadow-[0_20px_50px_rgba(92,61,0,.18)]"><fieldset class="contents"><div class="flex flex-col gap-2.5 md:gap-3"><legend class="text-sm font-black md:text-[15px]">ご用件</legend><div class="flex gap-2.5 md:gap-3"><label class="flex flex-1 cursor-pointer items-center gap-2 rounded-[11px] border px-3 py-[13px] text-sm font-bold md:gap-2.5 md:rounded-xl md:px-4 md:py-3.5 md:text-[15px] border-brand bg-cream-highlight"><input type="radio" class="size-4 accent-ink" name="leadType" checked="" value="contact"/>お問い合わせ</label><label class="flex flex-1 cursor-pointer items-center gap-2 rounded-[11px] border px-3 py-[13px] text-sm font-bold md:gap-2.5 md:rounded-xl md:px-4 md:py-3.5 md:text-[15px] border-line-strong bg-white"><input type="radio" class="size-4 accent-ink" name="leadType" value="material"/>資料請求</label></div></div><label class="flex flex-col gap-[7px] md:gap-2"><span class="text-[13px] font-black md:text-sm">店舗・会社名 <span class="text-red-600">*</span></span><input type="text" required="" autoComplete="organization" class="w-full rounded-[11px] border border-line-strong bg-cream px-3.5 py-3.5 text-[15px] md:rounded-xl md:px-4" name="shopName"/></label><div class="flex flex-col gap-4 md:grid md:grid-cols-2 md:gap-4"><label class="flex flex-col gap-[7px] md:gap-2"><span class="text-[13px] font-black md:text-sm">お名前 <span class="text-red-600">*</span></span><input type="text" required="" autoComplete="name" class="w-full rounded-[11px] border border-line-strong bg-cream px-3.5 py-3.5 text-[15px] md:rounded-xl md:px-4" name="name"/></label><label class="flex flex-col gap-[7px] md:gap-2"><span class="text-[13px] font-black md:text-sm">メールアドレス <span class="text-red-600">*</span></span><input type="email" required="" autoComplete="email" class="w-full rounded-[11px] border border-line-strong bg-cream px-3.5 py-3.5 text-[15px] md:rounded-xl md:px-4" name="email"/></label></div><label class="flex flex-col gap-[7px] md:gap-2"><span class="text-[13px] font-black md:text-sm">ご相談内容</span><textarea name="message" rows="4" class="w-full rounded-[11px] border border-line-strong bg-cream px-3.5 py-3.5 text-[15px] md:rounded-xl md:px-4 resize-y" placeholder="お使いのショップ・モールや、お困りごとをご記入ください"></textarea></label><input type="text" tabindex="-1" autoComplete="off" aria-hidden="true" class="hidden" name="company_url"/><button type="submit" class="cursor-pointer rounded-full bg-ink px-8 py-[18px] text-base font-bold text-white hover:bg-stone-700 disabled:opacity-50 md:py-[19px] md:text-[17px]" data-cta="form_submit">送信する</button><div class="flex flex-wrap justify-center gap-3 text-[11px] font-bold text-stone-500 md:gap-[18px] md:text-xs"><span>初期費用0円</span><span>契約期間の縛りなし</span><span>即日利用開始</span></div></fieldset></form><!--astro:end--></astro-island></div><p class="mt-6 text-center text-[13px] leading-[1.9] font-medium text-brown md:mt-7 md:text-sm">すでに導入を決めている方は、<a href="https://app.rakudasu.com/apply" data-cta="cta_apply" data-nav="apply" data-nav-source="inline" class="font-bold text-accent underline decoration-ink/30 underline-offset-4 hover:text-ink">お申し込みフォーム</a>から直接お申し込みいただけます。</p></div></section></main><div id="scroll-sentinel"></div><footer class="bg-ink px-5 pt-[26px] pb-[90px] md:px-6 md:py-8"><div class="mx-auto flex max-w-6xl flex-col items-center gap-4 md:flex-row md:justify-between md:gap-5"><div class="overflow-hidden h-7 w-[110px] flex-none md:h-6"><img src="/images/logo-white.png" alt="ラクダス" loading="lazy" class="block h-full w-full" style="object-fit:contain;"></div><div class="flex flex-col items-center gap-4 md:flex-row md:gap-[26px]"><div class="flex flex-wrap items-center justify-center gap-[22px] md:gap-[26px]"><a href="https://app.rakudasu.com" class="text-[13px] text-stone-400" data-cta="footer_login" data-nav="login" data-nav-source="inline">ログイン</a><a href="/media/" class="text-[13px] text-stone-400">メディア</a><a href="/tos" class="text-[13px] text-stone-400">利用規約</a><a href="/privacy" class="text-[13px] text-stone-400">プライバシーポリシー</a><a href="/term" class="text-[13px] text-stone-400">特定商取引法に基づく表記</a></div><span class="font-display text-xs text-stone-600 md:text-[13px]">© Rakudas 2026</span></div></div></footer><div data-autohide="bottom" class="sticky bottom-0 z-60 flex gap-2.5 border-t border-line bg-white px-4 py-3 shadow-[0_-6px_20px_rgba(28,25,23,.08)] transition-transform duration-300 md:hidden"><a href="/#contact" data-cta="sticky_material" data-nav="contact" data-nav-source="sticky" data-lead-type="material" class="flex-1 rounded-full border border-line-strong bg-white py-[15p
108x] text-center text-sm font-bold text-ink hover:no-underline">資料DL</a><a href="/#contact" data-cta="sticky_contact" data-nav="contact" data-nav-source="sticky" class="flex-[1.6] rounded-full bg-brand py-[15px] text-center text-sm font-bold text-ink hover:no-underline">お問い合わせはこちら</a></div>
108<script>
109      window.dataLayer = window.dataLayer || [];
110      // dataLayerの値は次のイベントにも残るため、カスタムパラメータは毎回nullで上書きしてから送る。
111      // 計測スクリプト(下)が足すパラメータもここに含める必要がある。片方に足し忘れると、
112      // section_viewの後のcta_clickがsection_id/dwell_msを引きずったままGA4に送られる。
113      window.rakudasuEventParams = {
114        cta_id: null,
115        lead_type: null,
116        nav_id: null,
117        nav_source: null,
118        percent: null,
119        is_jump: null,
120        elapsed_ms: null,
121        section_id: null,
122        dwell_ms: null,
123        reached_via: null,
124      };
125      const push = (payload) => window.dataLayer.push({ ...window.rakudasuEventParams, ...payload });
126
127      // cta_click: data-cta属性を持つ要素のクリックを計測
128      // あわせて資料請求の意図を記録する。フォームはclient:visibleのReactアイランドで、
129      // ファーストビューのCTAが押された時点ではまだハイドレートされておらず
130      // React側のリスナーが存在しないため、ここで拾ってフォーム側に引き渡す。
131      document.addEventListener("click", (event) => {
132        const target = event.target instanceof Element ? event.target : null;
133        if (!target) return;
134
135        const cta = target.closest("[data-cta]");
136        if (cta) push({ event: "cta_click", cta_id: cta.getAttribute("data-cta") });
137
138        const leadLink = target.closest("[data-lead-type]");
139        if (leadLink) {
140          try {
141            sessionStorage.setItem("rakudasu:lead-intent", leadLink.getAttribute("data-lead-type"));
142          } catch {
143            // プライベートモード等でsessionStorageが使えない場合は諦める(既存挙動に戻るだけ)
144          }
145        }
146      });
147
148      // view_pricing: 料金セクションの可視で一度だけ発火
149      const pricing = document.getElementById("pricing");
150      if (pricing) {
151        const pricingObserver = new IntersectionObserver((entries) => {
152          if (entries.some((entry) => entry.isIntersecting)) {
153            push({ event: "view_pricing" });
154            pricingObserver.disconnect();
155          }
156        });
157        pricingObserver.observe(pricing);
158      }
159
160      // scroll_90: ページ末尾付近の可視で一度だけ発火
161      const sentinel = document.getElementById("scroll-sentinel");
162      if (sentinel) {
163        const scrollObserver = new IntersectionObserver((entries) => {
164          if (entries.some((entry) => entry.isIntersecting)) {
165            push({ event: "scroll_90" });
166            scrollObserver.disconnect();
167          }
168        });
169        scrollObserver.observe(sentinel);
170      }
171    </script>
171<script>
172      // 読了・離脱・導線の計測(issue #4)。GTM + dataLayer.push + IntersectionObserver で、
173      // 既存の cta_click / view_pricing と同じ流儀。
174      //
175      // 中核は is_jump / reached_via。ヒーローの「お問い合わせはこちら」はページ91%の
176      // #contact へ飛ぶため、ジャンプと通読を区別しないと深度指標が汚染される。
177      // アンカー/ナビのクリック直後(2秒以内)に起きた到達はジャンプ扱いにする。
178      {
179        const JUMP_WINDOW_MS = 2000;
180        const startedAt = Date.now();
181        window.dataLayer = window.dataLayer || [];
182        // dataLayerの値は次のイベントにも残るため、カスタムパラメータは毎回nullで上書きしてから送る
183        const track = (payload) => window.dataLayer.push({ ...window.rakudasuEventParams, ...payload });
184
185        // 他ページから /#contact のようなリンクで来た場合と、リロード/戻るによる
186        // スクロール位置復元では、クリックを経ずに一気に下まで飛ぶ。これを通読と
187        // 数えると深度指標が汚れるため、初期位置が最上部でなければジャンプ起点にする。
188        let lastJumpAt = location.hash || window.scrollY > 0 ? Date.now() : 0; // ハッシュ着地/位置復元はジャンプ扱い
189        const isJump = () => lastJumpAt > 0 && Date.now() - lastJumpAt < JUMP_WINDOW_MS;
190        const elapsed = () => Date.now() - startedAt;
191
192        // --- nav_click: ナビ/アンカーのクリック ---
193        // ページ内アンカー(href^="#")はdata-navが無くてもジャンプ判定の起点にする
194        document.addEventListener("click", (event) => {
195          const target = event.target instanceof Element ? event.target : null;
196          if (!target) return;
197
198          // ジャンプ起点はページ内アンカーだけ。app.rakudasu.com への外部リンク
199          // (申し込み・ログイン)を新規タブで開いた場合に、このページに残ったまま
200          // 直後の到達がジャンプ扱いになるのを避ける。
201          const link = target.closest("a[href]");
202          const samePageAnchor =
203            link && (() => {
204              try {
205                const url = new URL(link.href, location.href);
206                return url.hash && url.pathname === location.pathname && url.origin === location.origin;
207              } catch {
208                return false;
209              }
210            })();
211          if (samePageAnchor) lastJumpAt = Date.now();
212
213          const nav = target.closest("[data-nav]");
214          if (!nav) return;
215
216          track({
217            event: "nav_click",
218            nav_id: nav.getAttribute("data-nav"),
219            // パラメータ名を nav_source にしているのは、event_params の source が
220            // 流入元(集客)として読まれるため。rakudasu-business 側の集計スクリプトが
221            // key='source' を拾ってセッション単位に MAX() で畳んでいる:
222            //   - lead-gen/scripts/lp_funnel_report.py:38,56 (チャネル判定に使用)
223            //   - lead-gen/scripts/lp_traffic_composition.py:38,55 (第1階層の表示名に直接使用)
224            // ここを source にすると、ナビをクリックしたセッションの流入元が
225            // header/hero/sticky/inline で上書きされる(後者は「参照: sticky」と表示される)。
226            nav_source: nav.getAttribute("data-nav-source") || "inline",
227            elapsed_ms: elapsed(),
228          });
229        });
230
231        // 読了・滞在の計測対象は data-section を持つコンテンツページ(LP)だけに限る。
232        // /term /tos /privacy のような法定ページは Layout を共有しているが、
233        // 1〜2画面で終わるので一度のフリックで90%に達してしまい、「読了」を水増しする。
234        const sections = Array.from(document.querySelectorAll("[data-section]"));
235        const isContentPage = sections.length > 0;
236
237        // --- scroll_depth: 25/50/75/90 を各1回だけ ---
238        const thresholds = [25, 50, 75, 90];
239        let nextIndex = 0;
240        const checkDepth = () => {
241          if (!isContentPage || nextIndex >= thresholds.length) return;
242          const docHeight = Math.max(
243            document.documentElement.scrollHeight,
244            document.body ? document.body.scrollHeight : 0,
245          );
246          const scrollable = docHeight - window.innerHeight;
247          // スクロールの余地が無いページ(/term のような短い法定ページ)では
248          // 「読了」の信号にならないので何も送らない。無いことを無いまま扱う。
249          if (scrollable <= 0) return;
250          const percent = ((window.scrollY + window.innerHeight) / docHeight) * 100;
251          const jumped = isJump();
252          while (nextIndex < thresholds.length && percent >= thresholds[nextIndex]) {
253            track({
254              event: "scroll_depth",
255              percent: thresholds[nextIndex],
256              is_jump: jumped,
257              elapsed_ms: elapsed(),
258            });
259            nextIndex += 1;
260          }
261        };
262        let depthTicking = false;
263        window.addEventListener(
264          "scroll",
265          () => {
266            if (depthTicking) return;
267            depthTicking = true;
268            requestAnimationFrame(() => {
269              depthTicking = false;
270              checkDepth();
271            });
272          },
273          { passive: true },
274        );
275        window.addEventListener("resize", checkDepth, { passive: true });
276        // 復元スクロール位置やビューポートに収まるページのために初期判定を1回
277        checkDepth();
278
279        // --- section_view: 各セクションの可視滞在 ---
280        // dwell_ms は「そのセクションが画面内にあった累計ms」。画面外へ出た時か、
281        // タブを離れた時/ページを離れる時に送る。
282        //
283        // MIN_DWELL_MS の足切りが要点。html に scroll-behavior:smooth が効いているので、
284        // ヒーローのCTAで #contact へ飛ぶと途中の11セクションを数フレームずつ通過する。
285        // 足切りが無いと、その全部が dwell_ms=数十ms の section_view として確定して
286        // しまい、あとで戻って実際に読んでも二度と計測されない。
287        //
288        // dwell_ms は「実際に読まれた時間」でなければ意味がない。Date.now() の差分を
289        // そのまま積むと、スリープ・タブのスロットリング・席を外した時間まで入る
290        // (2026-09-08実測: pricing で最大2153分=約36時間。中央値まで壊れていた)。
291        // そこで①1秒刻みのティッカーで積む②1ティックの増分に上限を置き、飛んだぶんは
292        // 捨てる③無操作が続いたら積むのをやめる、の3段で実時間から切り離す。
293        const MIN_DWELL_MS = 1000;
294        const TICK_MS = 1000;
295        // これを超える飛びはスリープ/スロットリング。読んでいた時間ではないので捨てる
296        const MAX_TICK_GAP_MS = TICK_MS * 3;
297        // 無操作がこれを超えたら「開いたまま離席」とみなして積むのをやめる。
298        // セクション滞在の実測中央値は3〜12秒なので、通読を切ってしまう心配はない
299        const IDLE_MS = 90000;
300        // 保険。上2つを抜けても1回の滞在がこれを超えることはない
301        const MAX_DWELL_MS = 30 * 60 * 1000;
302        if (isContentPage && typeof IntersectionObserver === "function") {
303          const state = new Map();
304          for (const el of sections) {
305            state.set(el, {
306              id: el.getAttribute("data-section"),
307              counting: false,
308              dwell: 0,
309              seen: false,
310              sent: false,
311              inView: false,
312              via: null,
313            });
314          }
315          const stopTiming = (st) => {
316            st.counting = false;
317          };
318
319          // --- 滞在の積算 ---
320          // 経過の実測ではなくティックの積み上げにする。1ティックの増分は
321          // MAX_TICK_GAP_MS で頭打ちにするので、スリープや復帰で時計が飛んでも
322          // 最大3秒しか入らない。
323          let lastActivityAt = Date.now();
324          const markActivity = () => {
325            lastActivityAt = Date.now();
326          };
327          for (const type of ["scroll", "pointerdown", "keydown", "touchstart", "wheel"]) {
328            window.addEventListener(type, markActivity, { passive: true });
329          }
330
331          let lastTickAt = Date.now();
332          let ticker = 0;
333          const tick = () => {
334            const now = Date.now();
335            const delta = Math.min(now - lastTickAt, MAX_TICK_GAP_MS);
336            lastTickAt = now;
337            if (document.visibilityState !== "visible") return;
338            if (now - lastActivityAt > IDLE_MS) return;
339            for (const st of state.values()) {
340              if (!st.counting) continue;
341              st.dwell = Math.min(st.dwell + delta, MAX_DWELL_MS);
342            }
343          };
344          const startTicker = () => {
345            if (ticker) return;
346            lastTickAt = Date.now();
347            ticker = window.setInterval(tick, TICK_MS);
348          };
349          const stopTicker = () => {
350            if (!ticker) return;
351            // 止める前に端数を回収する
352            tick();
353            window.clearInterval(ticker);
354            ticker = 0;
355          };
356          startTicker();
357          // 計測を確定させる。滞在が短すぎるものは「通過しただけ」とみなã
357—て捨て、
358          // seenを戻す(あとで実際に読まれたときに測り直せるようにする)。
359          const finish = (st) => {
360            stopTiming(st);
361            if (!st.seen || st.sent) return;
362            if (st.dwell < MIN_DWELL_MS) {
363              st.seen = false;
364              st.dwell = 0;
365              st.via = null;
366              return;
367            }
368            st.sent = true;
369            track({
370              event: "section_view",
371              section_id: st.id,
372              dwell_ms: Math.round(st.dwell),
373              reached_via: st.via,
374              elapsed_ms: elapsed(),
375            });
376          };
377          // 画面中央40%の帯に入っている間だけ「読んでいる」とみなす。
378          // 既定の「1pxでも見えていれば可視」だと、993px級のビューポートでは
379          // セクションの境目で上下2つが同時に可視になり、dwell_ms が二重に積まれて
380          // 合計がセッション滞在時間を超える。帯で切ると dwell がほぼ分割される。
381          const sectionObserver = new IntersectionObserver((entries) => {
382            for (const entry of entries) {
383              const st = state.get(entry.target);
384              if (!st) continue;
385              st.inView = entry.isIntersecting;
386              if (entry.isIntersecting) {
387                if (!st.seen) {
388                  st.seen = true;
389                  st.via = isJump() ? "jump" : "scroll";
390                }
391                st.counting = true;
392              } else {
393                finish(st);
394              }
395            }
396          }, { rootMargin: "-30% 0px -30% 0px" });
397          for (const el of sections) sectionObserver.observe(el);
398
399          // --- 離席をまたいだ計測の打ち切り ---
400          // 判定の軸は「送出済みか」ではなく「どれだけ離席したか」。
401          //
402          // GA4のセッションは30分の無操作で切れる。それを超えて放置したタブに戻ってから
403          // section_view を送ると、page_view も gtm.js も無い新しいセッションが立つ
404          // (幽霊セッション。2026-09-08実測で 09/01-09/09 のLP 193セッション中26件=13%)。
405          // セッション数は分析の分母そのものなので、これは絶対に出してはいけない。
406          //
407          // 逆に30分以内の復帰は同じGA4セッションの続きで、水増しの害が無い。
408          // 申込導線は同一タブで app.rakudasu.com/apply へ遷移するため、ブラウザバックの
409          // bfcache復帰で料金セクションを読み直すのは正当な再計測であり、捨てたくない。
410          //
411          // よって: 30分超の離席 → 計測そのものを打ち切る / 30分以内 → 従来どおり測り直す。
412          const SESSION_GAP_MS = 30 * 60 * 1000;
413          let hiddenAt = 0;
414          let stopped = false;
415          const stopMeasuring = () => {
416            if (stopped) return;
417            stopped = true;
418            stopTicker();
419            sectionObserver.disconnect();
420          };
421          const resumeMeasuring = () => {
422            if (stopped) return;
423            // 離席がGA4のセッション境界を越えたら、以降このページロードでは何も送らない。
424            // 未送出のセクションも対象。送ると elapsed_ms も初回ロード起点のまま
425            // 離席ぶんを含んだ値になり、分布が汚れる。
426            if (hiddenAt && Date.now() - hiddenAt > SESSION_GAP_MS) {
427              stopMeasuring();
428              return;
429            }
430            hiddenAt = 0;
431            for (const st of state.values()) {
432              if (!st.inView) continue;
433              if (st.sent) {
434                // 同一セッション内なので測り直す
435                st.sent = false;
436                st.dwell = 0;
437                st.via = "resume";
438              } else if (!st.via) {
439                // finish() が短すぎる滞在を捨てて via を null に戻した後の再計測。
440                // ここで入れないと scroll/jump のどちらでもない null のまま送られる
441                st.via = "resume";
442              }
443              st.seen = true;
444              st.counting = true;
445            }
446            // 復帰は操作とみなす(離席判定を持ち越さない)
447            markActivity();
448            startTicker();
449          };
450
451          document.addEventListener("visibilitychange", () => {
452            if (stopped) return;
453            if (document.visibilityState === "hidden") {
454              // モバイルではアプリ切替でここに来たきり戻らないことがあるので、
455              // pagehideを待たずに確定させる
456              hiddenAt = Date.now();
457              stopTicker();
458              for (const st of state.values()) finish(st);
459              return;
460            }
461            resumeMeasuring();
462          });
463          // bfcache復帰は visibilitychange を伴わないことがあるので pageshow でも拾う
464          window.addEventListener("pageshow", (event) => {
465            if (event.persisted) resumeMeasuring();
466          });
467          // 離脱時に未送出ぶんを送る(pagehideはbfcache/iOSでも発火する)
468          window.addEventListener("pagehide", () => {
469            if (stopped) return;
470            hiddenAt = Date.now();
471            stopTicker();
472            for (const st of state.values()) finish(st);
473          });
474        }
475      }
476    </script>
476<script>
477      // ヘッダー/下部CTAバーの自動退避: 下スクロール中は退避し、上スクロールで復帰。
478      // 復帰タイマーは「指が離れている時」だけ動く: 指が接地したまま少しずつ読んでいる間は
479      // 降ってこず、フリック後は慣性スクロールが止まってから1秒で復帰する。
480      // タッチの無い環境はスクロール停止から1秒で復帰。reduced-motion時は常時表示。
481      // data-autohide-scope="mobile" の要素(ヘッダー)は md 未満でのみ退避する。
482      // デスクトップは常時固定 — 実測でLPの主体はデスクトップで、常時見えるCTAの効きが
483      // 大きく、退避はモバイルの可読性のための措置だったため(issue #3)。
484      if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
485        const autohideEls = Array.from(document.querySelectorAll("[data-autohide]"));
486        if (autohideEls.length) {
487          let lastY = window.scrollY;
488          let showTimer;
489          let touching = false;
490          const desktopMq = window.matchMedia("(min-width: 768px)"); // Tailwind の md
491          const canHide = (el) => !(el.dataset.autohideScope === "mobile" && desktopMq.matches);
492          const setHidden = (hidden) => {
493            for (const el of autohideEls) {
494              el.classList.toggle(
495                el.dataset.autohide === "bottom" ? "translate-y-full" : "-translate-y-full",
496                hidden && canHide(el),
497              );
498            }
499          };
500          // ウィンドウ幅がmdをまたいだら、退避したままの要素を戻す
501          const onMqChange = () => setHidden(false);
502          if (typeof desktopMq.addEventListener === "function") desktopMq.addEventListener("change", onMqChange);
503          else desktopMq.addListener(onMqChange);
504          const startShowTimer = () => {
505            clearTimeout(showTimer);
506            showTimer = setTimeout(() => setHidden(false), 1000);
507          };
508          window.addEventListener(
509            "touchstart",
510            () => {
511              touching = true;
512              clearTimeout(showTimer); // 接地中はタイマーを走らせない
513            },
514            { passive: true },
515          );
516          const onTouchEnd = () => {
517            touching = false;
518            startShowTimer(); // 以降は慣性スクロールのイベントが続く限りリセットされる
519          };
520          window.addEventListener("touchend", onTouchEnd, { passive: true });
521          window.addEventListener("touchcancel", onTouchEnd, { passive: true });
522          window.addEventListener(
523            "scroll",
524            () => {
525              const y = window.scrollY;
526              const delta = y - lastY;
527              lastY = y;
528              if (y < 80) {
529                setHidden(false);
530                return;
531              }
532              if (delta > 4) setHidden(true);
533              else if (delta < -4) setHidden(false);
534              if (!touching) startShowTimer(); // 慣性中はリセット→止まってから1秒で復帰
535            },
536            { passive: true },
537          );
538        }
539      }
540    </script>
540<script>
541      // スクロール連動フェードイン(デザイン確定のモーション方針は「控えめ」。これ以上の演出は追加しない)
542      // IntersectionObserver非対応・reduced-motion環境では何もしない(要素は最初から可視)
543      if (
544        typeof IntersectionObserver === "function" &&
545        !window.matchMedia("(prefers-reduced-motion: reduce)").matches
546      ) {
547        const els = Array.from(document.querySelectorAll("[data-reveal]"));
548        for (const el of els) {
549          el.style.opacity = "0";
550          el.style.transform = "translateY(16px)";
551          el.style.transition = "opacity .6s ease, transform .6s ease";
552        }
553        const io = new IntersectionObserver(
554          (entries) => {
555            for (const entry of entries) {
556              if (!entry.isIntersecting) continue;
557              entry.target.style.opacity = "1";
558              entry.target.style.transform = "none";
559              io.unobserve(entry.target);
560            }
561          },
562          { rootMargin: "0px 0px -12% 0px" },
563        );
564        for (const el of els) io.observe(el);
565      }
566    </script>
566<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"66ca833fd4d543aa994efd9b9f65209e","r":1,"spa":2}' crossorigin="anonymous"></script>
566
567</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.