蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β 蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠・廡AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆縲唇rderLink縲・0譌･辟｡譁・/title> <meta name="description" content="蟆剰ｦ乗ｨ｡蜊ｸ繝ｻ蟆丞｣ｲ蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・Β縲・AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上＠縲√せ繝槭・縺ｧJAN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繝ｻPC縺ｧ蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦後・AX繝ｻ髮ｻ隧ｱ菴ｵ逕ｨOK縲よ遠縺｡蜷医ｏ縺帑ｸ崎ｦ√∵怙遏ｭ10蛻・〒譛ｬ逡ｪ遞ｼ蜒阪・0譌･髢鍋┌譁吶∝ｰ丞｣ｲ縺ｯ豌ｸ荵・┌譁吶・> <link rel="canonical" href="https://order-link.info/"> <link rel="sitemap" type="application/xml" href="/sitemap.xml"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="apple-touch-icon" href="/og-image.png"> <meta property="og:type" content="website"> <meta property="og:site_name" content="OrderLink"> <meta property="og:url" content="https://order-link.info/"> <meta property="og:title" content="蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β 蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠・廡AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆縲唇rderLink縲・> <meta property="og:description" content="蟆剰ｦ乗ｨ｡蜊ｸ繝ｻ蟆丞｣ｲ蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・Β縲ゅせ繝槭・縺ｧJAN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繝ｻPC縺ｧ蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦後・AX繝ｻ髮ｻ隧ｱ菴ｵ逕ｨOK縲よ遠縺｡蜷医ｏ縺帑ｸ崎ｦ√・0譌･髢鍋┌譁吶ょｰ丞｣ｲ縺ｯ豌ｸ荵・┌譁吶・> <meta property="og:image" content="https://order-link.info/og-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@Order_Linkinfo"> <meta name="twitter:title" content="蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β 蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠・廡AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆縲唇rderLink縲・> <meta name="twitter:description" content="蟆剰ｦ乗ｨ｡蜊ｸ繝ｻ蟆丞｣ｲ蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・Β縲・AN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繝ｻPC蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸ閾ｪ蜍慕匱陦後・AX繝ｻ髮ｻ隧ｱ菴ｵ逕ｨOK縲・0譌･髢鍋┌譁吶∝ｰ丞｣ｲ縺ｯ豌ｸ荵・┌譁吶・> <meta name="twitter:image" content="https://order-link.info/og-image.png"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "OrderLink", "url": "https://order-link.info", "description": "FAX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β縲ょｰ剰ｦ乗ｨ｡蜊ｸ繝ｻ蟆丞｣ｲ縺ｮ蜿礼匱豕ｨ繧偵せ繝槭・縺ｨPC縺ｧ縺九ｓ縺溘ｓ縺ｫ縲・AN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繝ｻ謇区嶌縺榊・蜉帙・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦悟ｯｾ蠢懊・, "inLanguage": "ja", "publisher": { "@type": "Organization", "name": "OrderLink", "url": "https://order-link.info" }, "potentialAction": { "@type": "SearchAction", "target": "https://order-link.info/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "OrderLink", "url": "https://order-link.info", "logo": "https://order-link.info/og-image.png", "contactPoint": { "@type": "ContactPoint", "email": "info@order-link.info", "contactType": "customer support", "availableLanguage": "Japanese" }, "sameAs": ["https://x.com/Order_Linkinfo", "https://youtube.com/@order_link"] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "OrderLink", "applicationCategory": "BusinessApplication", "operatingSystem": "Web browser", "description": "蟆剰ｦ乗ｨ｡蜊ｸ繝ｻ蟆丞｣ｲ蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・Β縲・AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上＠縲∝ｰ丞｣ｲ縺ｯ繧ｹ繝槭・縺ｧJAN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繝ｻ蜊ｸ縺ｯPC縺ｧ蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦後・AX繝ｻ髮ｻ隧ｱ縺ｮ謇区嶌縺榊・蜉帑ｽｵ逕ｨOK縲よ遠縺｡蜷医ｏ縺帑ｸ崎ｦ√・譛遏ｭ10蛻・〒譛ｬ逡ｪ遞ｼ蜒阪・30譌･髢鍋┌譁吶・蟆丞｣ｲ縺ｯ豌ｸ荵・┌譁吶・, "url": "https://order-link.info", "featureList": "繧ｹ繝槭・逋ｺ豕ｨ, PC蜿玲ｳｨ邂｡逅・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦・繧､繝ｳ繝懊う繧ｹ蟇ｾ蠢・ JAN繧ｳ繝ｼ繝峨せ繧ｭ繝｣繝ｳ逋ｺ豕ｨ, Excel蝠・刀繝槭せ繧ｿ荳諡ｬ蜿冶ｾｼ, QR繧ｳ繝ｼ繝牙叙蠑募・諡帛ｾ・謇区嶌縺榊・蜉幢ｼ・AX繝ｻ髮ｻ隧ｱ豕ｨ譁・・謇句虚蜈･蜉幢ｼ・髮・ｨ医・隲区ｱよ嶌逋ｺ陦・, "offers": [ { "@type": "Offer", "name": "Starter", "price": "20000", "priceCurrency": "JPY", "description": "蜿門ｼ募・30遉ｾ縺ｾ縺ｧ縲ょ・譛溯ｲｻ逕ｨﾂ･30,000縲・ }, { "@type": "Offer", "name": "Standard", "price": "35000", "priceCurrency": "JPY", "description": "蜿門ｼ募・謨ｰ辟｡蛻ｶ髯舌ょ・譛溯ｲｻ逕ｨﾂ･30,000縲・ } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "蟆丞｣ｲ蛛ｴ繧ゆｽｿ縺医∪縺吶°・・, "acceptedAnswer": { "@type": "Answer", "text": "縺ｯ縺・∝ｰ丞｣ｲ蠎暦ｼ育匱豕ｨ蛛ｴ・峨・辟｡譁吶〒縺泌茜逕ｨ縺・◆縺縺代∪縺吶ゅせ繝槭・縺ｮ繝悶Λ繧ｦ繧ｶ縺九ｉ逋ｺ豕ｨ縺ｧ縺阪√い繝励Μ縺ｮ繧､繝ｳ繧ｹ繝医・繝ｫ縺ｯ荳崎ｦ√〒縺吶・ } }, { "@type": "Question", "name": "繧ｹ繝槭・縺縺代〒蛻ｩ逕ｨ縺ｧ縺阪∪縺吶°・・, "acceptedAnswer": { "@type": "Answer", "text": "蟆丞｣ｲ蠎暦ｼ育匱豕ｨ蛛ｴ・峨・繧ｹ繝槭・縺ｮ繝悶Λ繧ｦ繧ｶ縺縺代〒逋ｺ豕ｨ繝ｻ螻･豁ｴ遒ｺ隱阪′蜿ｯ閭ｽ縺ｧ縺吶ゅい繝励Μ縺ｮ繧､繝ｳ繧ｹ繝医・繝ｫ縺ｯ荳崎ｦ√〒縺吶ょ査蛛ｴ・亥女豕ｨ邂｡逅・・邏榊刀譖ｸ逋ｺ陦鯉ｼ峨・PC縺ｧ縺ｮ蛻ｩ逕ｨ繧呈耳螂ｨ縺励※縺・∪縺吶・ } }, { "@type": "Question", "name": "JAN繧ｳ繝ｼ繝峨′縺ｪ縺・膚蜩√ｂ逋ｻ骭ｲ縺ｧ縺阪∪縺吶°・・, "acceptedAnswer": { "@type": "Answer", "text": "縺ｯ縺・゛AN繧ｳ繝ｼ繝峨↑縺励〒繧ょ膚蜩∫匳骭ｲ縺ｧ縺阪∪縺吶ょ膚蜩∝錐繝ｻ萓｡譬ｼ繝ｻ遞守紫繧呈焔蜍募・蜉帙√∪縺溘・Excel縺九ｉ荳諡ｬ蜿悶ｊ霎ｼ縺ｿ縺悟庄閭ｽ縺ｧ縺吶・ } }, { "@type": "Question", "name": "辟｡譁吶ヨ繝ｩ繧､繧｢繝ｫ縺ｯ縺ゅｊ縺ｾ縺吶°・・, "acceptedAnswer": { "@type": "Answer", "text": "縺ｯ縺・・0譌･髢薙・辟｡譁吶ヨ繝ｩ繧､繧｢繝ｫ繧偵＃蛻ｩ逕ｨ縺・◆縺縺代∪縺吶ゅけ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝峨・逋ｻ骭ｲ繧ゆｸ崎ｦ√〒縺吶・ } }, { "@type": "Question", "name": "謇薙■蜷医ｏ縺帙↑縺励〒蟆主・縺ｧ縺阪∪縺吶°・・, "acceptedAnswer": { "@type": "Answer", "text": "縺ｯ縺・∝ｮ悟・繧ｻ繝ｫ繝輔し繝ｼ繝薙せ縺ｧ蟆主・縺ｧ縺阪∪縺吶ゅΓ繝ｼ繝ｫ繧｢繝峨Ξ繧ｹ縺ｧ逋ｻ骭ｲ縺吶ｋ縺縺代〒蜊ｳ譌･繧ｹ繧ｿ繝ｼ繝医〒縺阪∪縺吶・ } } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "HowTo", "name": "OrderLink蟆主・謇矩・, "description": "謇薙■蜷医ｏ縺帑ｸ崎ｦ√・譛遏ｭ10蛻・〒蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β繧貞ｰ主・縺吶ｋ謇矩・, "totalTime": "PT10M", "step": [ { "@type": "HowToStep", "position": 1, "name": "辟｡譁咏匳骭ｲ", "text": "繝｡繝ｼ繝ｫ繧｢繝峨Ξ繧ｹ縺縺代〒蜊ｳ譌･繧｢繧ｫ繧ｦ繝ｳ繝育匱陦後ゅけ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝我ｸ崎ｦ√・, "url": "https://order-link.info/#flow" }, { "@type": "HowToStep", "position": 2, "name": "蝠・刀逋ｻ骭ｲ", "text": "Excel繝輔ぃ繧､繝ｫ縺徽AN繧ｹ繧ｭ繝｣繝ｳ縺ｧ蝠・刀繝槭せ繧ｿ繧堤匳骭ｲ縲・, "url": "https://order-link.info/#flow" }, { "@type": "HowToStep", "position": 3, "name": "蜿門ｼ募・繧呈魚蠕・, "text": "QR繧ｳ繝ｼ繝峨ｒLINE繧・Γ繝ｼ繝ｫ縺ｧ騾√ｋ縺縺代ょｽ捺律縺九ｉ逋ｺ豕ｨ縺悟ｱ翫￥縲・, "url": "https://order-link.info/#flow" }, { "@type": "HowToStep", "position": 4, "name": "蜿礼匱豕ｨ髢句ｧ・, "text": "繧ｹ繝槭・繝ｻPC縺九ｉ蜿礼匱豕ｨ繝ｻ邏榊刀譖ｸ逋ｺ陦後′縺吶＄菴ｿ縺医ｋ縲・, "url": "https://order-link.info/#flow" } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "name": "蟆丞｣ｲ蠎励・繧ｹ繝槭・逋ｺ豕ｨ繝・Δ・廾rderLink蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β", "description": "蟆丞｣ｲ蠎励′繧ｹ繝槭・縺ｮ繝悶Λ繧ｦ繧ｶ縺縺代〒JAN繧ｹ繧ｭ繝｣繝ｳ逋ｺ豕ｨ繧貞ｮ御ｺ・☆繧九ョ繝｢縲ゅい繝励Μ荳崎ｦ√・0遘偵〒逋ｺ豕ｨ螳御ｺ・ゆｸｭ蟆丞査蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・ΒOrderLink縲・, "thumbnailUrl": "https://img.youtube.com/vi/OBzTLadzMUA/hqdefault.jpg", "uploadDate": "2026-06-01", "embedUrl": "https://www.youtube.com/embed/OBzTLadzMUA", "publisher": { "@type": "Organization", "name": "OrderLink", "logo": { "@type": "ImageObject", "url": "https://order-link.info/og-image.png" } } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "VideoObject", "name": "蜿玲ｳｨ縲懃ｴ榊刀譖ｸ逋ｺ陦後∪縺ｧ1蛻・〒螳檎ｵ撰ｽ廾rderLink蜊ｸ蜷代￠讖溯・繝・Δ", "description": "蜊ｸ蛛ｴ縺ｮ蜿玲ｳｨ遒ｺ隱阪・謨ｰ驥丞､画峩繝ｻ邏榊刀譖ｸ逋ｺ陦後∪縺ｧ繧・蛻・〒螳檎ｵ舌＆縺帙ｋ繝・Δ縲・, "thumbnailUrl": "https://img.youtube.com/vi/c9gyg2JtE0g/hqdefault.jpg", "uploadDate": "2026-05-25", "embedUrl": "https://www.youtube.com/embed/c9gyg2JtE0g", "publisher": { "@type": "Organization", "name": "OrderLink", "logo": { "@type": "ImageObject", "url": "https://order-link.info/og-image.png" } } } </script> <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&display=swap" rel="stylesheet"> <style> :root { --primary: #1a56db; --primary-dark: #1e40af; --text: #111827; --text-sub: #6b7280; --bg: #ffffff; --bg-gray: #f9fafb; --border: #e5e7eb; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Noto Sans JP', sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; line-height: 1.7; } /* HEADER */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); } .header-inner { max-width: 1080px; margin: 0 auto; padding: 0 24px; height: 60px; display: flex; align-items: center; justify-content: space-between; } .logo { font-size: 20px; font-weight: 900; color: var(--text); text-decoration: none; letter-spacing: 1px; } .logo span { color: var(--primary); } nav { display: flex; align-items: center; gap: 4px; } nav a { text-decoration: none; color: var(--text-sub); font-size: 13px; font-weight: 500; padding: 6px 10px; border-radius: 6px; transition: color 0.15s, background 0.15s; } nav a:hover { color: var(--text); background: var(--bg-gray); } .nav-cta { background: var(--primary) !important; color: white !important; padding: 8px 16px !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 13px !important; margin-left: 8px; } .nav-cta:hover { background: var(--primary-dark) !important; } .hamburger { display: none; background: none; border: none; cursor: pointer; padding: 4px; } .hamburger span { display: block; width: 22px; height: 2px; background: var(--text); margin: 5px 0; border-radius: 2px; transition: 0.3s; } /* MOBILE NAV */ .mobile-nav { display: none; position: fixed; top: 60px; left: 0; right: 0; z-index: 99; background: white; border-bottom: 1px solid var(--border); padding: 16px 24px; flex-direction: column; gap: 4px; } .mobile-nav.open { display: flex; } .mobile-nav a { text-decoration: none; color: var(--text); font-size: 15px; font-weight: 500; padding: 12px 8px; border-bottom: 1px solid var(--border); } .mobile-nav a:last-child { border-bottom: none; } .mobile-nav .nav-cta { background: var(--primary) !important; color: white !important; text-align: center; border-radius: 8px !important; padding: 14px 8px !important; margin-top: 8px; border-bottom: none !important; font-size: 15px !important; } .mobile-nav .nav-contact { color: var(--primary) !important; font-weight: 600 !important; cursor: pointer; } /* CONTACT MODAL */ .contact-overlay { display: none; position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; padding: 16px; } .contact-overlay.open { display: flex; } .contact-modal { background: white; border-radius: 12px; padding: 28px 24px; width: 100%; max-width: 440px; position: relative; } .contact-modal h2 { font-size: 18px; margin-bottom: 20px; } .contact-modal label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; margin-top: 14px; } .contact-modal input, .contact-modal select, .contact-modal textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; font-size: 15px; font-family: inherit; } .contact-modal textarea { resize: vertical; min-height: 80px; } .contact-modal .required { color: var(--primary); margin-left: 4px; } .contact-modal .optional { color: #999; font-size: 11px; margin-left: 4px; } .contact-modal-submit { margin-top: 20px; width: 100%; background: var(--primary); color: white; border: none; border-radius: 8px; padding: 14px; font-size: 16px; font-weight: 600; cursor: pointer; } .contact-modal-submit:disabled { background: #aaa; cursor: not-allowed; } .contact-modal-close { position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 22px; cursor: pointer; color: #999; } .contact-success { text-align: center; padding: 24px 0; } .contact-success p { font-size: 16px; margin-top: 12px; color: var(--text); } /* SECTIONS */ section { padding: 64px 24px; } .container { max-width: 680px; margin: 0 auto; } /* HERO */ #hero { padding-top: 120px; padding-bottom: 72px; background: linear-gradient(160deg, #f0f7ff 0%, #ffffff 60%); text-align: center; } .hero-badge { display: inline-block; background: #eff6ff; color: var(--primary); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 100px; border: 1px solid #bfdbfe; margin-bottom: 20px; letter-spacing: 0.5px; } #hero h1 { font-size: clamp(26px, 5vw, 40px); font-weight: 900; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 16px; } #hero h1 em { color: var(--primary); font-style: normal; } .hero-sub { font-size: clamp(14px, 2.5vw, 17px); color: var(--text-sub); margin-bottom: 36px; } .btn-primary { display: inline-block; background: var(--primary); color: white; font-size: 17px; font-weight: 700; padding: 16px 40px; border-radius: 8px; text-decoration: none; transition: background 0.15s, transform 0.1s; box-shadow: 0 4px 12px rgba(26,86,219,0.3); } .btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); } .btn-primary:active { transform: translateY(0); } .hero-note { font-size: 12px; color: var(--text-sub); margin-top: 12px; } /* PROBLEMS */ #problems { background: var(--bg-gray); } .section-label { font-size: 12px; font-weight: 700; color: var(--primary); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; text-align: center; } .section-title { font-size: clamp(20px, 4vw, 28px); font-weight: 900; text-align: center; margin-bottom: 40px; line-height: 1.4; } .problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .problem-card { background: white; border: 1px solid var(--border); border-radius: 12px; padding: 20px 16px; display: flex; align-items: flex-start; gap: 12px; } .problem-icon { font-size: 28px; flex-shrink: 0; line-height: 1; } .problem-text { font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--text); } /* FEATURES */ #features { background: white; } .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .feature-card { background: var(--bg-gray); border-radius: 12px; padding: 24px 20px; text-align: center; } .feature-icon { font-size: 36px; margin-bottom: 12px; } .feature-title { font-size: 15px; font-weight: 700; margin-bottom: 6px; } .feature-desc { font-size: 13px; color: var(--text-sub); line-height: 1.5; } /* FLOW */ #flow { background: var(--bg-gray); } .flow-steps { display: flex; flex-direction: column; gap: 0; } .flow-step { display: flex; align-items: flex-start; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--border); } .flow-step:last-child { border-bottom: none; } .flow-num { width: 36px; height: 36px; border-radius: 50%; background: var(--primary); color: white; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; } .flow-body {} .flow-title { font-size: 15px; font-weight: 700; margin-bottom: 4px; } .flow-desc { font-size: 13px; color: var(--text-sub); } .flow-time { display: inline-block; font-size: 11px; font-weight: 700; color: var(--primary); background: #eff6ff; padding: 2px 8px; border-radius: 100px; margin-top: 6px; } /* PRICING */ #pricing { background: white; } .pricing-box { background: var(--bg-gray); border: 1px solid var(--border); border-radius: 16px; padding: 32px 28px; max-width: 420px; margin: 0 auto; } .pricing-free-badge { display: inline-block; background: #dcfce7; color: #166534; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 100px; margin-bottom: 20px; } .pricing-row { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--border); } .pricing-row:last-of-type { border-bottom: none; } .pricing-label { font-size: 14px; color: var(--text-sub); } .pricing-value { font-size: 17px; font-weight: 700; } .pricing-value small { font-size: 12px; font-weight: 400; color: var(--text-sub); } .pricing-note { font-size: 12px; color: var(--text-sub); margin-top: 16px; line-height: 1.6; } /* FINAL CTA */ #cta { background: var(--primary); text-align: center; padding: 72px 24px; } #cta h2 { font-size: clamp(22px, 4vw, 32px); font-weight: 900; color: white; margin-bottom: 12px; line-height: 1.4; } #cta p { color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 32px; } .btn-white { display: inline-block; background: white; color: var(--primary); font-size: 17px; font-weight: 700; padding: 16px 40px; border-radius: 8px; text-decoration: none; transition: opacity 0.15s, transform 0.1s; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .btn-white:hover { opacity: 0.92; transform: translateY(-1px); } #cta .hero-note { color: rgba(255,255,255,0.65); } /* FOOTER */ footer { background: #111827; color: #9ca3af; text-align: center; padding: 32px 24px; font-size: 13px; } footer a { color: #9ca3af; text-decoration: none; margin: 0 12px; } footer a:hover { color: white; } .footer-links { margin-bottom: 12px; } /* FAQ PAGE */ #faq-section { background: white; } .faq-list { display: flex; flex-direction: column; gap: 0; } .faq-item { border-bottom: 1px solid var(--border); padding: 20px 0; cursor: pointer; } .faq-question { font-size: 15px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px; } .faq-question::after { content: '+'; font-size: 20px; color: var(--primary); flex-shrink: 0; } .faq-item.open .faq-question::after { content: '竏・; } .faq-answer { font-size: 14px; color: var(--text-sub); line-height: 1.7; margin-top: 12px; display: none; } .faq-item.open .faq-answer { display: block; } /* ARTICLES / VIDEOS PAGE */ #articles-section, #videos-section { background: white; } #videos-section { background: var(--bg-gray); } .video-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .video-thumb { border-radius: 10px; overflow: hidden; background: #000; aspect-ratio: 16/9; position: relative; } .video-thumb iframe { width: 100%; height: 100%; border: none; } .video-label { font-size: 13px; margin-top: 8px; font-weight: 500; color: var(--text); } .youtube-link { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); font-size: 13px; font-weight: 700; text-decoration: none; margin-top: 24px; } .youtube-link:hover { text-decoration: underline; } /* RESPONSIVE */ @media (max-width: 640px) { nav { display: none; } .hamburger { display: block; } .problem-grid { grid-template-columns: 1fr; } .feature-grid { grid-template-columns: 1fr; } .video-grid { grid-template-columns: 1fr; } section { padding: 52px 20px; } #hero { padding-top: 96px; } } </style> </head> <body> <header> <div class="header-inner"> <a href="/" class="logo"><img src="./logo.png" alt="OrderLink" style="height:44px;width:auto;display:block;mix-blend-mode:multiply;"></a> <nav> <a href="/">繝医ャ繝・/a> <a href="/#features">讖溯・</a> <a href="/#pricing">譁咎≡</a> <a href="/faq.html">FAQ</a> <a href="/screens.html">逕ｻ髱｢繝ｻ蟶ｳ逾ｨ</a> <a href="/articles.html">險倅ｺ・/a> <a href="/videos.html">蜍慕判</a> <a href="#" id="openContactBtnPc">縺雁撫縺・粋繧上○</a> <a href="https://app.order-link.info/register" class="nav-cta">辟｡譁吶〒隧ｦ縺・/a> </nav> <button class="hamburger" id="hamburgerBtn" aria-label="繝｡繝九Η繝ｼ"> <span></span><span></span><span></span> </button> </div> </header> <div class="mobile-nav" id="mobileNav"> <a href="/">繝医ャ繝・/a> <a href="/#features">讖溯・</a> <a href="/#pricing">譁咎≡</a> <a href="/faq.html">FAQ</a> <a href="/screens.html">逕ｻ髱｢繝ｻ蟶ｳ逾ｨ</a> <a href="/articles.html">險倅ｺ・/a> <a href="/videos.html">蜍慕判</a> <a href="#" class="nav-contact" id="openContactBtn">縺雁撫縺・粋繧上○</a> <a href="https://app.order-link.info/register" class="nav-cta">30譌･辟｡譁吶〒隧ｦ縺・/a> </div>  <div class="contact-overlay" id="contactOverlay"> <div class="contact-modal" id="contactModal"> <button class="contact-modal-close" id="closeContactBtn" aria-label="髢峨§繧・>×</button> <div id="contactFormWrap"> <h2>縺雁撫縺・粋繧上○</h2> <form id="contactForm" novalidate> <label>遉ｾ蜷阪∪縺溘・蜷榊燕<span class="required">*</span></label> <input type="text" name="name" required placeholder="萓具ｼ壼ｱｱ逕ｰ蝠・ｺ・> <label>繝｡繝ｼ繝ｫ繧｢繝峨Ξ繧ｹ<span class="required">*</span></label> <input type="email" name="email" required placeholder="萓具ｼ喨nfo@example.com"> <label>髮ｻ隧ｱ逡ｪ蜿ｷ<span class="optional">莉ｻ諢・/span></label> <input type="tel" name="tel" placeholder="萓具ｼ・90-0000-0000"> <label>逕ｨ莉ｶ<span class="required">*</span></label> <select name="subject" required> <option value="">驕ｸ謚槭＠縺ｦ縺上□縺輔＞</option> <option value="蟆主・繧呈､懆ｨ弱＠縺ｦ縺・ｋ">蟆主・繧呈､懆ｨ弱＠縺ｦ縺・ｋ</option> <option value="譁咎≡繝ｻ繝励Λ繝ｳ縺ｫ縺､縺・※">譁咎≡繝ｻ繝励Λ繝ｳ縺ｫ縺､縺・※</option> <option value="謫堺ｽ懊・菴ｿ縺・婿縺ｫ縺､縺・※">謫堺ｽ懊・菴ｿ縺・婿縺ｫ縺､縺・※</option> <option value="縺昴・莉・>縺昴・莉・/option> </select> <label>繝｡繝・そ繝ｼ繧ｸ<span class="optional">莉ｻ諢・/span></label> <textarea name="message" placeholder="縺碑ｳｪ蝠上・縺碑ｦ∵悍繧偵＃險伜・縺上□縺輔＞"></textarea> <button type="submit" class="contact-modal-submit" id="contactSubmitBtn">騾∽ｿ｡縺吶ｋ</button> </form> </div> <div class="contact-success" id="contactSuccess" style="display:none"> <div style="font-size:40px">笨・/div> <p>縺雁撫縺・粋繧上○繧貞女縺台ｻ倥￠縺ｾ縺励◆縲・br>2蝟ｶ讌ｭ譌･莉･蜀・↓縺碑ｿ比ｿ｡縺・◆縺励∪縺吶・/p> </div> </div> </div> <div id="home">  <section id="hero"> <div class="container"> <img src="./logo.png" alt="OrderLink" style="width:60%;max-width:400px;height:auto;margin:0 auto 16px;display:block;mix-blend-mode:multiply;"> <div class="hero-badge">30譌･髢鍋┌譁吶・謇薙■蜷医ｏ縺帑ｸ崎ｦ√・譛遏ｭ10蛻・〒蟋九ａ繧峨ｌ繧・/div> <h1>蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠<em>蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β</em></h1> <p class="hero-sub">FAX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆縲ゅせ繝槭・縺ｧ逋ｺ豕ｨ繝ｻPC縺ｧ蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦後・/p> <a href="https://app.order-link.info/register" id="cta-hero" class="btn-primary">30譌･辟｡譁吶〒隧ｦ縺・/a> <p class="hero-note">繧ｯ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝我ｸ崎ｦ・繝ｻ縺・▽縺ｧ繧ゅく繝｣繝ｳ繧ｻ繝ｫ蜿ｯ</p> <p class="hero-note" style="margin-top:6px;">氏蜿門ｼ募・・亥ｰ丞｣ｲ蛛ｴ・峨・<strong>豌ｸ荵・┌譁・/strong>繝ｻ繧｢繝励Μ荳崎ｦ・/p> <p style="margin-top:20px;"><a href="/screens.html" style="color:var(--primary);font-size:13px;font-weight:700;text-decoration:none;">螳滄圀縺ｮ逕ｻ髱｢繝ｻ蟶ｳ逾ｨ繧定ｦ九ｋ竊・/a></p> </div> </section>  <section id="target" style="padding:32px 24px;background:#f0f7ff;"> <div class="container"> <p class="section-label">縺薙ｓ縺ｪ蜊ｸ縺ｫ蜷代＞縺ｦ縺・∪縺・/p> <h2 class="section-title" style="font-size:20px;">JAN繧ｳ繝ｼ繝牙膚蜩√ｒ謇ｱ縺・ｰ剰ｦ乗ｨ｡蜊ｸ縺ｫ譛驕ｩ</h2> <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;"> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">些鬟溷刀繝ｻ鬟ｲ譁吝査</div> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">ｧｴ陦帷函逕ｨ蜩∝査</div> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">ｧｴ譌･逕ｨ髮題ｲｨ蜊ｸ</div> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">梱闖灘ｭ舌・繧ｹ繝翫ャ繧ｯ蜊ｸ</div> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">笨擾ｸ・譁・・繝ｻ莠句漁逕ｨ蜩∝査</div> <div style="background:white;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;">嫡蛹也ｲｧ蜩√・髮題ｲｨ蜊ｸ</div> </div> <p style="margin-top:16px;font-size:13px;color:#4b5563;text-align:center;">JAN繧ｳ繝ｼ繝峨′縺ゅｋ蝠・刀縺ｪ繧峨√せ繝槭・縺ｧ繧ｹ繧ｭ繝｣繝ｳ縺吶ｋ縺縺代〒逋ｺ豕ｨ螳御ｺ・ょ膚蜩√・繧ｹ繧ｿ縺ｮ逋ｻ骭ｲ繝ｻ邂｡逅・ｂ邁｡蜊倥・/p> </div> </section>  <section id="problems"> <div class="container"> <p class="section-label">蟆剰ｦ乗ｨ｡蜊ｸ縺ｮ迴ｾ蝣ｴ縺ｮ隱ｲ鬘・/p> <h2 class="section-title">縺薙ｓ縺ｪ謇矩俣縲√∪縺邯壹￠縺ｦ縺・∪縺吶°・・/h2> <div class="problem-grid"> <div class="problem-card"> <div class="problem-icon">蕩</div> <div class="problem-text">FAX豕ｨ譁・・遒ｺ隱阪↓<br>譎る俣縺後°縺九ｋ</div> </div> <div class="problem-card"> <div class="problem-icon">到</div> <div class="problem-text">髮ｻ隧ｱ豕ｨ譁・・<br>閨槭″髢馴＆縺・′襍ｷ縺阪ｋ</div> </div> <div class="problem-card"> <div class="problem-icon">翌・・/div> <div class="problem-text">豕ｨ譁・′邏吶・LINE繝ｻ髮ｻ隧ｱ縺ｧ<br>繝舌Λ繝舌Λ</div> </div> <div class="problem-card"> <div class="problem-icon">竚ｨ・・/div> <div class="problem-text">繧ｷ繧ｹ繝・Β縺ｸ縺ｮ<br>霆｢險倅ｽ懈･ｭ縺碁擇蛟・/div> </div> </div> </div> </section>  <section id="features"> <div class="container"> <p class="section-label">蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠蜿礼匱豕ｨ繧ｷ繧ｹ繝・Β縺ｮ荳ｻ縺ｪ讖溯・</p> <h2 class="section-title">OrderLink縺ｧ縺ｾ繧九＃縺ｨ隗｣豎ｺ</h2> <div class="feature-grid"> <div class="feature-card"> <div class="feature-icon">導</div> <div class="feature-title">繧ｹ繝槭・縺ｧ逋ｺ豕ｨ繝ｻJAN繧ｹ繧ｭ繝｣繝ｳ</div> <div class="feature-desc">蟆丞｣ｲ蠎励・繧ｹ繝槭・縺ｮ繧ｫ繝｡繝ｩ縺ｧJAN繧ｳ繝ｼ繝峨ｒ繧ｹ繧ｭ繝｣繝ｳ縺吶ｋ縺縺代〒逋ｺ豕ｨ螳御ｺ・ゅい繝励Μ荳崎ｦ√・繝悶Λ繧ｦ繧ｶ縺ｮ縺ｿ縲・/div> </div> <div class="feature-card"> <div class="feature-icon">笨・/div> <div class="feature-title">PC蜿玲ｳｨ邂｡逅・/div> <div class="feature-desc">蜊ｸ蛛ｴ縺ｯPC縺ｧ繝ｪ繧｢繝ｫ繧ｿ繧､繝縺ｫ蜿玲ｳｨ遒ｺ隱阪・謨ｰ驥丞､画峩繝ｻ蜿玲ｳｨ遒ｺ螳壹・/div> </div> <div class="feature-card"> <div class="feature-icon">塘</div> <div class="feature-title">邏榊刀譖ｸPDF閾ｪ蜍慕匱陦・/div> <div class="feature-desc">繝ｯ繝ｳ繧ｯ繝ｪ繝・け縺ｧ繧､繝ｳ繝懊う繧ｹ蟇ｾ蠢懊・邏榊刀譖ｸPDF繧定・蜍慕匱陦後・/div> </div> <div class="feature-card"> <div class="feature-icon">投</div> <div class="feature-title">豕ｨ譁・ｱ･豁ｴ繝ｻ髮・ｨ・/div> <div class="feature-desc">蜈ｨ蜿門ｼ募・縺ｮ豕ｨ譁・ｱ･豁ｴ繝ｻ譛亥挨螢ｲ荳企寔險医ｒ縺ｾ縺ｨ繧√※邂｡逅・・/div> </div> <div class="feature-card"> <div class="feature-icon">ｧｾ</div> <div class="feature-title">隲区ｱよ嶌逋ｺ陦・/div> <div class="feature-desc">譛域忰縺ｫ蜿門ｼ募・縺斐→縺ｮ邏榊刀螳溽ｸｾ縺九ｉ隲区ｱよ嶌PDF繧偵Ρ繝ｳ繧ｯ繝ｪ繝・け逋ｺ陦後ゅう繝ｳ繝懊う繧ｹ・磯←譬ｼ隲区ｱよ嶌・牙ｯｾ蠢懊・/div> </div> <div class="feature-card"> <div class="feature-icon">憧</div> <div class="feature-title">QR繧ｳ繝ｼ繝峨〒蜿門ｼ募・諡帛ｾ・/div> <div class="feature-desc">QR繧ｳ繝ｼ繝峨ｒLINE縺ｧ騾√ｋ縺縺代ょ叙蠑募・縺ｯ縺昴・譌･縺九ｉ逋ｺ豕ｨ縺ｧ縺阪ｋ縲・/div> </div> <div class="feature-card"> <div class="feature-icon">笨擾ｸ・/div> <div class="feature-title">FAX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｂ謇区嶌縺榊・蜉・/div> <div class="feature-desc">螳悟・遘ｻ陦後′髮｣縺励＞蜿門ｼ募・縺ｯFAX繝ｻ髮ｻ隧ｱ縺ｮ縺ｾ縺ｾ縲ょ査蛛ｴ縺梧焔譖ｸ縺榊・蜉帙☆繧後・蜷後§豬√ｌ縺ｧ邏榊刀譖ｸ縺ｾ縺ｧ逋ｺ陦後〒縺阪ｋ縲・/div> </div> </div> </div> </section>  <section id="flow"> <div class="container"> <p class="section-label">蛻ｩ逕ｨ髢句ｧ九∪縺ｧ</p> <h2 class="section-title">譛遏ｭ10蛻・・繧ｹ繝・ャ繝励〒菴ｿ縺医ｋ</h2> <div class="flow-steps"> <div class="flow-step"> <div class="flow-num">1</div> <div class="flow-body"> <div class="flow-title">辟｡譁咏匳骭ｲ</div> <div class="flow-desc">繝｡繝ｼ繝ｫ繧｢繝峨Ξ繧ｹ縺縺代〒蜊ｳ譌･繧｢繧ｫ繧ｦ繝ｳ繝育匱陦後ゅけ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝我ｸ崎ｦ√・/div> <span class="flow-time">邏・蛻・/span> </div> </div> <div class="flow-step"> <div class="flow-num">2</div> <div class="flow-body"> <div class="flow-title">蝠・刀逋ｻ骭ｲ</div> <div class="flow-desc">Excel繝輔ぃ繧､繝ｫ縺徽AN繧ｹ繧ｭ繝｣繝ｳ縺ｧ蝠・刀繝槭せ繧ｿ繧剃ｸ諡ｬ逋ｻ骭ｲ縲・/div> <span class="flow-time">邏・縲・蛻・/span> </div> </div> <div class="flow-step"> <div class="flow-num">3</div> <div class="flow-body"> <div class="flow-title">蜿門ｼ募・繧呈魚蠕・/div> <div class="flow-desc">QR繧ｳ繝ｼ繝峨ｒLINE繧・Γ繝ｼ繝ｫ縺ｧ騾√ｋ縺縺代ょｽ捺律縺九ｉ逋ｺ豕ｨ縺悟ｱ翫￥縲・/div> <span class="flow-time">邏・蛻・/span> </div> </div> <div class="flow-step"> <div class="flow-num">4</div> <div class="flow-body"> <div class="flow-title">蜿礼匱豕ｨ髢句ｧ・/div> <div class="flow-desc">繧ｹ繝槭・繝ｻPC縺九ｉ蜿礼匱豕ｨ繝ｻ邏榊刀譖ｸ逋ｺ陦後′縺吶＄菴ｿ縺医ｋ縲・/div> </div> </div> </div> </div> </section>  <section id="pricing"> <div class="container"> <p class="section-label">蟆剰ｦ乗ｨ｡蜊ｸ蜷代￠譁咎≡</p> <h2 class="section-title">繧ｷ繝ｳ繝励Ν縺ｪ譁咎≡菴鍋ｳｻ</h2> <div class="pricing-box"> <span class="pricing-free-badge">30譌･髢鍋┌譁吶ヨ繝ｩ繧､繧｢繝ｫ</span> <div class="pricing-row"> <span class="pricing-label">蛻晄悄雋ｻ逕ｨ</span> <span class="pricing-value">ﾂ･30,000</span> </div> <div class="pricing-row"> <span class="pricing-label">譛磯｡・Starter・亥叙蠑募・30遉ｾ縺ｾ縺ｧ・・/span> <span class="pricing-value">ﾂ･20,000 <small>・乗怦</small></span> </div> <div class="pricing-row"> <span class="pricing-label">譛磯｡・Standard・亥叙蠑募・辟｡蛻ｶ髯撰ｼ・/span> <span class="pricing-value">ﾂ･35,000 <small>・乗怦</small></span> </div> <div class="pricing-row"> <span class="pricing-label">蟆丞｣ｲ蛛ｴ・育匱豕ｨ蛛ｴ・・/span> <span class="pricing-value">辟｡譁・/span> </div> <p class="pricing-note">繝医Λ繧､繧｢繝ｫ蠕後・繧ｯ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝峨〒譛域ｬ｡豎ｺ貂医ゅ＞縺､縺ｧ繧ょ叉譎ゅく繝｣繝ｳ繧ｻ繝ｫ蜿ｯ縲る聞譛溷･醍ｴ・・邵帙ｊ縺ｪ縺励・/p> </div> <div style="background:#f0fdf4; border:1px solid #86efac; border-radius:12px; padding:20px 24px; margin-top:16px; max-width:420px; margin-left:auto; margin-right:auto;"> <p style="font-size:15px; font-weight:700; color:#166534; margin-bottom:4px;">陶諡帛ｾ・＆繧後◆蟆丞｣ｲ蠎励・豌ｸ荵・┌譁・/p> <p style="font-size:13px; color:#15803d; line-height:1.6;">蜿門ｼ募・・亥ｰ丞｣ｲ蠎暦ｼ峨∈縺ｮ雋ｻ逕ｨ縺ｯ荳蛻・°縺九ｊ縺ｾ縺帙ｓ縲２R繧ｳ繝ｼ繝峨〒諡帛ｾ・☆繧九□縺代〒縲√◎縺ｮ譌･縺九ｉ逋ｺ豕ｨ縺励※繧ゅｉ縺医∪縺吶・/p> </div> </div> </section>  <section id="cta"> <div class="container"> <h2>縺ｾ縺・0譌･縲∫┌譁吶〒隧ｦ縺励※縺ｿ縺ｦ縺上□縺輔＞縲・/h2> <p>謇薙■蜷医ｏ縺帑ｸ崎ｦ√ゅ☆縺蝉ｽｿ縺医∪縺吶・/p> <a href="https://app.order-link.info/register" id="cta-bottom" class="btn-white">30譌･辟｡譁吶〒隧ｦ縺・/a> <p class="hero-note" style="margin-top:12px;">繧ｯ繝ｬ繧ｸ繝・ヨ繧ｫ繝ｼ繝我ｸ崎ｦ・繝ｻ縺・▽縺ｧ繧ゅく繝｣繝ｳ繧ｻ繝ｫ蜿ｯ</p> </div> </section> </div> <footer> <div class="footer-links"> <a href="mailto:info@order-link.info">縺雁撫縺・粋繧上○</a> <a href="https://app.order-link.info/register">辟｡譁咏匳骭ｲ</a> <a href="/faq.html">FAQ</a> <a href="/screens.html">螳滄圀縺ｮ逕ｻ髱｢</a> <a href="/articles.html">險倅ｺ・/a> <a href="/terms.html">蛻ｩ逕ｨ隕冗ｴ・/a> </div> <div style="font-size:11px; color:#4b5563; margin-bottom:10px; line-height:1.8;"> OrderLink・應ｸｭ蟆丞査蜷代￠繧ｯ繝ｩ繧ｦ繝牙女逋ｺ豕ｨ繧ｷ繧ｹ繝・Β・廡AX繝ｻ髮ｻ隧ｱ豕ｨ譁・ｒ縺ｪ縺上☆・懊せ繝槭・逋ｺ豕ｨ繝ｻPC蜿玲ｳｨ邂｡逅・・邏榊刀譖ｸPDF閾ｪ蜍慕匱陦・br> JAN繧ｳ繝ｼ繝峨せ繧ｭ繝｣繝ｳ蟇ｾ蠢懶ｽ懊う繝ｳ繝懊う繧ｹ・磯←譬ｼ隲区ｱよ嶌・牙ｯｾ蠢懶ｽ懈遠縺｡蜷医ｏ縺帑ｸ崎ｦ√・譛遏ｭ10蛻・ｰ主・・・0譌･髢鍋┌譁吶ヨ繝ｩ繧､繧｢繝ｫ・懈怦鬘債･20,000縲・ </div> <div>ﾂｩ 2026 OrderLink. All rights reserved.</div> </footer> <script> /* ===== UTM繝ｦ繝ｼ繝・ぅ繝ｪ繝・ぅ ===== */ function getUtmParam(key) { var p = new URLSearchParams(window.location.search); return p.get(key) || 'not_set'; } function getUtmParams() { return { utm_source: getUtmParam('utm_source'), utm_medium: getUtmParam('utm_medium'), utm_campaign: getUtmParam('utm_campaign'), utm_content: getUtmParam('utm_content') }; } /* UTM繧痴essionStorage縺ｫ菫晏ｭ假ｼ・P竊堤匳骭ｲ繝壹・繧ｸ縺ｸ蠑輔″邯吶＄・・*/ (function() { var utms = getUtmParams(); if (utms.utm_source !== 'not_set') { sessionStorage.setItem('_utms', JSON.stringify(utms)); } })(); /* CTA繝ｪ繝ｳ繧ｯ縺ｫUTM繧貞虚逧・ｻ倅ｸ・*/ function buildRegisterUrl(location) { var base = 'https://app.order-link.info/register'; var utms = JSON.parse(sessionStorage.getItem('_utms') || '{}'); if (!utms.utm_source) return base; var params = new URLSearchParams(utms); params.set('ref', location); return base + '?' + params.toString(); } var _trialClickFired = {}; function fireTrialClick(location) { if (_trialClickFired[location]) return; _trialClickFired[location] = true; var utms = JSON.parse(sessionStorage.getItem('_utms') || '{}'); gtag('event', 'trial_signup_click', Object.assign({ source_location: location, page_path: window.location.pathname, page_title: document.title, utm_source: utms.utm_source || 'not_set', utm_medium: utms.utm_medium || 'not_set', utm_campaign: utms.utm_campaign || 'not_set', utm_content: utms.utm_content || 'not_set' })); } document.addEventListener('DOMContentLoaded', function() { var heroBtn = document.getElementById('cta-hero'); var bottomBtn = document.getElementById('cta-bottom'); if (heroBtn) { heroBtn.href = buildRegisterUrl('hero'); heroBtn.addEventListener('click', function() { fireTrialClick('hero'); }); } if (bottomBtn) { bottomBtn.href = buildRegisterUrl('bottom_cta'); bottomBtn.addEventListener('click', function() { fireTrialClick('bottom_cta'); }); } }); /* ===== 繝上Φ繝舌・繧ｬ繝ｼ繝｡繝九Η繝ｼ ===== */ document.getElementById('hamburgerBtn').addEventListener('click', function(e) { e.stopPropagation(); document.getElementById('mobileNav').classList.toggle('open'); }); document.addEventListener('click', function(e) { var nav = document.getElementById('mobileNav'); var btn = document.getElementById('hamburgerBtn'); if (!nav.contains(e.target) && !btn.contains(e.target)) nav.classList.remove('open'); }); /* ===== 縺雁撫縺・粋繧上○繝｢繝ｼ繝繝ｫ ===== */ function openContact() { document.getElementById('contactOverlay').classList.add('open'); document.getElementById('mobileNav').classList.remove('open'); document.getElementById('contactFormWrap').style.display = ''; document.getElementById('contactSuccess').style.display = 'none'; document.getElementById('contactForm').reset(); document.getElementById('contactSubmitBtn').disabled = false; } function closeContact() { document.getElementById('contactOverlay').classList.remove('open'); } document.getElementById('openContactBtn').addEventListener('click', function(e) { e.preventDefault(); openContact(); }); var pcContactBtn = document.getElementById('openContactBtnPc'); if (pcContactBtn) { pcContactBtn.addEventListener('click', function(e) { e.preventDefault(); openContact(); }); } document.getElementById('closeContactBtn').addEventListener('click', closeContact); document.getElementById('contactOverlay').addEventListener('click', function(e) { if (e.target === this) closeContact(); }); document.getElementById('contactForm').addEventListener('submit', function(e) { e.preventDefault(); var form = this; var name = form.name.value.trim(); var email = form.email.value.trim(); var subject = form.subject.value; if (!name || !email || !subject) { alert('蠢・磯・岼繧貞・蜉帙＠縺ｦ縺上□縺輔＞縲・); return; } var submitBtn = document.getElementById('contactSubmitBtn'); submitBtn.disabled = true; submitBtn.textContent = '騾∽ｿ｡荳ｭ...'; var body = '遉ｾ蜷阪∪縺溘・蜷榊燕: ' + name + '\n繝｡繝ｼ繝ｫ: ' + email + '\nTEL: ' + form.tel.value.trim() + '\n逕ｨ莉ｶ: ' + subject + '\n繝｡繝・そ繝ｼ繧ｸ: ' + form.message.value.trim(); fetch('https://formspree.io/f/xojoypzl', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ name: name, email: email, tel: form.tel.value.trim(), subject: subject, message: form.message.value.trim() }) }).then(function(res) { if (res.ok) { document.getElementById('contactFormWrap').style.display = 'none'; document.getElementById('contactSuccess').style.display = ''; gtag('event', 'contact_submit', { subject: subject }); } else { alert('騾∽ｿ｡縺ｫ螟ｱ謨励＠縺ｾ縺励◆縲Ｊnfo@order-link.info 縺ｾ縺ｧ繝｡繝ｼ繝ｫ縺ｧ縺雁撫縺・粋繧上○縺上□縺輔＞縲・); submitBtn.disabled = false; submitBtn.textContent = '騾∽ｿ｡縺吶ｋ'; } }).catch(function() { alert('騾∽ｿ｡縺ｫ螟ｱ謨励＠縺ｾ縺励◆縲Ｊnfo@order-link.info 縺ｾ縺ｧ繝｡繝ｼ繝ｫ縺ｧ縺雁撫縺・粋繧上○縺上□縺輔＞縲・); submitBtn.disabled = false; submitBtn.textContent = '騾∽ｿ｡縺吶ｋ'; }); }); /* ===== 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繧､繝吶Φ繝茨ｼ亥推繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ1蝗槭・縺ｿ・・===== */ var tracked = {}; window.addEventListener('scroll', function() { var scrollPct = (window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100; if (!tracked.features && scrollPct > 20) { tracked.features = true; gtag('event', 'scroll_to_features'); } if (!tracked.beforeafter && scrollPct > 38) { tracked.beforeafter = true; gtag('event', 'scroll_to_beforeafter'); } if (!tracked.pricing && scrollPct > 55) { tracked.pricing = true; gtag('event', 'scroll_to_pricing'); } if (!tracked.faq && scrollPct > 80) { tracked.faq = true; gtag('event', 'scroll_to