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'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'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'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'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="{"name":"ContactForm","value":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.