EC・ショップ（テンプレートから）

atomic.studio/s/3708

📄 index.html コードを直接編集して「適用」でプレビューに反映

<div class="min-h-screen bg-zinc-950 text-white"><nav class="bg-white/95 backdrop-blur sticky top-0 z-50 shadow-sm h-16"><div class="max-w-7xl mx-auto px-4 h-full flex justify-between items-center"><a href="/" class="text-xl font-bold text-gray-900 tracking-tight">FlowBoard</a><div class="hidden md:flex items-center gap-8"><a href="/features" class="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">Features</a><a href="/pricing" class="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">Pricing</a><a href="/docs" class="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">Docs</a><a href="/blog" class="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">Blog</a><a href="/about" class="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">About</a><button class="bg-gray-900 text-white text-sm font-semibold px-5 py-2 rounded-xl hover:bg-gray-800 transition-colors">Get Started</button></div><button class="md:hidden p-2 rounded-xl text-gray-600 hover:text-gray-900 hover:bg-gray-100 transition-colors" aria-label="Toggle menu"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div></nav><section class="relative overflow-hidden bg-white py-24 md:py-32"><div class="absolute inset-0 bg-gradient-to-br from-indigo-50 via-white to-indigo-50 pointer-events-none"></div><div class="relative z-10 mx-auto max-w-7xl px-6 lg:px-8"><div class="grid gap-12 md:grid-cols-2 md:gap-16 items-center"><div class="flex flex-col gap-8"><h2 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl leading-tight">朝の焼き立てが<br/>街を包む幸せ</h2><p class="text-lg leading-relaxed text-gray-600 sm:text-xl max-w-lg">毎朝3時から職人が丹念に仕込む、国産小麦100%の香り高いパン。 サクサクのクロワッサン、もっちり食パン、季節のデニッシュ。 あなたの一日を、焼き立ての香りではじめませんか。</p><div class="flex flex-wrap gap-4 pt-2"><a href="#" class="inline-flex items-center justify-center rounded-xl bg-indigo-600 px-8 py-4 text-base font-semibold text-white shadow-lg shadow-indigo-200 transition hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-offset-2">オンラインショップを見る</a><a href="#" class="inline-flex items-center justify-center rounded-xl border-2 border-indigo-200 bg-white px-8 py-4 text-base font-semibold text-indigo-800 transition hover:bg-indigo-50 hover:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-offset-2">店舗情報・営業時間</a></div></div><div class="relative flex items-center justify-center bg-gray-100 rounded-2xl min-h-[320px] md:min-h-[480px] overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-indigo-100/60 to-indigo-100/40"></div><div class="relative z-10 flex flex-col items-center gap-6"><svg class="w-24 h-24 text-indigo-700/70" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50 10 C55 20 65 25 70 35 C75 45 70 55 60 60 C50 65 40 60 35 50 C30 40 35 30 45 25 C40 20 45 15 50 10Z" fill="currentColor" opacity="0.9"></path><path d="M50 10 C45 20 35 25 30 35 C25 45 30 55 40 60 C50 65 60 60 65 50 C70 40 65 30 55 25 C60 20 55 15 50 10Z" fill="currentColor" opacity="0.6"></path><line x1="50" y1="60" x2="50" y2="90" stroke="currentColor" stroke-width="4" stroke-linecap="round" opacity="0.8"></line><circle cx="50" cy="88" r="4" fill="currentColor" opacity="0.5"></circle></svg><div class="flex gap-3"><span class="w-3 h-3 rounded-full bg-indigo-400/60"></span><span class="w-3 h-3 rounded-full bg-indigo-500/80"></span><span class="w-3 h-3 rounded-full bg-indigo-600/60"></span></div><p class="text-sm font-medium tracking-widest text-indigo-700/60 uppercase">Boulangerie · 自家製天然酵母</p></div><div class="absolute bottom-4 left-4 right-4 h-12 bg-gradient-to-t from-indigo-200/30 to-transparent rounded-full blur-sm"></div></div></div></div></section><div class="rounded-2xl bg-gradient-to-r from-indigo-500 via-indigo-500 to-indigo-500 text-center p-6 md:p-8 md:max-w-2xl mx-auto"><h2 class="text-white text-2xl md:text-3xl font-bold mb-2">期間限定キャンペーン</h2><p class="text-white/90 text-sm md:text-base mb-4">今だけ全商品20%OFF！この機会をお見逃しなく。</p><button class="bg-white text-indigo-600 font-semibold px-6 py-2 rounded-full hover:bg-gray-100 transition">詳細を見る</button></div><section class="bg-slate-50 py-20 md:py-28"><div class="mx-auto max-w-6xl px-6"><h2 class="text-3xl md:text-4xl font-bold text-slate-900">人気の商品</h2><div class="mt-12 grid grid-cols-2 gap-6 md:grid-cols-4"><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"><span class="absolute top-3 left-3 rounded-full bg-slate-900 text-white text-xs px-3 py-1">新着</span></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">オーガニックコットン Tシャツ</h3><p class="mt-2 font-bold text-slate-900">¥3,900</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"><span class="absolute top-3 left-3 rounded-full bg-slate-900 text-white text-xs px-3 py-1">定番</span></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">リネンブレンド シャツ</h3><p class="mt-2 font-bold text-slate-900">¥6,800</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"><span class="absolute top-3 left-3 rounded-full bg-slate-900 text-white text-xs px-3 py-1">残りわずか</span></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">ウール混 ニット</h3><p class="mt-2 font-bold text-slate-900">¥8,200</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">デニム ワイドパンツ</h3><p class="mt-2 font-bold text-slate-900">¥7,500</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"><span class="absolute top-3 left-3 rounded-full bg-slate-900 text-white text-xs px-3 py-1">人気</span></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">レザー トートバッグ</h3><p class="mt-2 font-bold text-slate-900">¥12,000</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">コットン ソックス 3足組</h3><p class="mt-2 font-bold text-slate-900">¥1,500</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"><span class="absolute top-3 left-3 rounded-full bg-slate-900 text-white text-xs px-3 py-1">新着</span></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">ウォッシュ ハット</h3><p class="mt-2 font-bold text-slate-900">¥4,200</p></div></article><article class="group rounded-2xl bg-white border border-slate-100 overflow-hidden hover:shadow-lg transition"><div class="relative aspect-square bg-gradient-to-br from-slate-100 to-slate-200"></div><div class="p-4"><h3 class="text-sm font-medium text-slate-800 line-clamp-2">シルク スカーフ</h3><p class="mt-2 font-bold text-slate-900">¥5,600</p></div></article></div></div></section><section class="bg-gray-900 text-white py-16 px-6"><div class="max-w-6xl mx-auto"><h2 class="text-3xl md:text-4xl font-bold mb-10 text-center md:text-left">本日のおすすめ</h2><div class="grid md:grid-cols-2 gap-8"><article class="bg-gray-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-shadow"><div class="h-48 bg-gradient-to-br from-indigo-500 to-indigo-600 flex items-center justify-center text-4xl font-bold text-white/80">AI</div><div class="p-6"><span class="inline-block bg-indigo-600 text-white text-xs font-semibold px-3 py-1 rounded-full mb-3">注目製品</span><h3 class="text-xl font-semibold mb-2">革新的AIプラットフォーム</h3><p class="text-gray-400 text-sm leading-relaxed">機械学習モデルを直感的に構築・デプロイ。コード不要で高度な分析を実現します。</p></div></article><article class="bg-gray-800 rounded-2xl overflow-hidden shadow-lg hover:shadow-xl transition-shadow"><div class="h-48 bg-gradient-to-br from-indigo-500 to-indigo-600 flex items-center justify-center text-4xl font-bold text-white/80">活動</div><div class="p-6"><span class="inline-block bg-indigo-600 text-white text-xs font-semibold px-3 py-1 rounded-full mb-3">活動ピックアップ</span><h3 class="text-xl font-semibold mb-2">コミュニティ主導の活動レポート</h3><p class="text-gray-400 text-sm leading-relaxed">月間1000人以上が参加する勉強会・ハッカソンのハイライトを一挙公開。</p></div></article></div></div></section><section class="bg-gray-900 py-16 px-4"><div class="max-w-6xl mx-auto"><h2 class="text-3xl font-bold text-white text-center mb-12">提供サービス</h2><div class="grid md:grid-cols-3 gap-6"><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">🔧</div><h3 class="text-xl font-semibold text-white mb-2">システム開発</h3><p class="text-gray-400 leading-relaxed">Webアプリ・業務システムの設計・開発・運用を一貫して支援します。</p></div><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">📱</div><h3 class="text-xl font-semibold text-white mb-2">モバイルアプリ開発</h3><p class="text-gray-400 leading-relaxed">iOS/Android対応のネイティブ・クロスプラットフォーム開発。</p></div><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">☁️</div><h3 class="text-xl font-semibold text-white mb-2">クラウドインフラ</h3><p class="text-gray-400 leading-relaxed">AWS/GCPを活用したスケーラブルなインフラ構築・移行。</p></div><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">🤖</div><h3 class="text-xl font-semibold text-white mb-2">AI・データ分析</h3><p class="text-gray-400 leading-relaxed">機械学習モデル開発・データ可視化・業務効率化。</p></div><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">🎨</div><h3 class="text-xl font-semibold text-white mb-2">UI/UXデザイン</h3><p class="text-gray-400 leading-relaxed">ユーザー調査からプロトタイプ・デザインシステムまで。</p></div><div class="bg-gray-800 rounded-2xl p-6 border border-gray-700 hover:border-indigo-500 transition-colors"><div class="text-4xl mb-4">🛡️</div><h3 class="text-xl font-semibold text-white mb-2">セキュリティ診断</h3><p class="text-gray-400 leading-relaxed">脆弱性診断・コードレビュー・セキュリティ設計支援。</p></div></div></div></section><section class="bg-white py-16"><div class="max-w-7xl mx-auto px-4"><h2 class="text-3xl font-bold text-gray-900 mb-8 text-center md:text-left">風景ギャラリー</h2><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=400&amp;h=400&amp;fit=crop" alt="山岳の朝日" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">山岳の朝日</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1518837695005-2083093ee35b?w=400&amp;h=400&amp;fit=crop" alt="海辺の夕焼け" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">海辺の夕焼け</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1501785888041-af3ef285b470?w=400&amp;h=400&amp;fit=crop" alt="森林の小道" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">森林の小道</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1470071459604-7b8ec44ffd4b?w=400&amp;h=400&amp;fit=crop" alt="滝と虹" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">滝と虹</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&amp;h=400&amp;fit=crop" alt="紅葉の谷" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">紅葉の谷</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=400&amp;h=400&amp;fit=crop" alt="都市の夜景" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">都市の夜景</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1518173946687-a36f968f7e9c?w=400&amp;h=400&amp;fit=crop" alt="砂漠の星空" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">砂漠の星空</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400&amp;h=400&amp;fit=crop" alt="熱帯のビーチ" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">熱帯のビーチ</span></div></div><div class="aspect-square bg-gray-200 rounded-xl overflow-hidden hover:scale-105 transition-transform duration-300 relative group"><img src="https://images.unsplash.com/photo-1518495973-0e2c7e6e8f1a?w=400&amp;h=400&amp;fit=crop" alt="雪原の樹氷" class="w-full h-full object-cover" loading="lazy"/><div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-3"><span class="text-white text-sm font-medium">雪原の樹氷</span></div></div></div></div></section><section class="bg-gray-50 py-20"><div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl md:text-4xl font-bold text-center text-gray-900 mb-12">お客様の声</h2><div class="grid md:grid-cols-2 gap-6"><div class="rounded-2xl bg-white shadow-sm p-6 md:p-8 relative"><div class="absolute top-4 left-4 text-6xl leading-none text-gray-200 select-none">“</div><div class="relative z-10"><div class="flex items-center mb-4"><div class="flex mr-2"><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><span class="text-sm text-gray-500 ml-1">5.0</span></div><p class="text-gray-700 leading-relaxed mb-6 italic">導入から3ヶ月で問い合わせ対応時間が60%削減されました。直感的な操作性と充実したAPIにより、既存システムとの連携もスムーズに完了。チーム全体の生産性が劇的に向上し、顧客満足度調査でも過去最高のスコアを記録しています。</p><div class="border-t border-gray-100 pt-4"><p class="font-semibold text-gray-900">佐藤 美咲</p><p class="text-sm text-gray-500">マーケティング部長、株式会社テクノロジー・ソリューションズ</p><p class="text-xs text-gray-400 mt-1">IT・ソフトウェア</p></div></div></div><div class="rounded-2xl bg-white shadow-sm p-6 md:p-8 relative"><div class="absolute top-4 left-4 text-6xl leading-none text-gray-200 select-none">“</div><div class="relative z-10"><div class="flex items-center mb-4"><div class="flex mr-2"><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><span class="text-sm text-gray-500 ml-1">5.0</span></div><p class="text-gray-700 leading-relaxed mb-6 italic">デジタル化に不安がありましたが、サポートチームが丁寧に伴走してくれたおかげで、在庫管理と出荷計画の精度が格段に向上。廃棄ロスが前年比で35%減少し、売上も20%アップしました。農業の未来を変えるツールです。</p><div class="border-t border-gray-100 pt-4"><p class="font-semibold text-gray-900">田中 健一</p><p class="text-sm text-gray-500">代表取締役社長、グリーンフィールド農業協同組合</p><p class="text-xs text-gray-400 mt-1">農業・食品</p></div></div></div><div class="rounded-2xl bg-white shadow-sm p-6 md:p-8 relative"><div class="absolute top-4 left-4 text-6xl leading-none text-gray-200 select-none">“</div><div class="relative z-10"><div class="flex items-center mb-4"><div class="flex mr-2"><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-gray-200" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><span class="text-sm text-gray-500 ml-1">4.0</span></div><p class="text-gray-700 leading-relaxed mb-6 italic">プロジェクト管理とクライアントとの共有が圧倒的に楽になりました。特にバージョン管理機能とリアルタイムコメント機能は、リモートワークが主体の私たちのチームに不可欠。UIも美しく、毎日の使用が心地よいです。</p><div class="border-t border-gray-100 pt-4"><p class="font-semibold text-gray-900">山本 由香</p><p class="text-sm text-gray-500">デザインディレクター、アトリエ・ブルー建築設計事務所</p><p class="text-xs text-gray-400 mt-1">建築・デザイン</p></div></div></div><div class="rounded-2xl bg-white shadow-sm p-6 md:p-8 relative"><div class="absolute top-4 left-4 text-6xl leading-none text-gray-200 select-none">“</div><div class="relative z-10"><div class="flex items-center mb-4"><div class="flex mr-2"><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-5 h-5 text-indigo-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><span class="text-sm text-gray-500 ml-1">5.0</span></div><p class="text-gray-700 leading-relaxed mb-6 italic">患者さんの予約管理と診療記録の一元化が実現し、スタッフの残業時間が月平均25時間削減。カルテの検索性が格段に上がり、診療の質も向上しました。セキュリティ面も安心して任せられるサービスです。</p><div class="border-t border-gray-100 pt-4"><p class="font-semibold text-gray-900">鈴木 大輔</p><p class="text-sm text-gray-500">院長、鈴木歯科クリニック</p><p class="text-xs text-gray-400 mt-1">医療・ヘルスケア</p></div></div></div></div></div></section><section aria-label="メール購読" class="w-full max-w-2xl mx-auto px-4 py-12 md:py-16"><div class="bg-white dark:bg-gray-900 rounded-2xl shadow-lg p-6 md:p-10"><h2 class="text-2xl md:text-3xl font-bold text-gray-900 dark:text-white mb-3">メール購読</h2><p class="text-gray-600 dark:text-gray-300 mb-6 text-sm md:text-base">最新の記事やお知らせをメールでお届けします。いつでも解除できます。</p><form class="flex flex-col sm:flex-row gap-3" aria-label="メールアドレス登録フォーム"><label for="newsletter-email" class="sr-only">メールアドレス</label><input id="newsletter-email" type="email" required="" placeholder="your@email.com" class="flex-1 px-4 py-3 rounded-xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 transition" aria-required="true"/><button type="submit" class="px-6 py-3 rounded-xl bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600 text-white font-semibold shadow-md transition focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-offset-2 dark:focus:ring-offset-gray-900 whitespace-nowrap">登録</button></form></div></section><section class="bg-zinc-950 text-white py-16 md:py-24"><div class="mx-auto max-w-3xl px-4 md:px-6"><h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-12 text-center">よくある質問</h2><ul class="divide-y divide-zinc-700"><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>返品・交換の条件を教えてください。</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">商品到着後14日以内、未使用・未開封の状態に限り返品・交換を承ります。返品送料はお客様負担となりますが、不良品の場合は当社が負担いたします。</p></details></li><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>注文後に配送先を変更できますか？</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">ご注文確認メール送信後1時間以内であれば、マイページまたはカスタマーサポートにて変更が可能です。発送準備に入った後の変更はお受けできませんのでご注意ください。</p></details></li><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>支払い方法には何がありますか？</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">クレジットカード（Visa, Mastercard, JCB, American Express）、PayPay、Apple Pay、Google Pay、銀行振込、コンビニ払いに対応しております。</p></details></li><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>送料はいくらですか？</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">全国一律550円（税込）です。ただし、ご注文金額が5,500円（税込）以上の場合は送料無料となります。沖縄・離島へのお届けは別途1,100円（税込）加算されます。</p></details></li><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>注文から到着までどのくらいかかりますか？</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">通常、ご注文確認後2〜5営業日以内に出荷し、発送からお届けまでは地域により1〜4日程度かかります。在庫切れの場合は別途ご連絡いたします。</p></details></li><li class="py-5 md:py-6 first:pt-0 last:pb-0"><details class="group"><summary class="flex items-center justify-between cursor-pointer list-none text-base md:text-lg font-medium leading-relaxed text-white hover:text-zinc-300 transition-colors"><span>会員登録は必須ですか？</span><span class="ml-4 shrink-0 text-zinc-400 group-open:rotate-180 transition-transform duration-200"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 md:h-6 md:w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></span></summary><p class="mt-4 text-sm md:text-base leading-relaxed text-zinc-300">いいえ、ゲスト購入も可能です。ただし、会員登録いただくと次回以降の購入がスムーズになり、会員限定クーポンやポイント還元などの特典が受けられます。</p></details></li></ul></div></section><section class="bg-gray-900 text-white py-16 px-6"><div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-10 items-center"><div><h2 class="text-3xl font-bold mb-6">アクセス</h2><p class="text-gray-300 leading-relaxed">〒100-0001<br/>東京都千代田区千代田1-1<br/>電話：03-1234-5678</p></div><div class="bg-gray-700 rounded-xl h-64 md:h-80 w-full"><div class="flex items-center justify-center h-full text-gray-400 text-sm">地図が表示されます</div></div></div></section><footer class="bg-gray-900 text-gray-300 border-t border-gray-700 py-12"><div class="max-w-7xl mx-auto px-4 grid md:grid-cols-4 gap-8"><div><h3 class="text-white font-semibold text-lg mb-4">株式会社アークライズ</h3><ul class="space-y-2 text-sm"><li>〒105-0001 東京都港区虎ノ門1-2-3</li><li>代表取締役CEO 佐藤 健一</li><li>設立: 2010年4月1日</li><li>資本金: 1億円</li><li>従業員数: 120名</li></ul></div><div><h3 class="text-white font-semibold text-lg mb-4">サービス</h3><ul class="space-y-2 text-sm"><li><a href="#" class="hover:text-white transition-colors">クラウドプラットフォーム</a></li><li><a href="#" class="hover:text-white transition-colors">AIソリューション</a></li><li><a href="#" class="hover:text-white transition-colors">データ分析基盤</a></li><li><a href="#" class="hover:text-white transition-colors">セキュリティ監査</a></li><li><a href="#" class="hover:text-white transition-colors">コンサルティング</a></li></ul></div><div><h3 class="text-white font-semibold text-lg mb-4">サポート</h3><ul class="space-y-2 text-sm"><li><a href="#" class="hover:text-white transition-colors">ドキュメント</a></li><li><a href="#" class="hover:text-white transition-colors">APIリファレンス</a></li><li><a href="#" class="hover:text-white transition-colors">よくある質問</a></li><li><a href="#" class="hover:text-white transition-colors">コミュニティフォーラム</a></li><li><a href="#" class="hover:text-white transition-colors">お問い合わせ</a></li></ul></div><div><h3 class="text-white font-semibold text-lg mb-4">フォローする</h3><div class="flex space-x-4 mb-6"><a href="#" aria-label="Twitter" class="hover:text-white transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="#" aria-label="Facebook" class="hover:text-white transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a><a href="#" aria-label="Instagram" class="hover:text-white transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a><a href="#" aria-label="LinkedIn" class="hover:text-white transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="#" aria-label="YouTube" class="hover:text-white transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div><p class="text-xs text-gray-500">© 2025 株式会社アークライズ. All rights reserved.</p></div></div></footer></div>