PageSourceSearch

https://m-hands.net/blog/4356/

html m-hands.net collected 2026-10-06 08:03:50 UTC 211,518 bytes, 2,708 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8
9	<!-- Google Tag Manager -->
10<script>
vendor: 327 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
11new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
12j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
13'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
14})(window,document,'script','dataLayer','
14GTM-PDH5VPF
vendor: 3 bytes, line 14
14');
14</script>
14
15<!-- End Google Tag Manager -->
16	
17    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/style.css" type="text/css" />
18    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/service.css" type="text/css" />
19                <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/style_subpage.css" type="text/css" />
20    
21    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
22    
23    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/slick.css" type="text/css">
24    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/slick-theme.css" type="text/css">
25    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/animate.css" type="text/css" />
26    <link rel="stylesheet" href="https://m-hands.net/wp/wp-content/themes/m-hand/assets/css/scroll-hint.css" type="text/css" />
27
28    
28<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
28
29    
29<script src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/js/wow.min.js"></script>
29
30    
30<script src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/js/slick.js"></script>
30
31    
31<script src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/js/scroll-hint.min.js"></script>
31
32    
32<script src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/js/script.js"></script>
32
33            
33<script src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/js/script_subpage.js"></script>
33
34        
35    
35<script>
36        new WOW().init();
37    </script>
37
38
39    
40            
40<script type="application/ld+json">
41    {
42        "@context": "https://schema.org",
43        "@type": "BlogPosting",
44        "mainEntityOfPage": {
45            "@type": "WebPage",
46            "@id": "https://m-hands.net/blog/4356/"
47        },
48                "image": {
49            "@type": "ImageObject",
50            "url": "https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-1536x1025.jpeg",
51            "width": "1536",
52            "height": "1025"
53        },
54                "datePublished": "2025-06-26T13:51:23+09:00",
55        "dateModified": "2025-07-18T14:05:13+09:00",
56        "publisher": {
57            "@type": "Organization",
58            "name": "マザーハンズ株式会社",
59            "alternateName": "Motherhands Inc.",
60            "logo":  {
61                "@type": "ImageObject",
62                "url": "https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/meta/meta_logo.png",
63                "width": 300,
64                "height": 69
65            }
66        },
67        "author": {
68            "@type": "Organization",
69            "name": "マザーハンズ株式会社",
70            "alternateName": "Motherhands Inc.",
71            "url": "https://m-hands.net"
72        },
73                "articleSection": "通販コンサルティング",
74                        "keywords": "Shopify,Shopify構築,ショピファイ,通販コンサルティング,通販ページ構築,通販・ネットショップ",
75                "headline": "通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル",
76        "articleBody": "近年、EC(電子商取引)市場の拡大により、通販ビジネスを始める企業や個人が急増しています。しかし、ただオンラインショップを作っただけでは売上は伸びません。競合がひしめくEC業界で成果を上げるには、戦略的な設計と運営が不可欠です。そこで注目されているのが「通販コンサルティング」の存在です。本コラムでは、通販コンサルティングの役割や具体的な支援内容、そして注目の「Shopify構築」や「通販ページ構築」について、わかりやすく解説していきます。通販コンサルティングとは?通販コンサルティングとは、オンラインでの商品販売に関するあらゆる業務を戦略的にサポートする専門的なサービスです。対象は新規EC立ち上げから既存サイトの売上改善まで多岐にわたります。具体的な支援内容は以下のようなものです。 商材に合ったECプラットフォームの選定(例:Shopify、BASE、MakeShopなど) ターゲット設定と販売戦略の立案 通販ページ構築・デザイン改善 SEO対策やSNS広告運用の支援 カート離脱率の改善とCVR(コンバージョン率)向上コンサルタントは通販に関するノウハウを豊富に持ち、クライアントの状況や目標に応じて最適な施策を提案します。なぜ通販ビジネスにコンサルティングが必要なのか?「ネットショップは誰でも簡単に作れる時代」と言われますが、作っただけでは売れないのが現実です。通販に関するよくある悩みとして以下が挙げられます。 広告を出しても売れない 商品ページのアクセス数はあるが購入に繋がらない リピーターが増えない 楽天やAmazonだけに頼りすぎているこれらの課題は、商品力だけでは解決できません。ユーザー導線、ページの見せ方、価格設計、ファン育成など、総合的な通販設計が必要です。通販コンサルティングでは、これらの課題に対し、プロの視点から分析と改善策を提示し、持続的な売上成長を支援します。Shopify構築はなぜ注目されているのか?ECサイト構築プラットフォームとして、現在最も注目されているのが「Shopify(ショッピファイ)」です。Shopify構築は通販コンサルティングの現場でも多くの案件で採用されています。その理由は以下の通りです。1. グローバルで信頼される安定性Shopifyは世界175カ国以上、170万以上のショップで利用されており、システムの安定性・セキュリティは非常に高いです。特に独自ドメインでブランド展開を考えている事業者には最適です。2. デザイン自由度と拡張性テンプレートを活用しながら、HTMLやLiquidというテンプレート言語を使えば、独自の通販ページ構築も可能です。カスタマイズ性の高さは、企業のブランディングにも貢献します。3. マルチチャネル販売対応Shopifyでは、自社サイトだけでなくInstagramやFacebook、Googleショッピングなど多彩なチャネルで販売を行うことができます。4. 豊富なアプリで機能拡張が可能クーポン機能やレビュー管理、在庫管理、CRMなど、数千種類のアプリを自由に導入できる点も魅力です。通販コンサルティングの中でも、Shopify構築は今やスタンダードな選択肢となっており、店舗規模の大小を問わず対応が可能です。通販ページ構築のポイントとは?商品が良くても、通販ページの設計が不十分だと売上にはつながりません。以下は通販ページ構築の際に重要となる基本的なポイントです。1. 商品画像ã
76®è³ªç¬¬ä¸€å°è±¡ã‚’左右するのは、やはり画像です。複数の角度、利用シーン、拡大画像などを用意し、購入者の「不安」を解消する工夫が必要です。2. 商品説明の説得力スペックだけでなく、「どんな悩みに効くのか」「どんな人に向いているのか」を丁寧に言語化しましょう。感情に訴えるコピーも効果的です。3. CTA(購入ボタン)の配置購入ボタンの色、サイズ、配置位置はCVRに大きく影響します。スクロールしなくても見える位置に配置するなど、購入導線を最適化することが求められます。4. レビューや実績の掲載社会的証明の要素として、レビューやランキング実績、メディア掲載歴などは積極的に掲載しましょう。5. スマホ対応(レスポンシブ)現在のEC利用者の大多数はスマートフォンユーザーです。PCで作ったデザインがスマホで崩れていないかも必ず確認を。通販コンサルティングでは、これらのポイントをチェックリスト化し、実際の通販ページ構築・改善を支援します。こんな方におすすめ|通販コンサルティングの活用シーン Shopifyを使って新たに通販サイトを立ち上げたい 楽天やAmazonから自社ECサイトに移行したい 売上が伸び悩んでいて、何を改善すべきかわからない デザイン会社に依頼したけれど、結果が出なかった 広告の費用対効果が見えず、不安を感じている通販コンサルタントは、事業者の立場に立って課題を可視化し、改善に向けた具体的な道筋を示してくれます。まさに「通販のかかりつけ医」とも言える存在です。まとめ:成功するECの裏側には、戦略がある通販ビジネスは、ただショップを作るだけでは成功しません。Shopify構築の段階からしっかりと戦略を立て、通販ページ構築の細部にまでこだわることで、初めて成果に結びつきます。「今から始めても遅くないのだろうか」と不安に感じる方も、まずは通販コンサルティングを受けることからスタートしてみてください。現状を客観的に分析し、最短ルートでの売上向上を目指すための第一歩となるはずです。"    }
77    </script>
77
78    
79    
80    
81		<!-- All in One SEO 5.0.2 - aioseo.com -->
82		<title>通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル | 広島|マザーハンズ</title>
83	<meta name="description" content="近年、EC(電子商取引)市場の拡大により、通販ビジネスを始める企業や個人が急増しています。しかし、ただオンラインショップを作っただけでは売上は伸びません。競合がひしめくEC業界で成果を上げるには、戦略的な設計と運営が不可欠です。そこで注目さ…" />
84	<meta name="robots" content="max-image-preview:large" />
85	<meta name="author" content="マザーハンズ"/>
86	<link rel="canonical" href="https://m-hands.net/blog/4356/" />
87	<meta name="generator" content="All in One SEO (AIOSEO) 5.0.2" />
88
89		<meta name="theme-color" content="#231A16">
90		<meta property="og:locale" content="ja_JP" />
91		<meta property="og:site_name" content="広島|マザーハンズ | 集客・Webマーケティング・サイト制作" />
92		<meta property="og:type" content="article" />
93		<meta property="og:title" content="通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル | 広島|マザーハンズ" />
94		<meta property="og:description" content="近年、EC(電子商取引)市場の拡大により、通販ビジネスを始める企業や個人が急増しています。しかし、ただオンラインショップを作っただけでは売上は伸びません。競合がひしめくEC業界で成果を上げるには、戦略的な設計と運営が不可欠です。そこで注目さ…" />
95		<meta property="og:url" content="https://m-hands.net/blog/4356/" />
96		<meta property="og:image" content="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1.jpeg" />
97		<meta property="og:image:secure_url" content="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1.jpeg" />
98		<meta property="og:image:width" content="2560" />
99		<meta property="og:image:height" content="1708" />
100		<meta property="article:published_time" content="2025-06-26T04:51:23+00:00" />
101		<meta property="article:modified_time" content="2025-07-18T05:05:13+00:00" />
102		<meta name="twitter:card" content="summary_large_image" />
103		<meta name="twitter:title" content="通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル | 広島|マザーハンズ" />
104		<meta name="twitter:description" content="近年、EC(電子商取引)市場の拡大により、通販ビジネスを始める企業や個人が急増しています。しかし、ただオンラインショップを作っただけでは売上は伸びません。競合がひしめくEC業界で成果を上げるには、戦略的な設計と運営が不可欠です。そこで注目さ…" />
105		<meta name="twitter:image" content="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1.jpeg" />
106		
106<script type="application/ld+json" class="aioseo-schema">
107			{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/m-hands.net\/blog\/4356\/#webpage","url":"https:\/\/m-hands.net\/blog\/4356\/","name":"\u901a\u8ca9\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\uff5c\u30de\u30b6\u30fc\u30cf\u30f3\u30ba\u682a\u5f0f\u4f1a\u793e\uff5c\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30fb\u30b5\u30a4\u30c8\u5236\u4f5c\u30fb\u96c6\u5ba2\u30b3\u30f3\u30b5\u30eb | \u5e83\u5cf6\uff5c\u30de\u30b6\u30fc\u30cf\u30f3\u30ba","description":"\u8fd1\u5e74\u3001EC\uff08\u96fb\u5b50\u5546\u53d6\u5f15\uff09\u5e02\u5834\u306e\u62e1\u5927\u306b\u3088\u308a\u3001\u901a\u8ca9\u30d3\u30b8\u30cd\u30b9\u3092\u59cb\u3081\u308b\u4f01\u696d\u3084\u500b\u4eba\u304c\u6025\u5897\u3057\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u305f\u3060\u30aa\u30f3\u30e9\u30a4\u30f3\u30b7\u30e7\u30c3\u30d7\u3092\u4f5c\u3063\u305f\u3060\u3051\u3067\u306f\u58f2\u4e0a\u306f\u4f38\u3073\u307e\u305b\u3093\u3002\u7af6\u5408\u304c\u3072\u3057\u3081\u304fEC\u696d\u754c\u3067\u6210\u679c\u3092\u4e0a\u3052\u308b\u306b\u306f\u3001\u6226\u7565\u7684\u306a\u8a2d\u8a08\u3068\u904b\u55b6\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u305d\u3053\u3067\u6ce8\u76ee\u3055\u2026","inLanguage":"ja","isPartOf":{"@id":"https:\/\/m-hands.net\/#website"},"author":{"@id":"https:\/\/m-hands.net\/blog\/author\/admin\/#author"},"creator":{"@id":"https:\/\/m-hands.net\/blog\/author\/admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/m-hands.net\/wp\/wp-content\/uploads\/2025\/06\/AdobeStock_226145291-1-scaled-1.jpeg","@id":"https:\/\/m-hands.net\/blog\/4356\/#mainImage","width":2560,"height":1708,"caption":"\u901a\u8ca9\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u901a\u8ca9\u30da\u30fc\u30b8 \u904b\u7528 Shopify"},"primaryImageOfPage":{"@id":"https:\/\/m-hands.net\/blog\/4356\/#mainImage"},"datePublished":"2025-06-26T13:51:23+09:00","dateModified":"2025-07-18T14:05:13+09:00"},{"@type":"WebSite","@id":"https:\/\/m-hands.net\/#website","url":"https:\/\/m-hands.net\/","name":"\u5e83\u5cf6\uff5c\u30de\u30b6\u30fc\u30cf\u30f3\u30ba","description":"\u96c6\u5ba2\u30fbWeb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30fb\u30b5\u30a4\u30c8\u5236\u4f5c","inLanguage":"ja","publisher":{"@id":"https:\/\/m-hands.net\/#organization"}}]}
108		</script>
108
109		<!-- All in One SEO -->
110
111<link rel="alternate" type="application/rss+xml" title="広島|マザーハンズ &raquo; 通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル のコメントのフィード" href="https://m-hands.net/blog/4356/feed/" />
112<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://m-hands.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" />
113<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://m-hands.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F&#038;format=xml" />
114<style id="wp-img-auto-sizes-contain-inline-css">
115img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
116/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
117</style>
118<style id="wp-emoji-styles-inline-css">
119
120	img.wp-smiley, img.emoji {
121		display: inline !important;
122		border: none !important;
123		box-shadow: none !important;
124		height: 1em !important;
125		width: 1em !important;
126		margin: 0 0.07em !important;
127		vertical-align: -0.1em !important;
128		background: none !important;
129		padding: 0 !important;
130	}
131/*# sourceURL=wp-emoji-styles-inline-css */
132</style>
133
134
135<link rel='stylesheet' id='contact-form-7-css' href='https://m-hands.net/wp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' />
136<link rel='stylesheet' id='toc-screen-css' href='https://m-hands.net/wp/wp-content/plugins/table-of-contents-plus/assets/screen.min.css?ver=202609.1' media='all' />
137<style id="toc-screen-inline-css">
138div#toc_container {width: 100%;}
139/*# sourceURL=toc-screen-inline-css */
140</style>
141<link rel='stylesheet' id='style-css' href='https://m-hands.net/wp/wp-content/themes/m-hand/style.css?ver=7.1.2' media='all' />
142<link rel='stylesheet' id='tablepress-default-css' href='https://m-hands.net/wp/wp-content/tablepress-combined.min.css?ver=15' media='all' />
143<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://m-hands.net/wp/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.79' media='all' />
144<style id="heateor_sss_frontend_css-inline-css">
145.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}
146/*# sourceURL=heateor_sss_frontend_css-inline-css */
147</style>
148<script id="jquery-core-js" src="https://m-hands.net/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 148
148
149<script id="jquery-migrate-js" src="https://m-hands.net/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
149
150<link rel="https://api.w.org/" href="https://m-hands.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://m-hands.net/wp-json/wp/v2/posts/4356" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://m-hands.net/wp/xmlrpc.php?rsd" />
151<meta name="generator" content="WordPress 7.1.2" />
152<link rel='shortlink' href='https://m-hands.net/?p=4356' />
153<link rel="icon" href="https://m-hands.net/wp/wp-content/uploads/2026/08/cropped-m-hands-favicon-v2-512-32x32.png" sizes="32x32" />
154<link rel="icon" href="https://m-hands.net/wp/wp-content/uploads/2026/08/cropped-m-hands-favicon-v2-512-192x192.png" sizes="192x192" />
155<link rel="apple-touch-icon" href="https://m-hands.net/wp/wp-content/uploads/2026/08/cropped-m-hands-favicon-v2-512-180x180.png" />
156<meta name="msapplication-TileImage" content="https://m-hands.net/wp/wp-content/uploads/2026/08/cropped-m-hands-favicon-v2-512-270x270.png" />
157<style id="wp-custom-css">
158/* === WORKS サムネイル表示サイズ統一 (2026-08) === */
159.t-works_slides__item_img {
160  background: #fff;
161}
162.t-works_slides__item_img img {
163  object-fit: contain;
164  object-position: center;
165}
166/* WORKS カードの下端を揃える */
167.t-works_slides .slick-track {
168  display: flex;
169  align-items: stretch;
170}
171.t-works_slides .slick-slide {
172  height: auto;
173  flex: 0 0 auto;
174}
175.t-works_slides__item {
176  display: flex;
177  flex-direction: column;
178  height: 100%;
179}
180
181/* WORKS スライダー:事例カードを約28%小さくして表示件数を増やす (2026-08) */
182@media screen and (min-width: 1025px) {
183  .p-works .t-works_slides .slick-list {
184    padding-right: 31vw !important;
185  }
186}
187
188
189/* =========================================================
190   HIROSHIMA CLUSTER (.hc)  -- /hiroshima-creative/ 系ページ用
191   色:midcareer-recruit.ga-tech.co.jp 準拠
192   書体:humhum.co.jp 準拠(A1ゴシック→Zen Kaku Gothic New 代替)
193   ※ すべて .hc 配下にスコープ。他ページには影響しません
194   ========================================================= */
195@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Bricolage+Grotesque:opsz,wdth,[email protected],75..100,200..800&display=swap");
196.hc{
197  --ink:#000;--ink2:#666;--ink3:#999;
198  --line:#CCC;--base:#E1F4FB;--base2:#EFF8FC;
199  --cyan:#01C8FF;--cyan-l:#8FDCF8;--cyan-p:#CBEEFB;
200  --white:#fff;--mw:1300px;
201  padding-top:var(--hc-head,112px);
202  background:var(--base);color:var(--ink);line-height:1.85;font-size:16px;
203  font-family:"Zen Kaku Gothic New","Noto Sans JP",-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;
204  font-weight:400;font-feature-settings:"palt";
205}
206.hc *{box-sizing:border-box;font-family:inherit}
207.hc img{max-width:100%;display:block}
208.hc a{color:var(--ink);text-decoration:none}
209.hc a:hover{text-decoration:underline}
210.hc p{margin:0}
211.hc b,.hc strong{font-weight:700}
212.hc .w{max-width:var(--mw);margin:0 auto;padding:0 60px}
213.hc .narrow{max-width:960px;margin:0 auto}
214.hc .center{text-align:center}
215.hc .tmp{border-bottom:1px dotted transparent}
216.hc section{padding:110px 0}
217.hc .tint{background:var(--base2)}
218.hc .tint2{background:var(--white)}
219.hc .shead{margin:0 0 60px;text-align:center}
220.hc .shead .en{display:block;font-size:13px;font-weight:700;letter-spacing:.22em;color:var(--ink);margin-bottom:18px}
221.hc .shead .en::after{content:"";display:block;width:28px;height:3px;background:var(--cyan);margin:12px auto 0}
222.hc .shead h2{font-size:clamp(25px,3.3vw,42px);line-height:1.6;margin:0 0 22px;font-weight:500;letter-spacing:.01em}
223.hc .shead h2 .mk{background:var(--cyan-l);padding:0 8px}
224.hc .shead p{font-size:15px;color:var(--ink2);margin:0 auto;max-width:820px;line-height:2.05}
225.hc .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:0;font-weight:500;transition:.2s;text-align:center;line-height:1.5;text-decoration:none;position:relative;padding-right:58px}
226.hc .btn:hover{text-decoration:none}
227.hc .btn::after{content:"";position:absolute;right:11px;top:50%;margin-top:-13px;width:26px;height:26px;background:var(--cyan)}
228.hc .btn::before{content:"";position:absolute;right:20px;top:50%;margin-top:-4px;width:7px;height:7px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg);z-index:1}
229.hc .btn-fill{background:var(--ink);color:#fff;padding:20px 58px 20px 34px;font-size:16px}
230.hc .btn-fill::after{background:var(--cyan)}
231.hc .btn-fill::before{border-color:var(--ink)}
232.hc .btn-fill:hover{background:#222}
233.hc .btn-fill small{display:block;font-size:11.5px;font-weight:400;color:#9BA3A8;margin-bottom:3px}
234.hc .btn-y{background:var(--cyan);color:var(--ink);padding:20px 58px 20px 34px;font-size:16px;font-weight:700}
235.hc .btn-y::after{background:var(--ink)}
236.hc .btn-y::before{border-color:var(--cyan)}
237.hc .btn-y:hover{background:#00B4E6}
238.hc .btn-line{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:19px 57px 19px 33px;font-size:16px}
239.hc .btn-line::after{background:var(--ink)}
240.hc .btn-line::before{border-color:#fff}
241.hc .btn-line:hover{background:var(--ink);color:#fff}
242.hc .btn-line:hover::after{background:var(--cyan)}
243.hc .btn-line:hover::before{border-color:var(--ink)}
244.hc .fv{position:relative;overflow:hidden;background:var(--base)}
245.hc .fv .photo,.hc .fv .veil{display:block!important;visibility:visible!important;opacity:1!important}
246.hc .fv .photo{position:absolute;inset:0;background:none}
247.hc .fv .photo::before{content:"";position:absolute;
247left:26%;top:-6%;width:62%;height:112%;background:var(--cyan-l);clip-path:polygon(24% 0,78% 4%,100% 34%,88% 82%,52% 100%,12% 88%,0 46%)}
248.hc .fv .veil{position:absolute;inset:0;background:none}
249.hc .fv .in{position:relative;z-index:2;max-width:var(--mw);margin:0 auto;padding:110px 60px 114px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:48px;align-items:center}
250.hc .fv .area{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;background:var(--ink);color:#fff;padding:8px 18px;margin-bottom:26px}
251.hc .fv h1{font-size:clamp(27px,3.7vw,46px);line-height:1.55;margin:0 0 28px;font-weight:500;color:var(--ink)}
252.hc .fv h1 .mk{background:var(--cyan);color:var(--ink);padding:2px 14px;display:inline-block;margin:4px 2px;font-weight:700}
253.hc .fv h1 .en{display:block;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.22em;margin-bottom:18px}
254.hc .fv h1 .en::after{content:"";display:block;width:28px;height:3px;background:var(--cyan);margin-top:12px}
255.hc .fv .lead{font-size:15.5px;line-height:2.05;color:#333;margin:0 0 34px;max-width:560px}
256.hc .fv .fvbtns{display:flex;flex-wrap:wrap;gap:14px}
257.hc .fv .note{font-size:12px;color:var(--ink2);margin-top:20px}
258.hc .fv .hubback{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:18px;border-bottom:2px solid var(--cyan);padding-bottom:2px}
259.hc .fvcard{background:var(--white);border:1px solid var(--ink);padding:38px 40px 34px}
260.hc .fvcard h2{font-size:11.5px;letter-spacing:.2em;color:var(--ink);margin:0 0 24px;font-weight:700}
261.hc .fvstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
262.hc .fvstats b{display:block;font-size:40px;line-height:1.1;color:var(--ink);font-weight:500;white-space:nowrap;letter-spacing:-.01em}
263.hc .fvstats b i{font-style:normal;font-size:14px;margin-left:2px}
264.hc .fvstats span{display:block;font-size:10.5px;color:var(--ink2);margin-top:8px;line-height:1.5}
265.hc .fvlist{list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink2)}
266.hc .fvlist li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
267.hc .fvlist li:last-child{margin-bottom:0}
268.hc .fvlist li::before{content:"";flex:0 0 10px;height:10px;background:var(--cyan);margin-top:9px}
269.hc .logoband{background:var(--white);padding:60px 0 54px}
270.hc .logoband .t{text-align:center;font-size:15px;font-weight:500;margin:0 0 32px}
271.hc .logoband .t b{font-size:30px;margin:0 8px;font-weight:700;background:var(--cyan-l);padding:0 8px}
272.hc .logoband .row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:var(--mw);margin:0 auto;padding:0 60px}
273.hc .logoband .lg{height:62px;border:1px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--ink3)}
274.hc .rgrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}
275.hc .rgrid .en{display:block;font-size:13px;font-weight:700;letter-spacing:.22em;color:var(--ink);margin-bottom:18px}
276.hc .rgrid .en::after{content:"";display:block;width:28px;height:3px;background:var(--cyan);margin-top:12px}
277.hc .rgrid h2{font-size:clamp(25px,3vw,38px);margin:0 0 24px;font-weight:500;line-height:1.6}
278.hc .rgrid .lead{font-size:15px;color:var(--ink2);margin:0 0 34px;line-height:2.05}
279.hc .numrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}
280.hc .numrow:first-child{padding-top:0}
281.hc .numrow:last-child{border-bottom:0}
282.hc .numrow .lb{font-size:17px;font-weight:700;line-height:1.6}
283.hc .numrow .lb small{display:block;font-size:11px;color:var(--ink3);font-weight:400;margin-top:5px}
284.hc .numrow .vl{font-size:clamp(38px,5.2vw,64px);font-weight:500;color:var(--ink);line-height:1;letter-spacing:-.02em;white-space:nowrap}
285.hc .numrow .vl i{font-style:normal;font-size:19px;margin-left:6px}
286.hc .numrow .vl em{font-style:normal;font-size:17px;margin-left:9px;font-weight:500}
287.hc .numrow .vl.sm{font-size:clamp(26px,3vw,38px)}
288.hc .numrow .vl.sm i{font-size:16px}
289.hc .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
290.hc .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
291.hc .rcard{background:var(--white);border:1px solid var(--ink);padding:44px 34px 40px}
292.hc .rcard .no{font-size:11.5px;font-weight:700;color:var(--ink);letter-spacing:.2em}
293.hc .rcard h3{font-size:20px;line-height:1.65;margin:12px 0 18px;font-weight:700}
294.hc .rcard p{font-size:14px;color:var(--ink2);line-height:2.05}
295.hc .rcard .ico{width:52px;height:52px;background:var(--cyan);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
296.hc .work{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column}
297.hc .work .shot{aspect-ratio:16/10;background:var(--cyan-p);position:relative;display:flex;align-items:center;justify-content:center}
298.hc .work .shot span{font-size:11px;color:var(--ink2)}
299.hc .work .shot::before{content:"";position:absolute;
299left:16px;right:16px;top:16px;height:16px;background:#fff}
300.hc .work .bd{padding:24px 26px 26px;flex:1;display:flex;flex-direction:column}
301.hc .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
302.hc .tag{font-size:11px;font-weight:700;padding:4px 11px;background:var(--ink);color:#fff}
303.hc .tag.area{background:var(--cyan);color:var(--ink)}
304.hc .work h3{font-size:16.5px;line-height:1.7;margin:0 0 12px;font-weight:700}
305.hc .work p{font-size:13px;color:var(--ink2);margin-bottom:18px;line-height:1.95}
306.hc .work .res{margin-top:auto;background:var(--base);padding:14px 16px;font-size:12.5px;color:var(--ink2)}
307.hc .work .res b{color:var(--ink)}
308.hc .cat{background:var(--white);border:1px solid var(--ink);padding:30px;display:block;color:inherit;position:relative;transition:.2s}
309.hc .cat:hover{background:var(--cyan-p);text-decoration:none}
310.hc .cat .top{font-size:10.5px;color:var(--ink3);font-weight:700;letter-spacing:.16em}
311.hc .cat b{display:block;font-size:21px;font-weight:700;line-height:1.5;margin-bottom:16px}
312.hc .cat .chip{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--ink);padding:5px 13px;margin-right:12px;vertical-align:middle}
313.hc .cat .dsc{display:inline-block;font-size:12.5px;color:var(--ink2);line-height:1.8;vertical-align:middle}
314.hc .cat .arw{position:absolute;top:26px;right:26px;width:30px;height:30px;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
315.hc .cat.soon{border:1px dashed var(--ink3);background:transparent;opacity:.55;pointer-events:none}
316.hc .cat.soon .chip{background:var(--ink3)}
317.hc .cat.soon .arw{display:none}
318.hc .voice{background:var(--white);border:1px solid var(--line);padding:38px 40px 34px}
319.hc .voice .q{font-size:20px;font-weight:700;line-height:1.75;margin-bottom:18px}
320.hc .voice .q mark{background:var(--cyan-l);color:var(--ink)}
321.hc .voice .tx{font-size:14px;color:var(--ink2);margin-bottom:24px;line-height:2.05}
322.hc .voice .who{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:20px}
323.hc .voice .ph{width:50px;height:50px;background:var(--cyan-p);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--ink2)}
324.hc .voice .who b{display:block;font-size:14px;font-weight:700}
325.hc .voice .who span{display:block;font-size:12px;color:var(--ink3)}
326.hc .voice .num{margin-left:auto;text-align:right;font-size:11px;color:var(--ink3);line-height:1.3}
327.hc .voice .num b{display:block;font-size:26px;color:var(--ink);font-weight:700}
328.hc .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
329.hc .plan{background:var(--white);border:1px solid var(--line);padding:40px 32px;position:relative}
330.hc .plan.reco{border:2px solid var(--ink)}
331.hc .plan .rb{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cyan);color:var(--ink);font-size:12px;font-weight:700;padding:6px 20px;white-space:nowrap}
332.hc .plan h3{font-size:20px;margin:0 0 6px;font-weight:700}
333.hc .plan .for{font-size:12.5px;color:var(--ink3);margin-bottom:24px}
334.hc .plan .price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:24px}
335.hc .plan .price b{font-size:46px;font-weight:500;line-height:1;letter-spacing:-.02em}
336.hc .plan .price i{font-style:normal;font-size:16px;font-weight:700;margin-left:3px}
337.hc .plan .price span{display:block;font-size:11.5px;color:var(--ink3);margin-top:10px}
338.hc .plan ul{list-style:none;margin:0 0 28px;padding:0;font-size:13.5px;color:var(--ink2)}
339.hc .plan li{position:relative;padding:9px 0 9px 24px;border-bottom:1px solid var(--line)}
340.hc .plan li:last-child{border-bottom:0}
341.hc .plan li::before{content:"";position:absolute;left:2px;top:1.15em;width:10px;height:10px;background:var(--cyan)}
342.hc .plan .btn{width:100%}
343.hc .pnote{margin-top:28px;background:var(--white);border:1px solid var(--line);padding:30px 34px;font-size:13.5px;color:var(--ink2);line-height:2.05}
344.hc .pnote b{color:var(--ink)}
345.hc .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--white);border:1px solid var(--ink)}
346.hc table.cmp{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
347.hc table.cmp th,.hc table.cmp td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:18px;text-align:left;vertical-align:top;line-height:1.85}
348.hc table.cmp th{background:var(--base2);font-weight:700;font-size:13px;white-space:nowrap}
349.hc table.cmp thead th{background:var(--ink);color:#fff;font-size:14px;padding:22px 18px;font-weight:500}
350.hc table.cmp thead th.us{background:var(--cyan);color:var(--ink);font-weight:700}
351.hc table.cmp tr:last-child td,.hc table.cmp tr:last-child th{border-bottom:0}
352.hc table.cmp td:last-child,.hc table.cmp th:last-child{border-right:0}
353.hc table.cmp td.us{background:var(--cyan-p)}
354.hc .mo{color:var(--ink);font-weight:700}
355.hc .mx{color:var(--ink3)}
356.hc .flow{counter-reset:f;border-left:1px solid var(--line);margin-left:18px}
357.hc .fstep{position:relative;padding:0 0 42px 44px}
358.hc .fstep:last-child{padding-bottom:0}
359.hc .fstep::before{counter-increment:f;content:counter(f);position:absolute;
359left:-18px;top:0;width:36px;height:36px;background:var(--cyan);color:var(--ink);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
360.hc .fstep h3{font-size:18px;margin:6px 0 8px;font-weight:700}
361.hc .fstep .dur{display:inline-block;font-size:11.5px;font-weight:700;background:var(--ink);color:#fff;padding:4px 12px}
362.hc .fstep p{font-size:14px;color:var(--ink2);margin-top:10px;line-height:2.05}
363.hc .areas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:44px;align-items:start}
364.hc .alist{display:flex;flex-wrap:wrap;gap:8px}
365.hc .alist span{font-size:13.5px;padding:10px 20px;background:var(--white);border:1px solid var(--ink);color:var(--ink);font-weight:700}
366.hc .alist span.soon{color:var(--ink3);font-weight:400;border:1px dashed var(--ink3);background:transparent}
367.hc .abox{background:var(--white);border:1px solid var(--ink);padding:34px 36px}
368.hc .abox h3{font-size:18px;margin:0 0 16px;font-weight:700}
369.hc .abox p{font-size:14px;color:var(--ink2);line-height:2.05}
370.hc .faq details{background:var(--white);border:1px solid var(--line);margin-bottom:12px;overflow:hidden}
371.hc .faq summary{list-style:none;cursor:pointer;padding:26px 66px 26px 28px;font-size:16.5px;font-weight:700;position:relative;line-height:1.75}
372.hc .faq summary::-webkit-details-marker{display:none}
373.hc .faq summary::before{content:"Q";color:var(--ink);background:var(--cyan);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin-right:14px;font-size:14px;vertical-align:middle}
374.hc .faq summary::after{content:"";position:absolute;right:30px;top:32px;width:10px;height:10px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);transition:.2s}
375.hc .faq details[open] summary::after{transform:rotate(-135deg);top:36px}
376.hc .faq .a{padding:0 30px 28px 68px;font-size:14px;color:var(--ink2);line-height:2.05}
377.hc .post{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;color:inherit;transition:.2s}
378.hc .post .th{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--ink2);font-size:11px;background:var(--cyan-p)}
379.hc .post .bd{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
380.hc .post .chip{align-self:flex-start;font-size:11.5px;font-weight:700;color:#fff;background:var(--ink);padding:4px 12px;margin-bottom:14px}
381.hc .post h3{font-size:15.5px;line-height:1.75;margin:0 0 12px;font-weight:700}
382.hc .post .dt{margin-top:auto;font-size:11.5px;color:var(--ink3)}
383.hc .relcard{background:var(--white);border:1px solid var(--ink);padding:36px 38px}
384.hc .relcard .en{display:block;font-size:11.5px;letter-spacing:.2em;color:var(--ink);font-weight:700}
385.hc .relcard h3{font-size:19px;margin:14px 0 12px;font-weight:700}
386.hc .relcard p{font-size:13.5px;color:var(--ink2);margin-bottom:20px;line-height:2.05}
387.hc .relcard a{font-weight:700;border-bottom:2px solid var(--cyan)}
388.hc .mainlink{background:var(--ink);color:#fff;padding:44px 46px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
389.hc .mainlink h3{font-size:21px;margin:0 0 12px;font-weight:700;color:#fff}
390.hc .mainlink p{margin:0;font-size:14px;color:#B8C0C4;line-height:2.05;max-width:640px}
391.hc .mainlink p a{color:var(--cyan);font-weight:700;text-decoration:underline}
392.hc .mainlink .btn{margin-left:auto;flex-shrink:0}
393.hc table.info{width:100%;border-collapse:collapse;font-size:14px;background:var(--white);border:1px solid var(--ink)}
394.hc table.info th,.hc table.info td{border-bottom:1px solid var(--line);padding:20px 26px;text-align:left;vertical-align:top}
395.hc table.info th{background:var(--base2);width:200px;font-weight:700;color:var(--ink);white-space:nowrap}
396.hc table.info tr:last-child th,.hc table.info tr:last-child td{border-bottom:0}
397.hc .cta{background:var(--ink);color:#fff;padding:96px 0}
398.hc .cta h2{font-size:clamp(25px,3.3vw,40px);margin:0 0 24px;font-weight:500;line-height:1.6;color:#fff}
399.hc .cta h2 .mk{background:var(--cyan);color:var(--ink);padding:0 12px;font-weight:700}
400.hc .cta .lead{color:#B8C0C4;font-size:15px;margin-bottom:42px;line-height:2.05}
401.hc .cta .btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
402.hc .cta .btn-line{color:#fff;border-color:#fff}
403.hc .cta .btn-line::after{background:#fff}
404.hc .cta .btn-line::before{border-color:var(--ink)}
405.hc .cta .btn-line:hover{background:#fff;color:var(--ink)}
406.hc .cta .btn-line:hover::after{background:var(--cyan)}
407.hc .cta .telbox{margin-top:36px;font-size:12.5px;color:#B8C0C4}
408.hc .cta .telbox b{display:block;font-size:36px;color:#fff;font-weight:500}
409.hc .testnote{background:var(--cyan);padding:14px 0;font-size:13px;font-weight:700;color:var(--ink)}
410.hc .testnote .w{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
411.hc .crumbs{background:var(--white);border-bottom:1px solid var(--line);font-size:12px;color:var(--ink2)}
412.hc .crumbs ol{max-width:var(--mw);margin:0 auto;padding:12px 60px;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
413.hc .crumbs li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--line)}
414@media screen and (max-width:1080px){
415.hc .fv .in{grid-template-columns:1fr;gap:36px;padding:70px 40px 74px}
416.hc .fv .photo::before{left:auto;right:-14%;width:78%}
417.hc .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
418.hc .plans{grid-template-columns:1fr}
419.hc .areas,.hc .rgrid{grid-template-columns:1fr;gap:34px}
420.hc .w,.hc .logoband .row,.hc .crumbs ol{padding-left:40px;padding-right:40px}
421.hc .logoband .row{grid-template-columns:repeat(3,1fr)}
422}
423@media screen and (max-width:768px){
424.hc{font-size:15px}
425.hc section{padding:64px 0}
426.hc .w,.hc .logoband .row,.hc .crumbs ol{padding-left:20px;padding-right:20px}
427.hc .fv .in{padding:52px 20px 58px}
428.hc .fv h1{font-size:26px;line-height:1.65}
429.hc .fv .photo::before{opacity:.5}
430.hc .fv .fvbtns .btn{flex:1 1 100%}
431.hc .g3,.hc .g2,.hc .plans{grid-template-columns:1fr}
432.hc .logoband .row{grid-template-columns:repeat(2,1fr)}
433.hc .fvcard{padding:28px 22px}
434.hc .fvstats{gap:6px}
435.hc .fvstats b{font-size:28px}
436.hc .fvstats b i{font-size:12px}
437.hc .fvstats span{font-size:9.5px;letter-spacing:-.03em}
438.hc .numrow{grid-template-columns:1fr;gap:8px;padding:24px 0}
439.hc .numrow .vl{font-size:42px}
440.hc .rcard,.hc .voice,.hc .abox,.hc .relcard,.hc .mainlink{padding:30px 22px}
441.hc .mainlink .btn{margin-left:0;width:100%}
442.hc .cta .btns .btn{flex:1 1 100%}
443.hc table.info th{width:110px;padding:14px}
444.hc table.info td{padding:14px}
445.hc .faq summary{padding:20px 52px 20px 22px;font-size:15.5px}
446.hc .faq .a{padding:0 22px 22px 50px}
447}
448
449/* WORKS:実画像カード */
450.hc .work .shot.ph{overflow:hidden;background:#EFF8FC;display:block;aspect-ratio:3/4;padding:18px}
451.hc .work .shot.ph::before{display:none}
452.hc .work .shot.ph img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .4s}
453.hc .work .shot.ph:hover img{transform:scale(1.04)}
454.hc .work h3 a{color:var(--ink)}
455.hc .work h3 a:hover{text-decoration:underline}
456.hc .work .res a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--cyan);padding-bottom:1px}
457.hc .work .res a:hover{text-decoration:none;background:var(--cyan-p)}
458.hc .worknote{margin-top:34px;background:var(--white);border:1px solid var(--line);padding:26px 28px;font-size:13.5px;line-height:2;color:var(--ink2)}
459.hc .worknote b{color:var(--ink)}
460
461/* 実績事例5470 PLUSBONパンフレット:縦長カバーのためメイン画像を1/2幅で表示 */
462.postid-5470 .works-single__main-img{max-width:50%;margin-left:auto;margin-right:auto}
463
464/* 対応エリア:未公開エリアも黒文字に */
465.hc .alist span.soon{color:var(--ink)}
466
467/* ===== /service/marketing/web-ad/ 専用(.wa 名前空間) ===== */
468.slug-web-ad .wa-h3{margin:80px 0 28px}
469.slug-web-ad .wa-lead{font-size:16px;line-height:2.1;margin:0 0 34px}
470.slug-web-ad .wa-lead strong{font-weight:700;background:linear-gradient(transparent 62%,#ff0 62%)}
471.slug-web-ad .wa-small{font-size:14px;font-weight:400}
472.slug-web-ad .wa-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
473.slug-web-ad .wa-scroll::-webkit-scrollbar{height:8px}
474.slug-web-ad .wa-scroll::-webkit-scrollbar-thumb{background:#c9cfd4;border-radius:4px}
475.slug-web-ad .wa-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;font-size:15px;line-height:1.85}
476.slug-web-ad .wa-table th,.slug-web-ad .wa-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #e6e9ec}
477.slug-web-ad .wa-table thead th{background:#333;color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;border-bottom:none;white-space:nowrap}
478.slug-web-ad .wa-table tbody th[scope=row]{width:19%;font-weight:700;background:#f7f9fa}
479.slug-web-ad .wa-table tbody tr:last-child th,.slug-web-ad .wa-table tbody tr:last-child td{border-bottom:none}
480.slug-web-ad .wa-table small{font-size:12px;font-weight:400;color:#666}
481.slug-web-ad .wa-table--price{min-width:640px}
482.slug-web-ad .wa-table--price tbody th[scope=row]{width:22%}
483.slug-web-ad .wa-table--price td:first-of-type{width:26%;white-space:nowrap}
484.slug-web-ad .wa-table strong{font-weight:700;font-size:17px}
485.slug-web-ad .wa-note{margin:16px 0 0;font-size:13px;line-height:1.95;color:#666}
486.slug-web-ad .wa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
487.slug-web-ad .wa-card{background:#f7f9fa;border-radius:10px;padding:32px 28px 28px;display:flex;flex-direction:column}
488.slug-web-ad .wa-card h4{font-size:18px;font-weight:700;line-height:1.6;margin:0 0 14px;padding-bottom:14px;border-bottom:2px solid #ff0}
489.slug-web-ad .wa-card p{font-size:14.5px;line-height:1.95;margin:0}
490.slug-web-ad .wa-card__link{margin-top:auto;padding-top:18px}
491.slug-web-ad .wa-card__link a{font-weight:700;font-size:14.5px;color:#333;border-bottom:1px solid #333;padding-bottom:2px}
492.slug-web-ad .wa-card__link a::after{content:"→";margin-left:6px}
493.slug-web-ad .wa-check{counter-reset:wa;list-style:none;margin:0;padding:0}
494.slug-web-ad .wa-check>li{counter-increment:wa;position:relative;background:#fff;border:1px solid #e6e9ec;border-radius:10px;padding:30px 34px 30px 96px;margin-bottom:18px}
495.slug-web-ad .wa-check>li::before{content:counter(wa,decimal-leading-zero);position:absolute;left:34px;top:30px;font-family:var(--font-en);font-size:26px;font-weight:700;line-height:1;color:#333}
496.slug-web-ad .wa-check>li::after{content:"";position:absolute;left:34px;top:64px;width:34px;height:3px;background:#ff0}
497.slug-web-ad .wa-check h3{font-size:19px;font-weight:700;line-height:1.6;margin:0 0 12px}
498.slug-web-ad .wa-check p{font-size:15px;line-height:2;margin:0}
499.slug-web-ad .wa-check__ours{display:block;margin-top:12px;padding:12px 16px;background:#f7f9fa;border-left:3px solid #ff0;font-size:14px;line-height:1.9}
500@media screen and (max-width:1024px){
501.slug-web-ad .wa-cards{grid-template-columns:1fr;gap:18px;margin-top:50px}
502}
503@media screen and (max-width:767px){
504.slug-web-ad .wa-h3{margin:56px 0 22px}
505.slug-web-ad .wa-lead{font-size:15px;line-height:2}
506.slug-web-ad .wa-table{font-size:14px}
507.slug-web-ad .wa-table th,.slug-web-ad .wa-table td{padding:14px 16px}
508.slug-web-ad .wa-check>li{padding:26px 22px 26px 22px}
509.slug-web-ad .wa-check>li::before{position:static;display:block;margin-bottom:4px}
510.slug-web-ad .wa-check>li::after{position:static;display:block;margin-bottom:14px}
511.slug-web-ad .wa-check h3{font-size:17px}
512.slug-web-ad .wa-check p{font-size:14.5px}
513}
514
515
516/* ============================================================
517   .hc 新トンマナ v2(案A+色の起伏)
518   ベース #FFE2AD/アクセント1 #E66700/アクセント2 #99CBD0
519   ・MV はクリーム+オレンジのみ(ティールは使わない)
520   ・アクセント1/2 を全面色にしたセクションを各1つ置いてテンポを作る
521   ※ この塊を削除すれば元の水色トンマナに戻ります
522   ============================================================ */
523.hc{
524  --ink:#22302F;--ink2:#5E5A50;--ink3:#8C8577;
525  --line:#E0C99B;
526  --base:#FFE2AD;--base2:#FFF3DE;
527  --cyan:#E66700;--cyan-l:#99CBD0;--cyan-p:#E2F0F1;
528  --orange-d:#C25400;--teal-d:#2C666D;
529  --white:#fff;
530}
531/* ---- MV:ティールの図形を廃止し、白カードの背後にオレンジのスラブ ---- */
532.hc .fv .photo::before,.hc .fv .photo::after{display:none}
533.hc .fvcard{position:relative}
534.hc .fvcard::before{
535  content:"";position:absolute;z-index:-1;
536  left:-30px;right:-60vw;top:-54px;bottom:-54px;
537  background:var(--cyan);
538}
539@media screen and (max-width:1080px){
540  .hc .fvcard::before{left:-60vw;right:-60vw;top:-32px;bottom:-32px}
541}
542.hc .fv h1 .mk{background:var(--orange-d);color:#fff}
543.hc .fv .lead{color:var(--ink2)}
544/* ---- ボタン:塗り=オレンジ+白文字 ---- */
545.hc .btn-y{background:var(--orange-d);color:#fff}
546.hc .btn-y::after{background:#fff}
547.hc .btn-y::before{border-color:var(--orange-d)}
548.hc .btn-y:hover{background:#A84800}
549.hc .btn-fill:hover{background:#16211F}
550.hc .btn-fill small{color:#B9AE99}
551/* ---- ダーク面の可読性 ---- */
552.hc .mainlink p,.hc .cta .lead,.hc .cta .telbox{color:#B3BFBC}
553.hc .mainlink p a{color:var(--cyan-l)}
554/* ---- 箇条書き・Qマーカー:MV内はオレンジ、それ以外はティール(構造の色) ---- */
555.hc .fvlist li::before{background:var(--cyan)}
556.hc .plan li::before{background:var(--cyan-l)}
557.hc .plan.reco li::before{background:#FFE2AD}
558.hc .faq summary::before{background:var(--cyan-l);color:var(--ink)}
559/* ---- WORKS ---- */
560.hc .work .shot.ph{background:var(--cyan-p)}
561/* ---- 料金プラン:おすすめ1枚だけをオレンジで塗る ---- */
562.hc .plan.reco{background:var(--orange-d);border:2px solid var(--orange-d);color:#fff}
563.hc .plan.reco h3{color:#fff}
564.hc .plan.reco .for,.hc .plan.reco .price span{color:#FFD9BC}
565.hc .plan.reco .price{border-top-color:rgba(255,255,255,.34);border-bottom-color:rgba(255,255,255,.34)}
566.hc .plan.reco .price b,.hc .plan.reco .price i{color:#fff}
567.hc .plan.reco ul,.hc .plan.reco li{color:#FFEEE0}
568.hc .plan.reco .rb{background:var(--cyan-l);color:var(--ink)}
569.hc .plan.reco .btn{background:#fff;color:var(--orange-d);border-color:#fff}
570.hc .plan.reco .btn::after{background:var(--orange-d)}
571.hc .plan.reco .btn::before{border-color:#fff}
572.hc .plan.reco .btn:hover{background:#FFF3DE}
573
574/* ============================================================
575   色の起伏:全面カラーのセクション(1ページにつき各1つ)
576   クリーム → 白 → クリーム → 白 → ★オレンジ → クリーム
577   → クリーム淡 → ★ティール → 白 → … → ダーク(CTA)
578   ------------------------------------------------------------
579   帯の中の文字色は下の変数で切り替えています。
580   帯以外のセクションでは各 var() のフォールバック=従来色。
581   ============================================================ */
582.hc .shead .en{color:var(--sh-en,var(--ink))}
583.hc .shead .en::after{background:var(--sh-rule,var(--cyan))}
584.hc .shead h2{color:var(--sh-h2,var(--ink))}
585.hc .shead h2 .mk{background:var(--sh-mk,var(--cyan-l));color:var(--sh-mkfg,var(--ink))}
586.hc .shead p{color:var(--sh-p,var(--ink2))}
587
588/* ■ アクセント1=オレンジ全面
589   ハブ=「目的から選ぶ、8つのメニュー」/下層=「APPROACH」 */
590body.page-id-5369 .hc > section:has(.mainlink) + section,
591.hc > section:has(.g2 > .rcard){
592  background:var(--cyan);
593  --sh-en:#FFE2AD;--sh-rule:#FFE2AD;--sh-h2:#fff;--sh-p:#FFE7D4;
594  --sh-mk:#FFE2AD;--sh-mkfg:var(--ink);
595}
596body.page-id-5369 .hc > section:has(.mainlink) + section .cat,
597.hc > section:has(.g2 > .rcard) .rcard{border-color:#fff}
598body.page-id-5369 .hc > section:has(.mainlink) + section .cat:hover{background:#FFF3DE}
599
600/* ■ アクセント2=ティール全面
601   「ご相談から公開までの流れ」/流れの無いページは「よくあるご質問」 */
602.hc > section:has(.fstep),
603body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq){
604  background:var(--cyan-l);
605  --sh-en:var(--ink);--sh-rule:var(--ink);--sh-h2:var(--ink);--sh-p:var(--ink);
606  --sh-mk:#fff;--sh-mkfg:var(--ink);
607}
608.hc > section:has(.fstep) .fstep p{color:var(--ink)}
609.hc > section:has(.fstep) .flow{border-left-color:rgba(34,48,47,.3)}
610.hc > section:has(.faq) .faq details{border-color:rgba(34,48,47,.16)}
611
612/* ============================================================
613   シェイプ&エッジの刷新
614   ・1px の淵線をやめ、面+オフセットの影で立体をつくる
615   ・直線の下線/直線の帯境界を、ロゴの波モチーフに置き換える
616   ・セクションごとに違うあしらい(波・ドット・円弧)を配る
617   ============================================================ */
618
619/* ---- 1. 淵線をやめる:カードは面と影で立たせる ---- */
620.hc .cat,.hc .relcard,.hc .work,.hc .post{
621  border:0;background:var(--white);
622  box-shadow:7px 7px 0 var(--ink);
623  transition:box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);
624}
625.hc .cat:hover,.hc .relcard:hover,.hc .work:hover,.hc .post:hover{
626  background:var(--white);box-shadow:2px 2px 0 var(--cyan);
626transform:translate(5px,5px);
627}
628.hc .fvcard{border:0;box-shadow:12px 12px 0 var(--ink)}
629.hc .abox,.hc .worknote,.hc .pnote,.hc .plan,.hc .faq details,.hc .alist span,.hc .voice{border:0;background:var(--white)}
630.hc .rcard,.hc .voice{border:0;background:var(--white);box-shadow:8px 8px 0 rgba(34,48,47,.22)}
631.hc .abox{box-shadow:-6px 0 0 var(--cyan) inset}
632.hc .worknote,.hc .pnote{box-shadow:6px 0 0 var(--cyan-l) inset}
633.hc .plan{box-shadow:7px 7px 0 rgba(34,48,47,.13)}
634.hc .plan.reco{border:0;box-shadow:12px 12px 0 var(--ink)}
635.hc .faq details{box-shadow:4px 4px 0 rgba(34,48,47,.10)}
636.hc .alist span{box-shadow:3px 3px 0 rgba(34,48,47,.16)}
637.hc .alist span.soon{border:0;background:rgba(255,255,255,.55);box-shadow:none}
638.hc .btn-line{border-width:2px}
639@media screen and (max-width:767px){
640  .hc .cat,.hc .relcard,.hc .work,.hc .post{box-shadow:5px 5px 0 var(--ink)}
641  .hc .fvcard,.hc .plan.reco{box-shadow:7px 7px 0 var(--ink)}
642}
643
644/* ---- 2. 見出しの下線:直線 → ロゴの波 ---- */
645.hc .shead .en::after,.hc .fv h1 .en::after{
646  width:56px;height:14px;background:var(--sh-rule,var(--cyan));
647  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
648  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
649}
650.hc .shead .en::after{margin:14px auto 0}
651.hc .fv h1 .en::after{margin-top:14px}
652
653/* ---- 3. FV:オレンジの面を波打つ縁で切る+ドットを散らす ---- */
654.hc .fvcard::before{
655  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 160' preserveAspectRatio='none'%3E%3Cpath d='M26 0 L13 0 C -3 26 29 54 13 80 S -3 134 13 160 L26 160 Z' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);
656  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 160' preserveAspectRatio='none'%3E%3Cpath d='M26 0 L13 0 C -3 26 29 54 13 80 S -3 134 13 160 L26 160 Z' fill='%23000'/%3E%3C/svg%3E"),linear-gradient(#000,#000);
657  -webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;
658  -webkit-mask-position:left top,26px 0;mask-position:left top,26px 0;
659  -webkit-mask-size:26px 100%,calc(100% - 26px) 100%;mask-size:26px 100%,calc(100% - 26px) 100%;
660}
661.hc .fv .photo::before{
662  display:block;left:5%;right:auto;top:4%;bottom:auto;width:136px;height:64px;
663  background:radial-gradient(var(--cyan) 2.2px,transparent 2.6px) 0 0/18px 18px;
664  opacity:.55;clip-path:none;border-radius:0;
665}
666@media screen and (max-width:1080px){.hc .fv .photo::before{display:none}}
667
668/* ---- 4. 色帯の境界:直線 → 波(帯の色が上下へこぼれる) ---- */
669body.page-id-5369 .hc > section:has(.mainlink) + section,
670.hc > section:has(.g2 > .rcard),
671.hc > section:has(.fstep),
672body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq){position:relative;z-index:1}
673body.page-id-5369 .hc > section:has(.mainlink) + section::before,
674.hc > section:has(.g2 > .rcard)::before,
675.hc > section:has(.fstep)::before,
676body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq)::before{
677  content:"";position:absolute;left:0;right:0;top:-29px;height:30px;background:inherit;
678  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 13 C 26 -3 54 29 80 13 S 134 -3 160 13 L160 26 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x left bottom/265px 30px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26 L0 13 C 26 -3 54 29 80 13 S 134 -3 160 13 L160 26 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x left bottom/170px 26px;
679}
680body.page-id-5369 .hc > section:has(.mainlink) + section::after,
681.hc > section:has(.g2 > .rcard)::after,
682.hc > section:has(.fstep)::after,
683body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq)::after{
684  content:"";position:absolute;
684left:0;right:0;bottom:-29px;height:30px;background:inherit;
685  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 13 C 26 29 54 -3 80 13 S 134 29 160 13 L160 0 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x left top/170px 26px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 13 C 26 29 54 -3 80 13 S 134 29 160 13 L160 0 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x left top/170px 26px;
686}
687
688/* ---- 5. CTA:太いオレンジの円弧とティールのドット ---- */
689.hc .cta{position:relative;overflow:hidden}
690.hc .cta::before{
691  content:"";position:absolute;right:0;bottom:0;width:230px;height:230px;
692  border-radius:100% 0 0 0;background:var(--cyan);
693}
694.hc .cta::after{
695  content:"";position:absolute;left:36px;top:44px;width:132px;height:88px;
696  background:radial-gradient(var(--cyan-l) 2.4px,transparent 2.8px) 0 0/18px 18px;opacity:.9;
697}
698@media screen and (max-width:767px){.hc .cta::after{display:none}}
699/* ---- 6. WORKS:右端からのぞく太いティールの半円 ---- */
700.hc > section:has(.work){position:relative;overflow:hidden}
701.hc > section:has(.work)::after{
702  content:"";position:absolute;right:-96px;top:24%;width:250px;height:250px;
703  border-radius:50%;background:var(--cyan-l);opacity:.75;z-index:0;
704}
705.hc > section:has(.work) > *{position:relative;z-index:1}
706@media screen and (max-width:1080px){.hc > section:has(.work)::after{display:none}}
707@media screen and (max-width:900px){
708  .hc .cta::before{width:150px;height:150px}
709}
710/* 強調マーカーが折り返しても背景が途切れないように */
711.hc .shead h2 .mk,.hc .fv h1 .mk{-webkit-box-decoration-break:clone;box-decoration-break:clone}
712
713/* ============================================================
714   遊び心のあしらい(第2弾)
715   ・波はロゴのモチーフ。動かす・小さくする・下線にする、で変化を出す
716   ・バッジは「貼った」ように傾ける/番号は有機的な形に
717   ・すべて prefers-reduced-motion を尊重
718   ============================================================ */
719
720/* 1. リストマーカー:四角 → 小さな波 */
721.hc .fvlist li::before,.hc .plan li::before{
722  width:15px!important;height:10px!important;background:var(--cyan-l);
723  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M1 5 C 3.5 1 5 1 7 4 S 10.5 7 13 3' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M1 5 C 3.5 1 5 1 7 4 S 10.5 7 13 3' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
724}
725.hc .fvlist li::before{background:var(--cyan)}
726.hc .plan.reco li::before{background:#FFE2AD}
727
728/* 2. バッジは「貼った」ように少し傾ける */
729.hc .plan .rb{transform:translateX(-50%) rotate(-6deg);box-shadow:3px 3px 0 rgba(34,48,47,.22)}
730.hc .fv .area{transform:rotate(-1.6deg)}
731.hc .work .tag,.hc .cat .chip{transform:rotate(-1.2deg)}
732
733/* 3. FLOWの番号:正方形 → 有機的なブロブ、1つずつ傾きを変える */
734.hc .fstep::before{
735  border-radius:58% 42% 47% 53% / 45% 55% 45% 55%;
736  transform:rotate(-6deg);
737}
738.hc .fstep:nth-child(even)::before{border-radius:44% 56% 58% 42% / 55% 42% 58% 45%;transform:rotate(7deg)}
739.hc .fstep:nth-child(3n)::before{transform:rotate(-2deg)}
740
741/* 4. 実績の数字に波の下線 */
742.hc .fvstats b{position:relative;display:inline-block}
743.hc .fvstats b::after{
744  content:"";position:absolute;left:0;right:53%;bottom:-9px;height:12px;background:var(--cyan);
745  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center/56px 12px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center/56px 12px;
746}
747
748/* 5. 実績カードのモック枠に、ブラウザ風の3ドット(パレットの3色) */
749.hc .work .shot::before{
750  background-color:#fff;
751  background-image:
752    radial-gradient(circle 3.2px at 16px 8px,#E66700 99%,transparent 0),
753    radial-gradient(circle 3.2px at 32px 8px,#99CBD0 99%,transparent 0),
754    radial-gradient(circle 3.2px at 48px 8px,#22302F 99%,transparent 0);
755  background-repeat:no-repeat;
756}
757
758/* 6. ボタンとカードの微動 */
759.hc .btn::after{transition:transform .22s cubic-bezier(.22,1,.36,1)}
760.hc .btn::before{transition:transform .22s cubic-bezier(.22,1,.36,1)}
761.hc .btn:hover::after{transform:scale(1.18)}
762.hc .btn:hover::before{transform:translateX(3px)}
763.hc .cat .arw{transition:background .2s ease,transform .2s ease}
764.hc .cat:hover .arw{background:var(--cyan-l);transform:translateX(3px)}
765
766/* 7. 色帯の波がゆっくり流れる(上下で逆向き) */
767@media (prefers-reduced-motion:no-preference){
768  @keyframes hcWaveA{from{-webkit-mask-position:0 bottom;mask-position:0 bottom}to{-webkit-mask-position:-265px bottom;mask-position:-265px bottom}}
769  @keyframes hcWaveB{from{-webkit-mask-position:0 top;mask-position:0 top}to{-webkit-mask-position:265px top;mask-position:265px top}}
770  body.page-id-5369 .hc > section:has(.mainlink) + section::before,
771  .hc > section:has(.g2 > .rcard)::before,
772  .hc > section:has(.fstep)::before,
773  body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq)::before{animation:hcWaveA 34s linear infinite}
774  body.page-id-5369 .hc > section:has(.mainlink) + section::after,
775  .hc > section:has(.g2 > .rcard)::after,
776  .hc > section:has(.fstep)::after,
777  body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq)::after{animation:hcWaveB 44s linear infinite}
778}
779/* 8. FAQのQバッジもブロブに(FLOWの番号と同じ言語) */
780.hc .faq summary::before{border-radius:56% 44% 48% 52% / 47% 54% 46% 53%;transform:rotate(-5deg)}
781.hc .faq details:nth-child(even) summary::before{border-radius:45% 55% 57% 43% / 54% 43% 57% 46%;transform:rotate(6deg)}
782/* 9. 対応エリアのチップは、貼り重ねたように少しずつ傾ける */
783.hc .alist span:nth-child(3n+1){transform:rotate(-1.4deg)}
784.hc .alist span:nth-child(3n+2){transform:rotate(1.1deg)}
785.hc .alist span:nth-child(3n){transform:rotate(-.5deg)}
786.hc .alist span{transition:transform .18s ease,box-shadow .18s ease}
787.hc .alist span:hover{transform:rotate(0) translateY(-2px);box-shadow:5px 5px 0 rgba(34,48,47,.22)}
788/* 10. 白地セクションの中の白い箱は沈むので、クリーム淡で起こす */
789.hc .abox,.hc .alist span,.hc .worknote,.hc .pnote{background:var(--base2)}
790.hc .alist span.soon{background:rgba(255,243,222,.6)}
791/* t */
792.hc .shead{position:relative}
793.hc .shead .en{
794  display:block;margin:0 0 -.30em;
795  font-family:var(--font-en),"Poppins",sans-serif;
796  font-size:clamp(40px,10vw,150px);
797  font-weight:700;line-height:.82;letter-spacing:-.015em;
798  white-space:nowrap;text-transform:uppercase;
799  color:var(--sh-ghost,rgba(230,103,0,.26));
800}
801.hc .shead .en::after{display:none}
802.hc .shead h2{position:relative;z-index:1}
803.hc .shead h2::after{
804  content:"";display:block;width:60px;height:14px;margin:22px auto 0;
805  background:var(--sh-rule,var(--cyan));
806  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14'%3E%3Cpath d='M3 9 C 8 1 13 1 18 7 S 28 13 33 7 S 43 1 53 6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
807}
808body.page-id-5369 .hc > section:has(.mainlink) + section,
809.hc > section:has(.g2 > .rcard){--sh-ghost:rgba(255,255,255,.28)}
810.hc > section:has(.fstep),
811body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq){--sh-ghost:rgba(34,48,47,.17)}
812.hc .fv h1 .en{
813  font-family:var(--font-en),"Poppins",sans-serif;
814  font-size:clamp(18px,2.6vw,34px);
815  font-weight:700;letter-spacing:.05em;line-height:1.15;
816  color:var(--cyan);margin-bottom:16px;
817}
818.hc .fv h1 .en::after{width:76px;height:16px;margin-top:14px}
819@media screen and (max-width:767px){
820  .hc .shead .en{font-size:clamp(34px,11.5vw,52px);margin-bottom:-.26em}
821  .hc .shead h2::after{width:48px;height:12px;margin-top:16px}
822}
823/* 英字ラベル:サイズを下げ、ディスプレイ書体(Fraunces)へ */
824.hc .shead .en{
825  font-family:"Fraunces",Georgia,"Times New Roman",serif;
826  font-size:clamp(24px,3.4vw,44px);
827  font-weight:700;line-height:1.15;letter-spacing:.10em;
828  margin:0 0 20px;
829  color:var(--sh-en,var(--cyan));
830  font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 100;
831}
832.hc .fv h1 .en{
833  font-family:"Fraunces",Georgia,"Times New Roman",serif;
834  font-size:clamp(15px,1.9vw,26px);
835  font-weight:700;letter-spacing:.16em;line-height:1.3;
836  color:var(--cyan);margin-bottom:14px;
837  font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 100;
838}
839@media screen and (max-width:767px){
840  .hc .shead .en{font-size:clamp(22px,6vw,30px);margin-bottom:16px}
841}
842/* 英字ラベル:Bricolage Grotesque へ差し替え */
843.hc .shead .en{
844  font-family:"Bricolage Grotesque","Zen Kaku Gothic New",sans-serif;
845  font-weight:800;letter-spacing:.04em;
846  font-variation-settings:"opsz" 48,"wdth" 100;
847}
848.hc .fv h1 .en{
849  font-family:"Bricolage Grotesque","Zen Kaku Gothic New",sans-serif;
850  font-weight:800;letter-spacing:.10em;
851  font-variation-settings:"opsz" 32,"wdth" 100;
852}
853/* ============================================================
854   背景の模様
855   ・紙のノイズ:地を塗るすべての面に薄く(5%)
856   ・ロゴマークの散布:CTAと会社概要に
857   ============================================================ */
858.hc,
859.hc .fv,
860.hc .tint,
861.hc .tint2,
862.hc .cta,
863body.page-id-5369 .hc > section:has(.mainlink) + section,
864.hc > section:has(.g2 > .rcard),
865.hc > section:has(.fstep),
866body:not(.page-id-5422) .hc:not(:has(.fstep)) > section:has(.faq){
867  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3Cfe
867ColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
868  background-repeat:repeat;
869  background-size:300px 300px;
870}
871/* ロゴマークの散布:CTA(ダーク帯)と会社概要 */
872.hc .cta > *{position:relative;z-index:1}
873.hc .cta::after{
874  left:0;top:0;right:0;bottom:0;width:auto;height:auto;
875  background:var(--cyan-l);opacity:.13;z-index:0;
876  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M14 40 C 22 30 30 50 38 40 S 54 30 62 40'/%3E%3Cpath d='M14 52 C 22 42 30 62 38 52 S 54 42 62 52'/%3E%3Cpath d='M14 64 C 22 54 30 74 38 64 S 54 54 62 64'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/104px 104px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M14 40 C 22 30 30 50 38 40 S 54 30 62 40'/%3E%3Cpath d='M14 52 C 22 42 30 62 38 52 S 54 42 62 52'/%3E%3Cpath d='M14 64 C 22 54 30 74 38 64 S 54 54 62 64'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/104px 104px;
877}
878.hc > section:last-of-type{position:relative;overflow:hidden}
879.hc > section:last-of-type > *{position:relative;z-index:1}
880.hc > section:last-of-type::before{
881  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
882  background:var(--cyan);opacity:.09;
883  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M14 40 C 22 30 30 50 38 40 S 54 30 62 40'/%3E%3Cpath d='M14 52 C 22 42 30 62 38 52 S 54 42 62 52'/%3E%3Cpath d='M14 64 C 22 54 30 74 38 64 S 54 54 62 64'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/112px 112px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M14 40 C 22 30 30 50 38 40 S 54 30 62 40'/%3E%3Cpath d='M14 52 C 22 42 30 62 38 52 S 54 42 62 52'/%3E%3Cpath d='M14 64 C 22 54 30 74 38 64 S 54 54 62 64'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0/112px 112px;
884}
885@media screen and (max-width:767px){
886  .hc .cta::after{-webkit-mask-size:78px 78px;mask-size:78px 78px}
887  .hc > section:last-of-type::before{-webkit-mask-size:84px 84px;mask-size:84px 84px}
888}
889/* ロゴマークの散布 → ドット(千鳥)に変更 */
890.hc .cta::after{
891  -webkit-mask:none;mask:none;
892  background-color:transparent;
893  background-image:radial-gradient(var(--cyan-l) 1.7px,transparent 1.8px),radial-gradient(var(--cyan-l) 1.7px,transparent 1.8px);
894  background-size:24px 24px;background-position:0 0,12px 12px;
895  opacity:.30;
896}
897.hc > section:last-of-type::before{
898  -webkit-mask:none;mask:none;
899  background-color:transparent;
900  background-image:radial-gradient(var(--cyan) 1.7px,transparent 1.8px),radial-gradient(var(--cyan) 1.7px,transparent 1.8px);
901  background-size:24px 24px;background-position:0 0,12px 12px;
902  opacity:.32;
903}
904@media screen and (max-width:767px){
905  .hc .cta::after,.hc > section:last-of-type::before{background-size:20px 20px;background-position:0 0,10px 10px}
906}
907
908/* ---- ダークオレンジをアクセントカラー1に統一 ---- */
909.hc{--orange-d:#E66700}
910
911/* 業種カードのチップをアクセントカラー1へ */
912.hc .cat .chip{background:var(--cyan);color:#fff}
913
914/* リンク先未定のメニューカード */
915.hc .cat.nolink{pointer-events:none}
916
917/* ---- FVメインビジュアル:広島の写真(波形マスク/オレンジデュオトーン) ---- */
918.hc .fv .photo{
919  position:absolute;left:calc(50% + 40px);right:0;top:0;bottom:0;
920  background-image:url("https://m-hands.net/wp/wp-content/uploads/2018/11/hiroshima-1-scaled.jpg"),linear-gradient(var(--cyan),var(--cyan));
921  background-repeat:no-repeat,no-repeat;background-position:50% 50%,0 0;background-size:cover,cover;
922  background-blend-mode:luminosity;
923  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C3,14 7,24 5,40 C3,56 1,70 4,84 C6,94 3,98 0,100 H100 V0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C3,14 7,24 5,40 C3,56 1,70 4,84 C6,94 3,98 0,100 H100 V0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;
924}
925.hc .fvcard::before{display:none}
926@media screen and (max-width:1080px){
927  .hc .fv .in{padding-bottom:274px}
928  .hc .fv .photo{left:0;right:0;top:auto;bottom:0;height:236px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,18 C16,5 33,21 50,13 C67,5 84,20 100,11 V100 H0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,18 C16,5 33,21 50,13 C67,5 84,20 100,11 V100 H0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%}
929}
930
931/* FV写真:波の振幅を上げ、コントラストを少し締める */
932.hc .fv .photo{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C9,11 9,21 3,31 C0,39 0,47 3,55 C9,65 9,75 3,85 C1,91 1,96 0,100 H100 V0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C9,11 9,21 3,31 C0,39 0,47 3,55 C9,65 9,75 3,85 C1,91 1,96 0,100 H100 V0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;filter:contrast(1.1) brightness(.95)}
933@media screen and (max-width:1080px){
934  .hc .fv .photo{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C13,4 26,26 39,14 C52,3 63,24 76,13 C86,5 93,17 100,10 V100 H0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C13,4 26,26 39,14 C52,3 63,24 76,13 C86,5 93,17 100,10 V100 H0 Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% 100%}
935}
936
937/* FV写真:デュオトーンを解除し、素材の色をそのまま使う */
938.hc .fv .photo{
939  background-image:url("https://m-hands.net/wp/wp-content/uploads/2018/11/hiroshima-1-scaled.jpg");
940  background-repeat:no-repeat;background-position:50% 50%;background-size:cover;
941  background-blend-mode:normal;
942  filter:none;
943}
944
945/* ---- FVメインビジュアル:案C(額装+数字カードを重ねる) ---- */
946@media screen and (min-width:1081px){
947  .hc .fv .in{padding-top:96px;padding-bottom:104px;align-items:start}
948  .hc .fv .photo{
949    left:auto;
950    right:max(60px,calc(50% - 590px));
951    width:calc((min(100vw,1300px) - 168px) * 0.43 + 40px);
952    top:96px;bottom:auto;height:290px;
953    -webkit-mask:none;mask:none;
954    box-shadow:16px 16px 0 var(--ink);
955  }
956  .hc .fvcard{margin-top:214px;margin-left:-40px;position:relative;z-index:4}
957}
958@media screen and (min-width:1081px) and (max-width:1240px){
959  .hc .fv .photo{height:250px}
960  .hc .fvcard{margin-top:178px;margin-left:-28px}
961}
962
963/* 案C 微調整:写真を額装のまま広げ、数字カードを左下に食い込ませる */
964@media screen and (min-width:1081px){
965  .hc .fv .photo{
966    left:calc(max(60px, 50% - 590px) + (min(100vw,1300px) - 168px) * 0.57 - 30px);
967    right:max(24px, calc(50% - 650px));
968    width:auto;
969    top:96px;bottom:auto;height:320px;
970    box-shadow:16px 16px 0 var(--ink);
971  }
972  .hc .fvcard{margin-top:240px;margin-left:-40px}
973}
974@media screen and (min-width:1081px) and (max-width:1240px){
975  .hc .fv .photo{height:270px}
976  .hc .fvcard{margin-top:200px;margin-left:-28px}
977}
978
979
980/* 案C 修正:写真が見出しに重なっていたため、テキスト列の外へ */
981@media screen and (min-width:1081px){
982  .hc .fv .photo{left:calc(max(60px, 50% - 590px) + (min(100vw,1300px) - 168px) * 0.57 + 20px)}
983}
984
985/* FV見出し:1行目「ホームページ制作。」が折り返さないサイズに */
986@media screen and (min-width:1081px){
987  .hc .fv h1{font-size:calc((min(100vw,1300px) - 168px) * 0.0366)}
988}
989
990
991/* ===== メインビジュアル:背景の幾何学模様 2点(#1BB8CE) ===== */
992.hc .fv .photo{z-index:1}
993.hc .fv .veil{z-index:0}
994.hc .fv .veil::before,.hc .fv .veil::after{content:"";position:absolute;display:block;background:#1BB8CE}
995.hc .fv .veil::before{
996  left:-12%;top:-20%;width:min(680px,47vw);aspect-ratio:1;border-radius:50%;
997}
998.hc .fv .veil::after{
999  right:-8%;bottom:-22%;width:min(580px,41vw);aspect-ratio:1;border-radius:100% 0 0 0;
1000}
1001@media screen and (max-width:1080px){
1002  .hc .fv .veil::before{left:-26%;top:-8%;width:min(420px,72vw)}
1003  .hc .fv .veil::after{right:-20%;bottom:-10%;width:min(360px,62vw)}
1004}
1005
1006/* 左上:丸をやめ、ロゴマークを砕いて斜めに配置 */
1007.hc .fv .veil::before{
1008  left:-7%;top:-13%;
1009  width:min(760px,54vw);height:auto;aspect-ratio:172/122;
1010  border-radius:0;
1011  background:#1BB8CE;
1012  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-18%20-18%20172%20122'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'10'%3E%3Cpath%20d%3D'M-3.4%2020.6L14.4%205.3'%2F%3E%3Cpath%20d%3D'M24.6%209.3L42.4%2024.6'%2F%3E%3Cpath%20d%3D'M48.6%2017.6L66.4%202.3'%2F%3
1012E%3Cpath%20d%3D'M66.6%2011.3L84.4%2026.6'%2F%3E%3Cpath%20d%3D'M95.6%2022.6L113.4%207.3'%2F%3E%3Cpath%20d%3D'M122.4%200.2L138.6%2013.8'%2F%3E%3Cpath%20d%3D'M-7.4%2055.6L10.4%2040.4'%2F%3E%3Cpath%20d%3D'M22.6%2035.4L40.4%2050.6'%2F%3E%3Cpath%20d%3D'M45.6%2050.6L63.4%2035.4'%2F%3E%3Cpath%20d%3D'M71.6%2041.4L89.4%2056.6'%2F%3E%3Cpath%20d%3D'M87.6%2050.6L105.4%2035.4'%2F%3E%3Cpath%20d%3D'M118.4%2039.2L134.6%2052.8'%2F%3E%3Cpath%20d%3D'M-1.4%2085.7L16.4%2070.3'%2F%3E%3Cpath%20d%3D'M24.6%2061.4L42.4%2076.7'%2F%3E%3Cpath%20d%3D'M47.6%2080.7L65.4%2065.3'%2F%3E%3Cpath%20d%3D'M94.6%2073.7L112.4%2058.4'%2F%3E%3Cpath%20d%3D'M124.4%2068.2L140.6%2081.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1013  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-18%20-18%20172%20122'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'10'%3E%3Cpath%20d%3D'M-3.4%2020.6L14.4%205.3'%2F%3E%3Cpath%20d%3D'M24.6%209.3L42.4%2024.6'%2F%3E%3Cpath%20d%3D'M48.6%2017.6L66.4%202.3'%2F%3E%3Cpath%20d%3D'M66.6%2011.3L84.4%2026.6'%2F%3E%3Cpath%20d%3D'M95.6%2022.6L113.4%207.3'%2F%3E%3Cpath%20d%3D'M122.4%200.2L138.6%2013.8'%2F%3E%3Cpath%20d%3D'M-7.4%2055.6L10.4%2040.4'%2F%3E%3Cpath%20d%3D'M22.6%2035.4L40.4%2050.6'%2F%3E%3Cpath%20d%3D'M45.6%2050.6L63.4%2035.4'%2F%3E%3Cpath%20d%3D'M71.6%2041.4L89.4%2056.6'%2F%3E%3Cpath%20d%3D'M87.6%2050.6L105.4%2035.4'%2F%3E%3Cpath%20d%3D'M118.4%2039.2L134.6%2052.8'%2F%3E%3Cpath%20d%3D'M-1.4%2085.7L16.4%2070.3'%2F%3E%3Cpath%20d%3D'M24.6%2061.4L42.4%2076.7'%2F%3E%3Cpath%20d%3D'M47.6%2080.7L65.4%2065.3'%2F%3E%3Cpath%20d%3D'M94.6%2073.7L112.4%2058.4'%2F%3E%3Cpath%20d%3D'M124.4%2068.2L140.6%2081.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1014  rotate:-24deg;
1015  transform-origin:50% 50%;
1016}
1017@media screen and (max-width:1080px){
1018  .hc .fv .veil::before{left:-16%;top:-6%;width:min(460px,84vw)}
1019}
1020
1021/* 砕け方を弱め、ロゴの骨格を残す */
1022.hc .fv .veil::before{
1023  aspect-ratio:178/128;
1024  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-20%20-20%20178%20128'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'11'%3E%3Cpath%20d%3D'M-1.3%2023.4L18.3%206.6'%2F%3E%3Cpath%20d%3D'M23.7%208.6L43.3%2025.4'%2F%3E%3Cpath%20d%3D'M44.7%2025.4L64.3%208.6'%2F%3E%3Cpath%20d%3D'M65.7%208.6L85.3%2025.4'%2F%3E%3Cpath%20d%3D'M93.7%2020.4L113.3%203.6'%2F%3E%3Cpath%20d%3D'M122.7%20-1.4L140.3%2013.4'%2F%3E%3Cpath%20d%3D'M-5.3%2054.4L14.3%2037.6'%2F%3E%3Cpath%20d%3D'M23.7%2034.6L43.3%2051.4'%2F%3E%3Cpath%20d%3D'M44.7%2051.4L64.3%2034.6'%2F%3E%3Cpath%20d%3D'M65.7%2034.6L85.3%2051.4'%2F%3E%3Cpath%20d%3D'M86.7%2051.4L106.3%2034.6'%2F%3E%3Cpath%20d%3D'M116.7%2037.6L134.3%2052.4'%2F%3E%3Cpath%20d%3D'M-0.3%2084.4L19.3%2067.6'%2F%3E%3Cpath%20d%3D'M23.7%2060.6L43.3%2077.4'%2F%3E%3Cpath%20d%3D'M44.7%2077.4L64.3%2060.6'%2F%3E%3Cpath%20d%3D'M92.7%2075.4L112.3%2058.6'%2F%3E%3Cpath%20d%3D'M121.7%2066.6L139.3%2081.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1025  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-20%20-20%20178%20128'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'11'%3E%3Cpath%20d%3D'M-1.3%2023.4L18.3%206.6'%2F%3E%3Cpath%20d%3D'M23.7%208.6L43.3%2025.4'%2F%3E%3Cpath%20d%3D'M44.7%2025.4L64.3%208.6'%2F%3E%3Cpath%20d%3D'M65.7%208.6L85.3%2025.4'%2F%3E%3Cpath%20d%3D'M93.7%2020.4L113.3%203.6'%2F%3E%3Cpath%20d%3D'M122.7%20-1.4L140.3%2013.4'%2F%3E%3Cpath%20d%3D'M-5.3%2054.4L14.3%2037.6'%2F%3E%3Cpath%20d%3D'M23.7%2034.6L43.3%2051.4'%2F%3E%3Cpath%20d%3D'M44.7%2051.4L64.3%2034.6'%2F%3E%3Cpath%20d%3D'M65.7%2034.6L85.3%2051.4'%2F%3E%3Cpath%20d%3D'M86.7%2051.4L106.3%2034.6'%2F%3E%3Cpath%20d%3D'M116.7%2037.6L134.3%2052.4'%2F%3E%3Cpath%20d%3D'M-0.3%2084.4L19.3%2067.6'%2F%3E%3Cpath%20d%3D'M23.7%2060.6L43.3%2077.4'%2F%3E%3Cpath%20d%3D'M44.7%2077.4L64.3%2060.6'%2F%3E%3Cpath%20d%3D'M92.7%2075.4L112.3%2058.6'%2F%3E%3Cpath%20d%3D'M121.7%2066.6L139.3%2081.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1026  rotate:-18deg;
1027  left:-6%;top:-11%;width:min(800px,56vw);
1028}
1029
1030/* 左上:ロゴマークの散布に変更 */
1031.hc .fv .veil::before{
1032  left:-6%;top:-10%;
1033  width:min(880px,60vw);height:auto;aspect-ratio:400/300;
1034  border-radius:0;rotate:0deg;
1035  background:#1BB8CE;
1036  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20300'%3E%3Cdefs%3E%3Cg%20id%3D'm'%20transform%3D'translate(-64%2C-38)'%3E%3Cpath%20d%3D'M2%2
1036026L23%208L44%2026L65%208L86%2026L107%208L126%2024'%2F%3E%3Cpath%20d%3D'M2%2052L23%2034L44%2052L65%2034L86%2052L107%2034L126%2050'%2F%3E%3Cpath%20d%3D'M2%2078L23%2060L44%2078L65%2060L86%2078L107%2060L126%2076'%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'10'%20vector-effect%3D'non-scaling-stroke'%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(62%2C44)%20rotate(-20)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(176%2C24)%20rotate(12)%20scale(0.62)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(26%2C152)%20rotate(-8)%20scale(0.78)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(146%2C132)%20rotate(-32)%20scale(0.46)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(254%2C80)%20rotate(-14)%20scale(0.4)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(72%2C248)%20rotate(18)%20scale(0.5)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(218%2C192)%20rotate(8)%20scale(0.3)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(306%2C32)%20rotate(-25)%20scale(0.26)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(164%2C262)%20rotate(-12)%20scale(0.28)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(336%2C150)%20rotate(16)%20scale(0.2)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1037  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20300'%3E%3Cdefs%3E%3Cg%20id%3D'm'%20transform%3D'translate(-64%2C-38)'%3E%3Cpath%20d%3D'M2%2026L23%208L44%2026L65%208L86%2026L107%208L126%2024'%2F%3E%3Cpath%20d%3D'M2%2052L23%2034L44%2052L65%2034L86%2052L107%2034L126%2050'%2F%3E%3Cpath%20d%3D'M2%2078L23%2060L44%2078L65%2060L86%2078L107%2060L126%2076'%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'10'%20vector-effect%3D'non-scaling-stroke'%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(62%2C44)%20rotate(-20)%20scale(1)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(176%2C24)%20rotate(12)%20scale(0.62)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(26%2C152)%20rotate(-8)%20scale(0.78)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(146%2C132)%20rotate(-32)%20scale(0.46)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(254%2C80)%20rotate(-14)%20scale(0.4)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(72%2C248)%20rotate(18)%20scale(0.5)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(218%2C192)%20rotate(8)%20scale(0.3)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(306%2C32)%20rotate(-25)%20scale(0.26)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(164%2C262)%20rotate(-12)%20scale(0.28)'%2F%3E%3Cuse%20href%3D'%23m'%20transform%3D'translate(336%2C150)%20rotate(16)%20scale(0.2)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1038}
1039@media screen and (max-width:1080px){
1040  .hc .fv .veil::before{left:-14%;top:-5%;width:min(520px,92vw)}
1041}
1042
1043/* 左上:緩やかな波形のシェイプを大きく1点 */
1044.hc .fv .veil::before{
1045  left:-9%;top:-6%;
1046  width:min(960px,66vw);height:auto;aspect-ratio:212/128;
1047  border-radius:0;rotate:-10deg;
1048  background:#1BB8CE;
1049  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-6%20-12%20212%20128'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'9'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M2%2020%20C36%20-4%2066%2044%20100%2020%20C134%20-4%20164%2044%20198%2020'%2F%3E%3Cpath%20d%3D'M2%2052%20C36%2028%2066%2076%20100%2052%20C134%2028%20164%2076%20198%2052'%2F%3E%3Cpath%20d%3D'M2%2084%20C36%2060%2066%20108%20100%2084%20C134%2060%20164%20108%20198%2084'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1050  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'-6%20-12%20212%20128'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'9'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M2%2020%20C36%20-4%2066%2044%20100%2020%20C134%20-4%20164%2044%20198%2020'%2F%3E%3Cpath%20d%3D'M2%2052%20C36%2028%2066%2076%20100%2052%20C134%2028%20164%2076%20198%2052'%2F%3
1050E%3Cpath%20d%3D'M2%2084%20C36%2060%2066%20108%20100%2084%20C134%2060%20164%20108%20198%2084'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
1051}
1052@media screen and (max-width:1080px){
1053  .hc .fv .veil::before{left:-18%;top:-3%;width:min(560px,96vw)}
1054}
1055
1056/* 波形シェイプ:サイズを半分にし、左上で見切れる配置へ */
1057.hc .fv .veil::before{
1058  width:min(480px,33vw);
1059  left:-150px;top:-64px;
1060}
1061@media screen and (max-width:1080px){
1062  .hc .fv .veil::before{width:min(280px,52vw);left:-92px;top:-40px}
1063}
1064
1065/* 右側:四分円をやめ、半円を切らずに描き切る */
1066.hc .fv .veil::after{
1067  right:0;left:auto;
1068  top:50%;bottom:auto;
1069  translate:0 -50%;
1070  width:min(260px,19vw);height:auto;aspect-ratio:1/2;
1071  border-radius:999px 0 0 999px;
1072  background:#1BB8CE;
1073}
1074@media screen and (max-width:1080px){
1075  .hc .fv .veil::after{width:min(120px,26vw);top:auto;bottom:120px;translate:0 0}
1076}
1077
1078/* MVの装飾色を、見出しマーカーと同じ #99CBD0 に統一 */
1079.hc .fv .veil::before,.hc .fv .veil::after{background:#99CBD0}
1080
1081/* 写真の上に乗っていたドットを外し、左下の余白へ移設 */
1082.hc .fv .photo::before{display:none!important}
1083.hc .fv::after{
1084  content:"";position:absolute;display:block;z-index:0;pointer-events:none;
1085  left:max(60px, calc(50% - 590px));bottom:18px;
1086  width:216px;height:82px;
1087  background-image:radial-gradient(var(--cyan) 2.2px,transparent 2.4px);
1088  background-size:18px 18px;
1089}
1090@media screen and (max-width:1080px){
1091  .hc .fv::after{left:40px;bottom:14px;width:160px;height:64px}
1092}
1093
1094/* ===== MV:制作実績のスマホモックを重ね、無限ローテーション ===== */
1095.hc .fvph{position:absolute;z-index:5;pointer-events:none;aspect-ratio:355/702}
1096.hc .fvph img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;margin:0;opacity:0;
1097  filter:drop-shadow(0 20px 30px rgba(34,48,47,.24))}
1098@keyframes hcPhoneRot{0%{opacity:0}3%{opacity:1}14%{opacity:1}18%{opacity:0}100%{opacity:0}}
1099@media (prefers-reduced-motion:no-preference){
1100  .hc .fvph img{animation:hcPhoneRot 24s linear infinite}
1101  .hc .fvph img:nth-child(2){animation-delay:4s}
1102  .hc .fvph img:nth-child(3){animation-delay:8s}
1103  .hc .fvph img:nth-child(4){animation-delay:12s}
1104  .hc .fvph img:nth-child(5){animation-delay:16s}
1105  .hc .fvph img:nth-child(6){animation-delay:20s}
1106}
1107@media (prefers-reduced-motion:reduce){.hc .fvph img:first-child{opacity:1}}
1108@media screen and (min-width:1081px){
1109  .hc .fvph{right:calc(max(24px, 50% - 650px) + 26px);top:268px;width:208px}
1110  .hc .fv .in{padding-bottom:150px}
1111}
1112@media screen and (max-width:1080px){
1113  .hc .fvph{right:18px;bottom:96px;width:118px}
1114  .hc .fv .in{padding-bottom:300px}
1115}
1116
1117/* スマホモックの位置と大きさを詰める */
1118@media screen and (min-width:1081px){
1119  .hc .fvph{right:calc(max(24px, 50% - 650px) + 4px);top:300px;width:228px}
1120  .hc .fv .in{padding-bottom:170px}
1121}
1122
1123/* ===== 端末は静止、画面の中身だけが切り替わるように位置合わせ ===== */
1124.hc .fvph{aspect-ratio:335/685;overflow:visible}
1125.hc .fvph img{filter:none}
1126.hc .fvph img:nth-child(1){width:105.97%;translate:-2.25% -1.42%}
1127.hc .fvph img:nth-child(2){width:108.81%;translate:-3.91% -2.58%}
1128.hc .fvph img:nth-child(3){width:116.71%;translate:-6.82% -2.39%}
1129.hc .fvph img:nth-child(4){width:112.69%;translate:-4.95% -2.62%}
1130.hc .fvph img:nth-child(5){width:104.72%;translate:-1.69% -1.14%}
1131/* 5枚になったのでローテーションを20秒周期に */
1132@keyframes hcPhoneRot5{0%{opacity:0}3.5%{opacity:1}17%{opacity:1}21%{opacity:0}100%{opacity:0}}
1133@media (prefers-reduced-motion:no-preference){
1134  .hc .fvph img{animation:hcPhoneRot5 20s linear infinite}
1135  .hc .fvph img:nth-child(2){animation-delay:4s}
1136  .hc .fvph img:nth-child(3){animation-delay:8s}
1137  .hc .fvph img:nth-child(4){animation-delay:12s}
1138  .hc .fvph img:nth-child(5){animation-delay:16s}
1139}
1140/* サイズを20%アップ */
1141@media screen and (min-width:1081px){
1142  .hc .fvph{width:274px;top:286px;right:calc(max(24px, 50% - 650px) - 8px)}
1143  .hc .fv .in{padding-bottom:200px}
1144}
1145@media screen and (max-width:1080px){
1146  .hc .fvph{width:142px;right:14px;bottom:92px}
1147}
1148
1149/* ===== 重なり合うオブジェクトを角丸に ===== */
1150.hc .fv .photo{border-radius:16px}
1151.hc .fvcard{border-radius:16px}
1152.hc .cat,.hc .work,.hc .post,.hc .relcard,.hc .rcard,.hc .voice,.hc .plan{border-radius:14px;overflow:hidden}
1153.hc .work .shot{border-radius:14px 14px 0 0}
1154.hc .abox,.hc .worknote,.hc .pnote,.hc .fstep .bx,.hc .faq{border-radius:12px}
1155.hc .alist span,.hc .chip,.hc .work .tag,.hc .plan .rb{border-radius:6px}
1156.hc .btn{border-radius:8px}
1157.hc .btn::before{border-radius:8px}
1158
1159/* 端末の枠を基準に再アライン(黒フレームの外形で位置合わせ) */
1160.hc .fvph{aspect-ratio:332/681}
1161.hc .fvph img:nth-child(1){width:106.93%;translate:-2.82% -1.57%}
1162.hc .fvph img:nth-child(2){width:111.18%;translate:-4.47% -3.01%}
1163.hc .fvph img:nth-child(3){width:122.00%;translate:-9.32% -2.39%}
1164.hc .fvph img:nth-child(4){width:113.75%;translate:-5.50% -2.92%}
1165.hc .fvph img:nth-child(5){width:107.25%;translate:-2.82% -1.28%}
1166
1167
1168/* デバイスと数字カードを1cm(約38px)左へ */
1169@media screen and (min-width:1081px){
1170  .hc .fvph{right:calc(max(24px, 50% - 650px) + 30px)}
1171  .hc .fvcard{margin-left:-78px}
1172}
1173@media screen and (min-width:1081px) and (max-width:1240px){
1174  .hc .fvcard{margin-left:-66px}
1175}
1176
1177/* デバイスを少し右へ(カード内テキストとの重なり回避) */
1178@media screen and (min-width:1081px){
1179  .hc .fvph{right:calc(max(24px, 50% - 650px) - 2px)}
1180}
1181
1182/* 実績画像の白い余白がデバイスの外へはみ出していたため、端末の輪郭で切り抜く */
1183.hc .fvph{overflow:hidden;border-radius:14.5%/7.1%;box-shadow:0 22px 36px rgba(34,48,47,.26)}
1184.hc .fvph img{filter:none}
1185
1186/* テーマの max-width:100% で拡大が効かず、画像の白背景が枠内に見えていた */
1187.hc .fvph img{max-width:none!important}
1188.hc .fvph img:nth-child(1){width:106.93%!important}
1189.hc .fvph img:nth-child(2){width:111.18%!important}
1190.hc .fvph img:nth-child(3){width:122.00%!important}
1191.hc .fvph img:nth-child(4){width:113.75%!important}
1192.hc .fvph img:nth-child(5){width:107.25%!important}
1193
1194/* デバイスの影を削除 */
1195.hc .fvph{box-shadow:none}
1196.hc .fvph img{filter:none}
1197
1198/* 切り替えの合間に端末が消える瞬間があったため、常時どれか1枚が表示される送りへ */
1199@keyframes hcRotSeam{0%,20%{opacity:1}25%,95%{opacity:0}100%{opacity:1}}
1200@media (prefers-reduced-motion:no-preference){
1201  .hc .fvph img{animation:hcRotSeam 20s linear infinite}
1202  .hc .fvph img:nth-child(1){animation-delay:0s}
1203  .hc .fvph img:nth-child(2){animation-delay:-4s}
1204  .hc .fvph img:nth-child(3){animation-delay:-8s}
1205  .hc .fvph img:nth-child(4){animation-delay:-12s}
1206  .hc .fvph img:nth-child(5){animation-delay:-16s}
1207}
1208@media (prefers-reduced-motion:reduce){.hc .fvph img:first-child{opacity:1}}
1209
1210/* ===== MV右カラム:縦積み(風景画像/実績バー/スマホ3台) v1 ===== */
1211.hc .fvphs .fvph{--o:0s}
1212.hc .fvphs .fvph:nth-child(2){--o:-4s}
1213.hc .fvphs .fvph:nth-child(3){--o:-8s}
1214@media (prefers-reduced-motion:no-preference){
1215.hc .fvphs .fvph img{animation-delay:var(--o)}
1216.hc .fvphs .fvph img:nth-child(2){animation-delay:calc(-4s + var(--o))}
1217.hc .fvphs .fvph img:nth-child(3){animation-delay:calc(-8s + var(--o))}
1218.hc .fvphs .fvph img:nth-child(4){animation-delay:calc(-12s + var(--o))}
1219.hc .fvphs .fvph img:nth-child(5){animation-delay:calc(-16s + var(--o))}
1220}
1221@media screen and (min-width:1081px){
1222.hc .fv{--colL:calc(max(60px, 50% - 590px) + (min(100vw,1300px) - 168px) * 0.57 + 20px);--colR:max(24px, calc(50% - 650px))}
1223.hc .fv .in{grid-template-columns:1.3256fr 1fr;min-height:900px;padding-bottom:40px;align-items:start}
1224.hc .fv .photo{left:var(--colL);right:var(--colR);width:auto;top:96px;bottom:auto;height:200px;border-radius:16px;box-shadow:12px 12px 0 var(--ink);z-index:1}
1225.hc .fvcard{position:absolute;left:var(--colL);right:var(--colR);top:320px;height:104px;margin:0;padding:0 22px;box-sizing:border-box;z-index:4;display:flex;flex-wrap:wrap;align-content:center;column-gap:26px;row-gap:2px;overflow:hidden}
1226.hc .fvcard h2{flex:0 0 100%;margin:0 0 4px;font-size:9.5px;letter-spacing:.14em}
1227.hc .fvcard .fvstats{flex:0 0 auto;margin:0;gap:0}
1228.hc .fvcard .fvstats b{font-size:30px}
1229.hc .fvcard .fvstats span{margin-top:2px}
1230.hc .fvcard .fvlist{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;font-size:11.5px}
1231.hc .fvcard .fvlist li{margin-bottom:4px;gap:8px;line-height:1.45}
1232.hc .fvcard .fvlist li::before{flex:0 0 7px;height:7px;margin-top:6px}
1233.hc .fvphs{position:absolute;left:var(--colL);right:var(--colR);top:440px;z-index:5;display:flex;gap:16px;pointer-events:none}
1234.hc .fvphs .fvph{position:relative;flex:1 1 0;width:auto!important;top:auto;right:auto;bottom:auto;left:auto}
1235}
1236@media screen and (max-width:1080px){
1237.hc .fvphs{position:absolute;right:14px;bottom:92px;width:142px;z-index:5;pointer-events:none}
1238.hc .fvphs .fvph{position:relative;width:100%!important;right:auto;bottom:auto;top:auto;left:auto}
1239.hc .fvphs .fvph:nth-child(n+2){display:none}
1240}
1241
1242/* ===== MV v2:実績バーを左カラム(ボタン下)へ/デバイスを上へ ===== */
1243@media screen and (min-width:1081px){
1244.hc .fv .in{align-content:center;align-items:center;padding-bottom:96px;min-height:830px}
1245.hc .fv .photo{height:230px}
1246.hc .fvcard{position:relative;
1246left:auto;right:auto;top:auto;height:auto;margin:30px 0 0;padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;column-gap:26px;row-gap:2px;overflow:visible}
1247.hc .fvcard h2{flex:0 0 100%;margin:0 0 6px}
1248.hc .fvcard .fvstats b{font-size:60px;color:var(--orange-d)}
1249.hc .fvcard .fvstats b i{font-size:14px;color:var(--ink)}
1250.hc .fvcard .fvstats span{margin-top:2px}
1251.hc .fvphs{top:356px}
1252}
1253
1254@media screen and (min-width:1081px){.hc .fvcard .fvstats b::after{right:44%;height:13px;bottom:-11px}.hc .fvcard .fvstats span{margin-top:12px}}
1255
1256@media screen and (min-width:1081px){.hc .fvcard:not(:has(.fvstats)){padding:22px 24px}.hc .fvcard:not(:has(.fvstats)) .fvlist{font-size:13.5px}.hc .fvcard:not(:has(.fvstats)) .fvlist li{margin-bottom:9px;gap:10px}.hc .fvcard:not(:has(.fvstats)) .fvlist li::before{flex:0 0 9px;height:9px;margin-top:7px}.hc .fvcard:not(:has(.fvstats)) h2{margin:0 0 12px}}
1257
1258/* ===== MVデバイス:統一フレーム9社ローテーション ===== */
1259.hc .fvphs .fvph{aspect-ratio:476/947;border-radius:0;overflow:visible;box-shadow:none}
1260.hc .fvphs .fvph img{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;height:auto!important;translate:0 0!important;filter:none;opacity:0}
1261@keyframes hcRot9{0%,11.111%{opacity:1}13.889%,97.222%{opacity:0}100%{opacity:1}}
1262@media (prefers-reduced-motion:no-preference){
1263.hc .fvphs .fvph img{animation:hcRot9 36s linear infinite;animation-delay:var(--o,0s)}
1264.hc .fvphs .fvph img:nth-child(2){animation-delay:calc(-4s + var(--o,0s))}
1265.hc .fvphs .fvph img:nth-child(3){animation-delay:calc(-8s + var(--o,0s))}
1266.hc .fvphs .fvph img:nth-child(4){animation-delay:calc(-12s + var(--o,0s))}
1267.hc .fvphs .fvph img:nth-child(5){animation-delay:calc(-16s + var(--o,0s))}
1268.hc .fvphs .fvph img:nth-child(6){animation-delay:calc(-20s + var(--o,0s))}
1269.hc .fvphs .fvph img:nth-child(7){animation-delay:calc(-24s + var(--o,0s))}
1270.hc .fvphs .fvph img:nth-child(8){animation-delay:calc(-28s + var(--o,0s))}
1271.hc .fvphs .fvph img:nth-child(9){animation-delay:calc(-32s + var(--o,0s))}
1272}
1273@media (prefers-reduced-motion:reduce){.hc .fvphs .fvph img{animation:none}.hc .fvphs .fvph img:first-child{opacity:1}}
1274
1275/* ===== MV v3:広島画像を円に/カード・デバイス・円の下端を揃える ===== */
1276@media screen and (min-width:1081px){
1277.hc .fv .in{align-content:end;align-items:end;padding-bottom:110px;min-height:830px}
1278.hc .fv .photo{left:50%;right:auto;translate:-50% 0;top:0;bottom:auto;width:calc((100% - var(--colL) - var(--colR)) * 1.5);height:auto;aspect-ratio:1/1;border-radius:50%;box-shadow:none}
1279.hc .fvphs{top:auto;bottom:110px}
1280}
1281
1282/* ===== MV:背景の広島都市画像を非表示 ===== */
1283.hc .fv .photo{display:none!important}
1284
1285/* ===== MV中央上段:図形装飾(輪郭の円+ドット) ===== */
1286@media screen and (min-width:1081px){
1287.hc .fv .photo{display:block!important;background-image:none!important;background-color:transparent!important;left:calc(var(--colL) - 24px);right:auto;top:6px;bottom:auto;translate:none;width:calc((100% - var(--colL) - var(--colR)) * 0.82);height:auto;aspect-ratio:1/1;border:3px solid #99CBD0;border-radius:50%;box-shadow:none;z-index:0}
1288.hc .fvphs::before{content:"";position:absolute;z-index:-1;left:-330px;top:-300px;width:250px;height:96px;background-image:radial-gradient(#99CBD0 2.4px,transparent 2.6px);background-size:20px 20px}
1289}
1290
1291
1292/* ===== /service/webconsalting/creative/ 図版の表示崩れ修正 (2026-09) ===== */
1293/* 円形図:テーマのp余白で文字が下にずれ中央円と重なる問題 */
1294.mh-wheel .mh-wheel__label{margin:0!important}
1295/* 図版内テキストの中央揃え・余白の統一 */
1296.mh-fig p{text-align:center}
1297.mh-fig .mh-ope__title,.mh-fig .mh-site__title{margin-top:0}
1298.mh-fig .mh-site__balloon{margin-top:calc(var(--u)*.05)}
1299/* SP:「制作後の運用」枠が幅0で消える問題 */
1300@media screen and (max-width:480px){
1301  .s-fig-05__img--01,.s-fig-05__img--02{width:100%;max-width:369px}
1302}
1303
1304/* SP:業種別・目的別メニューの左右余白が大きすぎて本文が細くなる問題 (2026-09) */
1305@media screen and (max-width:767px){
1306  .hc-industry>div,.hc-crosslink>div{padding-left:20px!important;padding-right:20px!important}
1307  .hc-industry h2{font-size:22px!important}
1308  .hc-crosslink>div>div{padding:28px 22px!important;border-left-width:4px!important}
1309  .hc-crosslink>div>div>div{flex-basis:100%!important}
1310  .hc-crosslink h3{font-size:18px!important}
1311}
1312/* SP:解決できる課題カードの見出しが1文字だけ改行+右端に密着する問題 (2026-09) */
1313@media screen and (max-width:480px){
1314  .s-box-l-icon__box{padding-left:8px;padding-right:4px;column-gap:6px}
1315  .s-box-l-icon__icon{width:34px;flex-shrink:0}
1316  .s-box-l-icon__icon img{width:100%;height:auto}
1317}
1318
1319/* 実績詳細:Background / Proposition / Creative を非表示(4836は対象外) */
1320.single-works:not(.postid-4836) .works-single__background,
1321.single-works:not(.postid-4836) .works-single__proposition {
1322  display: none !important;
1323}
1324
1325/* Creativeは見出しと文章だけ隠し、画像は残す */
1326.single-works:not(.postid-4836) .works-single__creative > .s-hl-point2,
1327.single-works:not(.postid-4836) .works-single__creative > .works-single__hl,
1328.single-works:not(.postid-4836) .works-single__creative > .s-desc {
1329  display: none !important;
1330}
1331
1332</style>
1333</head>
1334
1335<body class="wp-singular post-template-default single single-post postid-4356 single-format-standard wp-theme-m-hand">
1336    
1337    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1337-1338
1337
1338<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1338GTM-PDH5VPF
vendor: 83 bytes, lines 1338-1339
1338"
1339height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1340<!-- End Google Tag Manager (noscript) -->
1341	
1342    <div class="subpage page">
1343
1344        <!-- Header -->
1345        <header class="header">
1346            <div class="header_contain">
1347                <div class="header_logo">
1348                    <a href="https://m-hands.net"><img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/logo-dark.webp" alt="マザーハンズ株式会社 Logo"></a>
1349                </div>
1350                <div class="header_left">
1351                    <div class="header_contact linkbtn">
1352                        <a href="https://m-hands.net/contact/"><span>お問い合わせ</span></a>
1353                    </div>
1354                    <div class="menubtn">
1355                        <span class="txt en">Menu</span>
1356                        <div class="menubtn_box">
1357                            <span class="bar bar01"></span>
1358                            <span class="bar bar02"></span>
1359                        </div>
1360                    </div>
1361                </div>
1362            </div>
1363        </header>
1364
1365        <div class="menubox">
1366            <div class="menubox_contain">
1367                <div class="menubox_top">
1368                    <div class="menubox_logo">
1369                        <a href="https://m-hands.net"><img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/logo-white.webp" alt="マザーハンズ株式会社 Logo"></a>
1370                    </div>
1371                    <div class="menubtn">
1372                        <span class="txt en">Close</span>
1373                        <div class="menubtn_box active">
1374                            <span class="bar bar01"></span>
1375                            <span class="bar bar02"></span>
1376                        </div>
1377                    </div>
1378                </div>
1379                <div class="menubox_body">
1380                    <div class="menubox_otherbox sp_only">
1381                        <a href="https://m-hands.net/contact/" class="menubox_otherbox__item">
1382                            <div class="menubox_otherbox__item_top">
1383                                <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-mail.webp" alt="Webフォームでのご相談">
1384                                <span>Webフォームでのご相談</span>
1385                            </div>
1386                            <p class="maintxt en">Contact</p>
1387                            <span class="arrow"></span>
1388                        </a>
1389                        <a href="tel:050-3708-0206" class="menubox_otherbox__item">
1390                            <div class="menubox_otherbox__item_top">
1391                                <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-phone.webp" alt="お電話でのご相談">
1392                                <span>お電話でのご相談</span>
1393                            </div>
1394                            <p class="maintxt en">050-3708-0206</p>
1395                            <span class="arrow"></span>
1396                        </a>
1397                    </div>
1398                    <div class="menubox_left">
1399                        <ul class="menubox_list">
1400                            <li class="menubox_list__item childbox">
1401                                <p class="menubox_list__item_link">
1402                                    <span class="jp">サービス</span>
1403                                    <span class="en">Service</span>
1404                                </p>
1405                                <ul class="childbox_list">
1406                                    <li class="childbox_list__item">
1407                                        <a class="childbox_list__item_link" href="https://m-hands.net/service/">サービス一覧</a>
1408                                    </li>
1409                                    <li class="childbox_list__item">
1410                                        <a class="childbox_list__item_link" href="https://m-hands.net/service/marketing/">マーケティング支援</a>
1411                                        <ul class="childbox_list__taglist">
1412                                            <li><a href="https://m-hands.net/service/marketing/seo/">SEO対策</a></li>
1413                                            <li><a href="https://m-hands.net/service/marketing/lp/">LP制作</a></li>
1414                                            <li><a href="https://m-hands.net/service/marketing/lp/#sec-tool">LP分析&改善</a></li>
1415                                            <li><a href="https://m-hands.net/service/marketing/web-ad/">Web広告</a></li>
1416                                            <li><a href="https://m-hands.net/service/marketing/ad/">リスティング広告</a></li>
1417                                            <li><a href="https://m-hands.net/service/marketing/sns/">SNS広告</a></li>
1418                                            <li><a href="https://m-hands.net/service/marketing/owned-media/">オウンドメディア運用代行</a></li>
1419                                        </ul>
1420                                    </li>
1421                                    <li class="childbox_list__item">
1422                                        <a class="childbox_list__item_link" href="https://m-hands.net/service/webconsalting/">Webコンサルティング</a>
1423                                        <ul class="childbox_list__taglist">
1424                                            <li><a href="https://m-hands.net/service/webconsalting/creative/">広島のホームページ制作</a></li>
1425                                            <li><a href="https://m-hands.net/service/webconsalting/analys/">WEBサイト改善</a></li>
1426                                          <li><a href="https://m-hands.net/service/webconsalting/system/"><span>DX業務システム開発</span></a></li>
1427                                        </ul>
1428                                    </li>
1429                                    <li class="childbox_list__item">
1430                                        <a class="childbox_list__item_link" href="https://m-hands.net/service/dental/">歯科サイト制作・マーケティング支援</a>
1431                                    </li>
1432                                    <li class="childbox_list__item">
1433                                        <a class="childbox_list__item_link" href="https://m-hands.net/service/design/">デザイン制作</a>
1434                                    </li>
1435                                    <li class="childbox_list__item">
1436                                        <a class="childbox_list__item_link" href="https://m-hands.net/blog/4356/">通販コンサルティング</a>
1437                                    </li>
1438                                </ul>
1439                            </li>
1440                            <li class="menubox_list__item childbox">
1441                                <p class="menubox_list__item_link">
1442                                    <span class="jp">会社情報</span>
1443                                    <span class="en">Company</span>
1444                                </p>
1445                                <ul class="childbox_list">
1446                                    <li class="childbox_list__item">
1447                                        <a class="childbox_list__item_link" href="https://m-hands.net/corporate/#sec-outline">会社概要</a>
1448                                    </li>
1449                                    <li class="childbox_list__item">
1450                                        <a class="childbox_list__item_link" href="https://m-hands.net/corporate/#sec-range">対応領域</a>
1451                                    </li>
1452                                    <li class="childbox_list__item">
1453                                        <a class="childbox_list__item_link" href="https://m-hands.net/corporate/#sec-policy">マザーハンズの指針</a>
1454                                    </li>
1455                                    <li class="childbox_list__item">
1456                                        <a class="childbox_list__item_link" href="https://m-hands.net/corporate/#sec-message">代表挨拶</a>
1457                                    </li>
1458                                </ul>
1459                            </li>
1460                            <li class="menubox_list__item">
1461                                <a href="https://m-hands.net/works/" class="menubox_list__item_link">
1462                                    <span class="jp">実績事例</span>
1463                                    <span class="en">Works</span>
1464                                </a>
1465                            </li>
1466                            <li class="menubox_list__item">
1467                                <a href="https://m-hands.net/blog/" class="menubox_list__item_link">
1468                                    <span class="jp">コラム</span>
1469                                    <span class="en">Column</span>
1470                                </a>
1471                            </li>
1472                            <li class="menubox_list__item">
1473                                <a href="https://m-hands.net/blog/4354/" class="menubox_list__item_link">
1474                                    <span class="jp">採用情報</span>
1475                                    <span class="en">Recruit</span>
1476                                </a>
1477                            </li>
1478                            <li class="menubox_list__item">
1479                                <a href="https://m-hands.net/contact/" class="menubox_list__item_link">
1480                                    <span class="jp">資料請求</span>
1481                                    <span class="en">Request for information</span>
1482                                </a>
1483                            </li>
1484                        </ul>
1485                    </div>
1486                    <div class="menubox_right">
1487                        <div class="menubox_otherbox pc_only">
1488                            <a href="https://m-hands.net/contact/" class="menubox_otherbox__item">
1489                                <div class="menubox_otherbox__item_top">
1490                                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-mail.webp" alt="Webフォームでのご相談">
1491                                    <span>Webフォームでのご相談</span>
1492                                </div>
1493                                <p class="maintxt en">Contact</p>
1494                                <span class="arrow"></span>
1495                            </a>
1496                            <a href="tel:05037080206" class="menubox_otherbox__item">
1497                                <div class="menubox_otherbox__item_top">
1498                                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-phone.webp" alt="お電話でのご相談">
1499                                    <span>お電話でのご相談</span>
1500                                </div>
1501                                <p class="maintxt en">050-3708-0206</p>
1502                                <span class="arrow"></span>
1503                            </a>
1504                            <a href="https://m-hands.net/contact/" class="menubox_otherbox__item">
1505                                <div class="menubox_otherbox__item_top">
1506                                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-download.webp" alt="資料請求・ダウンロード">
1507                                    <span>資料請求・ダウンロード</span>
1508                                </div>
1509                                <p class="maintxt en">Download</p>
1510                                <span class="arrow"></span>
1511                            </a>
1512                        </div>
1513                        <div class="menubox_right_midbox">
1514                            <div class="linkbtn">
1515                                <a href="https://m-hands.net/blog/4355/"><span>Webなんでも相談</span></a>
1516                            </div>
1517                            <div class="linkbtn">
1518                                <a href="https://m-hands.net/service/webconsalting/analys/"><span>無料サイト分析</span></a>
1519                            </div>
1520                        </div>
1521                        <div class="menubox_right_bottom">
1522                            <picture>
1523                                <source media="(max-width:768px)" srcset="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/logo-white.webp">
1524                                <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/logo-mark.webp" alt="マザーハンズ株式会社 Logo">
1525                            </picture>
1526                            <p class="txt">あなたの会社の外部広報室<br>Web戦略を相談するならマザーハンズ</p>
1527                        </div>
1528                    </div>
1529                </div>
1530            </div>
1531        </div>
1532<main class="main main--subpage slug-blog-single">
1533	<header class="pgttl">
1534		<div class="s-wrap">
1535			<div class="pgttl__en"><span class="anim-slide-in-order js-animate">Column</span></div>
1536			<p class="pgttl__ja anim-fade-in js-animate">コラム</p>
1537		</div>
1538	</header>
1539
1540	<div class="breadcrumb anim-fade-in-up-small js-animate">
1541		<ol class="s-wrap" itemscope itemtype="http://schema.org/BreadcrumbList">
1542			<li class="breadcrumb__item" itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
1543				<a itemprop="item" href="https://m-hands.net"><span itemprop="name">トップ</span></a>
1544				<meta itemprop="position" content="1">
1545			</li>
1546			<li class="breadcrumb__item" itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
1547				<a itemprop="item" href="https://m-hands.net/blog/"><span itemprop="name">コラム</span></a>
1548				<meta itemprop="position" content="2">
1549			</li>
1550			<li class="breadcrumb__item breadcrumb__item--self" itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
1551				<a itemprop="item" tabindex="-1" aria-current="location" href="https://m-hands.net/blog/4356/">
1552					<span itemprop="name">通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</span></a>
1553				<meta itemprop="position" content="3">
1554			</li>
1555		</ol>
1556	</div>
1557
1558	<section class="post-row post-single">
1559		<div class="post-row__main">
1560										<header class="post-single__header">
1561				<h1 class="post-single__title">通販コンサルティング|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</h1>
1562								<div class="post-single__thumb">
1563					<img width="1536" height="1025" src="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-1536x1025.jpeg" class="attachment-1536x1536 size-1536x1536 wp-post-image" alt="通販コンサルティング 通販ページ 運用 Shopify" decoding="async" fetchpriority="high" srcset="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-1536x1025.jpeg 1536w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-300x200.jpeg 300w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-1024x683.jpeg 1024
1563w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-768x512.jpeg 768w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1-scaled-1-2048x1366.jpeg 2048w" sizes="(max-width: 1536px) 100vw, 1536px" />				</div>
1564								<div class="p-column__item_info">
1565										<ul class="post-single__cats">
1566												<li>
1567							<a href="https://m-hands.net/category/%e9%80%9a%e8%b2%a9%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">
1568								<span class="itemcategory">通販コンサルティング</span>
1569							</a>
1570						</li>
1571											</ul>
1572										<div class="post-single__time-wrap">
1573						<div class="edit_date itembox">
1574							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-edit.webp" alt="">
1575							<span><time datetime="2025-06-26T13:51:23+09:00">2025.06.26</time></span>
1576						</div>
1577						<div class="update itembox">
1578							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-update.webp" alt="">
1579							<span><time datetime="2025-07-18T14:05:13+09:00">2025.07.18</time></span>
1580						</div>
1581					</div>
1582				</div>
1583			</header>
1584			<div class="post-single__content" itemprop="articleBody">
1585				<div class='heateorSssClear'></div><div style="float:right" class='heateor_sss_sharing_container heateor_sss_horizontal_sharing' data-heateor-sss-href='https://m-hands.net/blog/4356/'><div class='heateor_sss_sharing_title' style="font-weight:bold" ></div><div class="heateor_sss_sharing_ul"><a aria-label="Facebook" class="heateor_sss_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Facebook" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg" style="background-color:#0765FE;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="#fff" d="M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z"></path></svg></span></a><a aria-label="Twitter" class="heateor_sss_button_twitter" href="https://twitter.com/intent/tweet?text=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB&url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Twitter" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_twitter" style="background-color:#55acee;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="-4 -4 39 39"><path d="M28 8.557a9.913 9.913 0 0 1-2.828.775 4.93 4.93 0 0 0 2.166-2.725 9.738 9.738 0 0 1-3.13 1.194 4.92 4.92 0 0 0-3.593-1.55 4.924 4.924 0 0 0-4.794 6.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942 4.942 0 0 0-.665 2.477c0 1.71.87 3.214 2.19 4.1a4.968 4.968 0 0 1-2.23-.616v.06c0 2.39 1.7 4.38 3.952 4.83-.414.115-.85.174-1.297.174-.318 0-.626-.03-.928-.086a4.935 4.935 0 0 0 4.6 3.42 9.893 9.893 0 0 1-6.114 2.107c-.398 0-.79
1585-.023-1.175-.068a13.953 13.953 0 0 0 7.55 2.213c9.056 0 14.01-7.507 14.01-14.013 0-.213-.005-.426-.015-.637.96-.695 1.795-1.56 2.455-2.55z" fill="#fff"></path></svg></span></a><a target="_blank" aria-label="Line" class="heateor_sss_button_line" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Line" rel="noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_line" style="background-color:#00c300;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="#fff" d="M28 14.304c0-5.37-5.384-9.738-12-9.738S4 8.936 4 14.304c0 4.814 4.27 8.846 10.035 9.608.39.084.923.258 1.058.592.122.303.08.778.04 1.084l-.172 1.028c-.05.303-.24 1.187 1.04.647s6.91-4.07 9.43-6.968c1.737-1.905 2.57-3.842 2.57-5.99zM11.302 17.5H8.918c-.347 0-.63-.283-.63-.63V12.1c0-.346.283-.628.63-.628.348 0 .63.283.63.63v4.14h1.754c.35 0 .63.28.63.628 0 .347-.282.63-.63.63zm2.467-.63c0 .347-.284.628-.63.628-.348 0-.63-.282-.63-.63V12.1c0-.347.282-.63.63-.63.346 0 .63.284.63.63v4.77zm5.74 0c0 .27-.175.51-.433.596-.065.02-.132.032-.2.032-.195 0-.384-.094-.502-.25l-2.443-3.33v2.95c0 .35-.282.63-.63.63-.347 0-.63-.282-.63-.63V12.1c0-.27.174-.51.43-.597.066-.02.134-.033.2-.033.197 0 .386.094.503.252l2.444 3.328V12.1c0-.347.282-.63.63-.63.346 0 .63.284.63.63v4.77zm3.855-3.014c.348 0 .63.282.63.63 0 .346-.282.628-.63.628H21.61v1.126h1.755c.348 0 .63.282.63.63 0 .347-.282.628-.63.628H20.98c-.345 0-.628-.282-.628-.63v-4.766c0-.346.283-.628.63-.628h2.384c.348 0 .63.283.63.63 0 .346-.282.628-.63.628h-1.754v1.126h1.754z"/></svg></span></a><a aria-label="Hatena" class="heateor_sss_button_hatena" href="https://b.hatena.ne.jp/bookmarklet?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F&btitle=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB" title="Hatena" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_hatena" style="background-color:#00a6db;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><g fill="#fff"><path d="M6.96 8.33h7.328c1.247 0 2.206.366 2.875 1.098.666.733 1.002 1.64 1.002 2.72 0 .91-.24 1.688-.715 2.336-.318.433-.784.773-1.396 1.023.928.266 1.614.72 2.05 1.367.44.645.66 1.457.66 2.432 0 .795-.157 1.512-.468 2.146-.314.635-.74 1.14-1.28 1.508-.337.23-.842.396-1.52.502-.9.14-1.498.21-1.79.21H6.958V8.328zm3.877 6.017h1.74c.623 0 1.058-.13 1.302-.382.24-.255.364-.623.364-1.104 0-.442-.123-.793-.366-1.045-.245-.25-.67-.377-1.276-.377h-1.767v2.91zm0 6.027h2.038c.69 0 1.176-.145 1.458-.434.282-.29.425-.68.425-1.168 0-.453-.142-.818-.42-1.092-.28-.277-.77-.414-1.47-.414h-2.03v3.108zM21.213 8.52h3.584v9.58h-3.584z"/><circle cx="23.005" cy="21.635" r="2.036"/></g></svg></span></a><a aria-label="Pocket" class="heateor_sss_button_pocket" href="https://getpocket.com/edit?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F&t
1585itle=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB" title="Pocket" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg aheateor_sss_s__default heateor_sss_s_pocket" style="background-color:#ee4056;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 -1 32 32"><path fill="#fff" d="M16.005 6.244c2.927 0 5.854-.002 8.782 0 1.396.002 2.195.78 2.188 2.165-.015 2.485.116 4.987-.11 7.456-.75 8.204-10.027 12.607-16.91 8.064-3.086-2.036-4.82-4.925-4.917-8.672-.06-2.34-.034-4.684-.018-7.025.008-1.214.812-1.98 2.056-1.983 2.975-.01 5.952-.004 8.93-.006zm-5.037 5.483c-.867.093-1.365.396-1.62 1.025-.27.67-.078 1.256.417 1.732 1.688 1.62 3.378 3.238 5.09 4.838.745.695 1.537.687 2.278-.01 1.654-1.55 3.298-3.112 4.93-4.686.827-.797.91-1.714.252-2.38-.694-.704-1.583-.647-2.447.17-1.097 1.04-2.215 2.06-3.266 3.143-.485.494-.77.434-1.227-.025-1.1-1.107-2.234-2.18-3.39-3.225-.325-.29-.77-.447-1.017-.583z"></path></svg></span></a></div><div class="heateorSssClear"></div></div><div class='heateorSssClear'></div><br/><p data-start="129" data-end="273">近年、EC(電子商取引)市場の拡大により、通販ビジネスを始める企業や個人が急増しています。しかし、ただオンラインショップを作っただけでは売上は伸びません。競合がひしめくEC業界で成果を上げるには、戦略的な設計と運営が不可欠です。そこで注目されているのが「通販コンサルティング」の存在です。</p>
1586<p data-start="275" data-end="352">本コラムでは、通販コンサルティングの役割や具体的な支援内容、そして注目の「Shopify構築」や「通販ページ構築」について、わかりやすく解説していきます。</p>
1587<hr data-start="354" data-end="357" />
1588<div id="toc_container" role="navigation" aria-label="Table of Contents" data-nosnippet class="no_bullets toc_numbered toc_title_center"><p class="toc_title">目次</p><ul class="toc_list"><li><a href="#i"><span class="toc_number toc_depth_1">1.</span> 通販コンサルティングとは?</a></li><li><a href="#i-2"><span class="toc_number toc_depth_1">2.</span> なぜ通販ビジネスにコンサルティングが必要なのか?</a></li><li><a href="#Shopify"><span class="toc_number toc_depth_1">3.</span> Shopify構築はなぜ注目されているのか?</a><ul><li><a href="#1"><span class="toc_number toc_depth_2">3.1.</span> 1. グローバルで信頼される安定性</a></li><li><a href="#2"><span class="toc_number toc_depth_2">3.2.</span> 2. デザイン自由度と拡張性</a></li><li><a href="#3"><span class="toc_number toc_depth_2">3.3.</span> 3. マルチチャネル販売対応</a></li><li><a href="#4"><span class="toc_number toc_depth_2">3.4.</span> 4. 豊富なアプリで機能拡張が可能</a></li></ul></li><li><a href="#i-3"><span class="toc_number toc_depth_1">4.</span> 通販ページ構築のポイントとは?</a><ul><li><a href="#1-2"><span class="toc_number toc_depth_2">4.1.</span> 1. 商品画像の質</a></li><li><a href="#2-2"><span class="toc_number toc_depth_2">4.2.</span> 2. 商品説明の説得力</a></li><li><a href="#3_CTA"><span class="toc_number toc_depth_2">4.3.</span> 3. CTA(購入ボタン)の配置</a></li><li><a href="#4-2"><span class="toc_number toc_depth_2">4.4.</span>
1588 4. レビューや実績の掲載</a></li><li><a href="#5"><span class="toc_number toc_depth_2">4.5.</span> 5. スマホ対応(レスポンシブ)</a></li></ul></li><li><a href="#i-4"><span class="toc_number toc_depth_1">5.</span> こんな方におすすめ|通販コンサルティングの活用シーン</a></li><li><a href="#EC"><span class="toc_number toc_depth_1">6.</span> まとめ:成功するECの裏側には、戦略がある</a></li></ul></div>
1589<h2 data-start="359" data-end="375"><span id="i">通販コンサルティングとは?</span></h2>
1590<p data-start="377" data-end="487">通販コンサルティングとは、オンラインでの商品販売に関するあらゆる業務を戦略的にサポートする専門的なサービスです。対象は新規EC立ち上げから既存サイトの売上改善まで多岐にわたります。具体的な支援内容は以下のようなものです。</p>
1591<ul data-start="489" data-end="619">
1592<li data-start="489" data-end="537">
1593<p data-start="491" data-end="537">商材に合ったECプラットフォームの選定(例:Shopify、BASE、MakeShopなど)</p>
1594</li>
1595<li data-start="538" data-end="555">
1596<p data-start="540" data-end="555">ターゲット設定と販売戦略の立案</p>
1597</li>
1598<li data-start="556" data-end="572">
1599<p data-start="558" data-end="572">通販ページ構築・デザイン改善</p>
1600</li>
1601<li data-start="573" data-end="591">
1602<p data-start="575" data-end="591">SEO対策やSNS広告運用の支援</p>
1603</li>
1604<li data-start="592" data-end="619">
1605<p data-start="594" data-end="619">カート離脱率の改善とCVR(コンバージョン率)向上</p>
1606</li>
1607</ul>
1608<p data-start="621" data-end="674">コンサルタントは通販に関するノウハウを豊富に持ち、クライアントの状況や目標に応じて最適な施策を提案します。</p>
1609<hr data-start="676" data-end="679" />
1610<h2 data-start="681" data-end="708"><span id="i-2">なぜ通販ビジネスにコンサルティングが必要なのか?</span></h2>
1611<p data-start="710" data-end="782">「ネットショップは誰でも簡単に作れる時代」と言われますが、作っただけでは売れないのが現実です。通販に関するよくある悩みとして以下が挙げられます。</p>
1612<ul data-start="784" data-end="858">
1613<li data-start="784" data-end="797">
1614<p data-start="786" data-end="797">広告を出しても売れない</p>
1615</li>
1616<li data-start="798" data-end="823">
1617<p data-start="800" data-end="823">商品ページのアクセス数はあるが購入に繋がらない</p>
1618</li>
1619<li data-start="824" data-end="836">
1620<p data-start="826" data-end="836">リピーターが増えない</p>
1621</li>
1622<li data-start="837" data-end="858">
1623<p data-start="839" data-end="858">楽天やAmazonだけに頼りすぎている</p>
1624</li>
1625</ul>
1626<p data-start="860" data-end="925">これらの課題は、商品力だけでは解決できません。ユーザー導線、ページの見せ方、価格設計、ファン育成など、総合的な通販設計が必要です。</p>
1627<p data-start="927" data-end="983">通販コンサルティングでは、これらの課題に対し、プロの視点から分析と改善策を提示し、持続的な売上成長を支援します。</p>
1628<hr data-start="985" data-end="988" />
1629<h2 data-start="990" data-end="1015"><span id="Shopify">Shopify構築はなぜ注目されているのか?</span></h2>
1630<p data-start="1017" data-end="1123">ECサイト構築プラットフォームとして、現在最も注目されているのが「Shopify(ショッピファイ)」です。Shopify構築は通販コンサルティングの現場でも多くの案件で採用されています。その理由は以下の通りです。</p>
1631<h3 data-start="1125" data-end="1146"><span id="1">1. グローバルで信頼される安定性</span></h3>
1632<p data-start="1148" data-end="1241">Shopifyは世界175カ国以上、170万以上のショップで利用されており、システムの安定性・セキュリティは非常に高いです。特に独自ドメインでブランド展開を考えている事業者には最適です。</p>
1633<h3 data-start="1243" data-end="1261"><span id="2">2. デザイン自由度と拡張性</span></h3>
1634<p data-start="1263" data-end="1350">テンプレートを活用しながら、HTMLやLiquidというテンプレート言語を使えば、独自の通販ページ構築も可能です。カスタマイズ性の高さは、企業のブランディングにも貢献します。</p>
1635<h3 data-start="1352" data-end="1370"><span id="3">3. マルチチャネル販売対応</span></h3>
1636<p data-start="1372" data-end="1446">Shopifyでは、自社サイトだけでなくInstagramやFacebook、Googleショッピングなど多彩なチャネルで販売を行うことができます。</p>
1637<h3 data-start="1448" data-end="1469"><span id="4">4. 豊富なアプリで機能拡張が可能</span></h3>
1638<p data-start="1471" data-end="1520">クーポン機能やレビュー管理、在庫管理、CRMなど、数千種類のアプリを自由に導入できる点も魅力です。</p>
1639<p data-start="1522" data-end="1585">通販コンサルティングの中でも、Shopify構築は今やスタンダードな選択肢となっており、店舗規模の大小を問わず対応が可能です。</p>
1640<hr data-start="1587" data-end="1590" />
1641<h2 data-start="1592" data-end="1610"><span id="i-3">通販ページ構築のポイントとは?</span></h2>
1642<p data-start="1612" data-end="1675">商品が良くても、通販ページの設計が不十分だと売上にはつながりません。以下は通販ページ構築の際に重要となる基本的なポイントです。</p>
1643<h3 data-start="1677" data-end="1690"><span id="1-2">
16431. 商品画像の質</span></h3>
1644<p data-start="1692" data-end="1756">第一印象を左右するのは、やはり画像です。複数の角度、利用シーン、拡大画像などを用意し、購入者の「不安」を解消する工夫が必要です。</p>
1645<h3 data-start="1758" data-end="1773"><span id="2-2">2. 商品説明の説得力</span></h3>
1646<p data-start="1775" data-end="1840">スペックだけでなく、「どんな悩みに効くのか」「どんな人に向いているのか」を丁寧に言語化しましょう。感情に訴えるコピーも効果的です。</p>
1647<h3 data-start="1842" data-end="1862"><span id="3_CTA">3. CTA(購入ボタン)の配置</span></h3>
1648<p data-start="1864" data-end="1937">購入ボタンの色、サイズ、配置位置はCVRに大きく影響します。スクロールしなくても見える位置に配置するなど、購入導線を最適化することが求められます。</p>
1649<h3 data-start="1939" data-end="1956"><span id="4-2">4. レビューや実績の掲載</span></h3>
1650<p data-start="1958" data-end="2005">社会的証明の要素として、レビューやランキング実績、メディア掲載歴などは積極的に掲載しましょう。</p>
1651<h3 data-start="2007" data-end="2027"><span id="5">5. スマホ対応(レスポンシブ)</span></h3>
1652<p data-start="2029" data-end="2085">現在のEC利用者の大多数はスマートフォンユーザーです。PCで作ったデザインがスマホで崩れていないかも必ず確認を。</p>
1653<p data-start="2087" data-end="2139">通販コンサルティングでは、これらのポイントをチェックリスト化し、実際の通販ページ構築・改善を支援します。</p>
1654<hr data-start="2141" data-end="2144" />
1655<h2 data-start="2146" data-end="2175"><span id="i-4">こんな方におすすめ|通販コンサルティングの活用シーン</span></h2>
1656<ul data-start="2177" data-end="2309">
1657<li data-start="2177" data-end="2205">
1658<p data-start="2179" data-end="2205">Shopifyを使って新たに通販サイトを立ち上げたい</p>
1659</li>
1660<li data-start="2206" data-end="2232">
1661<p data-start="2208" data-end="2232">楽天やAmazonから自社ECサイトに移行したい</p>
1662</li>
1663<li data-start="2233" data-end="2259">
1664<p data-start="2235" data-end="2259">売上が伸び悩んでいて、何を改善すべきかわからない</p>
1665</li>
1666<li data-start="2260" data-end="2285">
1667<p data-start="2262" data-end="2285">デザイン会社に依頼したけれど、結果が出なかった</p>
1668</li>
1669<li data-start="2286" data-end="2309">
1670<p data-start="2288" data-end="2309">広告の費用対効果が見えず、不安を感じている</p>
1671</li>
1672</ul>
1673<p data-start="2311" data-end="2385">通販コンサルタントは、事業者の立場に立って課題を可視化し、改善に向けた具体的な道筋を示してくれます。まさに「通販のかかりつけ医」とも言える存在です。</p>
1674<hr data-start="2387" data-end="2390" />
1675<h2 data-start="2392" data-end="2416"><span id="EC">まとめ:成功するECの裏側には、戦略がある</span></h2>
1676<p data-start="2418" data-end="2505">通販ビジネスは、ただショップを作るだけでは成功しません。Shopify構築の段階からしっかりと戦略を立て、通販ページ構築の細部にまでこだわることで、初めて成果に結びつきます。</p>
1677<p data-start="2507" data-end="2609">「今から始めても遅くないのだろうか」と不安に感じる方も、まずは通販コンサルティングを受けることからスタートしてみてください。現状を客観的に分析し、最短ルートでの売上向上を目指すための第一歩となるはずです。</p>
1678<br/><div class='heateorSssClear'></div><div style="float:right" class='heateor_sss_sharing_container heateor_sss_horizontal_sharing' data-heateor-sss-href='https://m-hands.net/blog/4356/'><div class='heateor_sss_sharing_title' style="font-weight:bold" ></div><div class="heateor_sss_sharing_ul"><a aria-label="Facebook" class="heateor_sss_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Facebook" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg" style="background-color:#0765FE;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
1678ox="0 0 32 32"><path fill="#fff" d="M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z"></path></svg></span></a><a aria-label="Twitter" class="heateor_sss_button_twitter" href="https://twitter.com/intent/tweet?text=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB&url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Twitter" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_twitter" style="background-color:#55acee;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="-4 -4 39 39"><path d="M28 8.557a9.913 9.913 0 0 1-2.828.775 4.93 4.93 0 0 0 2.166-2.725 9.738 9.738 0 0 1-3.13 1.194 4.92 4.92 0 0 0-3.593-1.55 4.924 4.924 0 0 0-4.794 6.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942 4.942 0 0 0-.665 2.477c0 1.71.87 3.214 2.19 4.1a4.968 4.968 0 0 1-2.23-.616v.06c0 2.39 1.7 4.38 3.952 4.83-.414.115-.85.174-1.297.174-.318 0-.626-.03-.928-.086a4.935 4.935 0 0 0 4.6 3.42 9.893 9.893 0 0 1-6.114 2.107c-.398 0-.79-.023-1.175-.068a13.953 13.953 0 0 0 7.55 2.213c9.056 0 14.01-7.507 14.01-14.013 0-.213-.005-.426-.015-.637.96-.695 1.795-1.56 2.455-2.55z" fill="#fff"></path></svg></span></a><a target="_blank" aria-label="Line" class="heateor_sss_button_line" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F" title="Line" rel="noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_line" style="background-color:#00c300;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="#fff" d="M28 14.304c0-5.37-5.384-9.738-12-9.738S4 8.936 4 14.304c0 4.814 4.27 8.846 10.035 9.608.39.084.923.258 1.058.592.122.303.08.778.04 1.084l-.172 1.028c-.05.303-.24 1.187 1.04.647s6.91-4.07 9.43-6.968c1.737-1.905 2.57-3.842 2.57-5.99zM11.302 17.5H8.918c-.347 0-.63-.283-.63-.63V12.1c0-.346.283-.628.63-.628.348 0 .63.283.63.63v4.14h1.754c.35 0 .63.28.63.628 0 .347-.282.63-.63.63zm2.467-.63c0 .347-.284.628-.63.628-.348 0-.63-.282-.63-.63V12.1c0-.347.282-.63.63-.63.346 0 .63.284.63.63v4.77zm5.74 0c0 .27-.175.51-.433.596-.065.02-.132.032-.2.032-.195 0-.384-.094-.502-.25l-2.443-3.33v2.95c0 .35-.282.63-.63.63-.347 0-.63-.282-.63-.63V12.1c0-.27.174-.51.43-.597.066-.02.134-.033.2-.033.197 0 .386.094.503.252l2.444 3.328V12.1c0-.347.282-.63.63-.63.346 0 .63.284.63.63v4.77zm3.855-3.014c.348 0 .63.282.63.63 0 .346-.282.628-.63.628H21.61v1.126h1.755c.348 0 .63.282.63.63 0 .347-.282.628-.63.628H20.98c-.345 0-.628-.282-.628-.63v-4.766c0-.346.283-.628.63-.628h2.384c.348 0 .63.283.63.63 0 .346-.282.628-.63.628h-1.754v1.126h1.754z"/></svg></span></a><a aria-label="Hatena" class="heateor_sss_button_hatena" href="https://b.hatena.ne.jp/bookmarklet?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F&btitle=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB" title="Hatena" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg heateor_sss_s__default heateor_sss_s_hatena" style="background-color:#00a6db;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
1678ox="0 0 32 32"><g fill="#fff"><path d="M6.96 8.33h7.328c1.247 0 2.206.366 2.875 1.098.666.733 1.002 1.64 1.002 2.72 0 .91-.24 1.688-.715 2.336-.318.433-.784.773-1.396 1.023.928.266 1.614.72 2.05 1.367.44.645.66 1.457.66 2.432 0 .795-.157 1.512-.468 2.146-.314.635-.74 1.14-1.28 1.508-.337.23-.842.396-1.52.502-.9.14-1.498.21-1.79.21H6.958V8.328zm3.877 6.017h1.74c.623 0 1.058-.13 1.302-.382.24-.255.364-.623.364-1.104 0-.442-.123-.793-.366-1.045-.245-.25-.67-.377-1.276-.377h-1.767v2.91zm0 6.027h2.038c.69 0 1.176-.145 1.458-.434.282-.29.425-.68.425-1.168 0-.453-.142-.818-.42-1.092-.28-.277-.77-.414-1.47-.414h-2.03v3.108zM21.213 8.52h3.584v9.58h-3.584z"/><circle cx="23.005" cy="21.635" r="2.036"/></g></svg></span></a><a aria-label="Pocket" class="heateor_sss_button_pocket" href="https://getpocket.com/edit?url=https%3A%2F%2Fm-hands.net%2Fblog%2F4356%2F&title=%E9%80%9A%E8%B2%A9%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BD%9C%E3%83%9E%E3%82%B6%E3%83%BC%E3%83%8F%E3%83%B3%E3%82%BA%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%EF%BD%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%BB%E9%9B%86%E5%AE%A2%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB" title="Pocket" rel="nofollow noopener" target="_blank" style="font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle"><span class="heateor_sss_svg aheateor_sss_s__default heateor_sss_s_pocket" style="background-color:#ee4056;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box"><svg style="display:block;border-radius:999px;" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 -1 32 32"><path fill="#fff" d="M16.005 6.244c2.927 0 5.854-.002 8.782 0 1.396.002 2.195.78 2.188 2.165-.015 2.485.116 4.987-.11 7.456-.75 8.204-10.027 12.607-16.91 8.064-3.086-2.036-4.82-4.925-4.917-8.672-.06-2.34-.034-4.684-.018-7.025.008-1.214.812-1.98 2.056-1.983 2.975-.01 5.952-.004 8.93-.006zm-5.037 5.483c-.867.093-1.365.396-1.62 1.025-.27.67-.078 1.256.417 1.732 1.688 1.62 3.378 3.238 5.09 4.838.745.695 1.537.687 2.278-.01 1.654-1.55 3.298-3.112 4.93-4.686.827-.797.91-1.714.252-2.38-.694-.704-1.583-.647-2.447.17-1.097 1.04-2.215 2.06-3.266 3.143-.485.494-.77.434-1.227-.025-1.1-1.107-2.234-2.18-3.39-3.225-.325-.29-.77-.447-1.017-.583z"></path></svg></span></a></div><div class="heateorSssClear"></div></div><div class='heateorSssClear'></div>			</div>
1679
1680			
1681			<div class="post-prevnext anim-fade-in-up js-animate">
1682				<div class="post-prevnext__prev">
1683					<a href="https://m-hands.net/blog/4355/" rel="prev"></a>				</div>
1684				<div class="post-prevnext__link">
1685					<div class="linkbtn">
1686						<a href="https://m-hands.net/blog/"><span>一覧に戻る</span></a>
1687					</div>
1688				</div>
1689				<div class="post-prevnext__next">
1690					<a href="https://m-hands.net/blog/4357/" rel="next"></a>				</div>
1691			</div>
1692
1693			
1694		</div>
1695		<div class="post-sidebar">
1696			<h3 class="post-sidebar__hl s-hl-short-bdr">Tag</h3>
1697<ul class="s-tags">
1698			<li class="s-tags__tag">
1699		<a href="https://m-hands.net/tag/web%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#WEBマーケティング</a>
1700	</li>
1701		<li class="s-tags__tag">
1702		<a href="https://m-hands.net/tag/seo/">#SEO</a>
1703	</li>
1704		<li class="s-tags__tag">
1705		<a href="https://m-hands.net/tag/%e9%9b%86%e5%ae%a2/">#集客</a>
1706	</li>
1707		<li class="s-tags__tag">
1708		<a href="https://m-hands.net/tag/web%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#Webコンサルティング</a>
1709	</li>
1710		<li class="s-tags__tag">
1711		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e5%88%b6%e4%bd%9c/">#ホームページ制作</a>
1712	</li>
1713		<li class="s-tags__tag">
1714		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6web%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#広島Webマーケティング</a>
1715	</li>
1716		<li class="s-tags__tag">
1717		<a href="https://m-hands.net/tag/%e3%83%9e%e3%82%b6%e3%83%bc%e3%83%8f%e3%83%b3%e3%82%ba/">#マザーハンズ</a>
1718	</li>
1719		<li class="s-tags__tag">
1720		<a href="https://m-hands.net/tag/seo%e5%af%be%e7%ad%96/">#SEO対策</a>
1721	</li>
1722		<li class="s-tags__tag">
1723		<a href="https://m-hands.net/tag/web%e3%82%b5%e3%82%a4%e3%83%88%e5%88%b6%e4%bd%9c/">#Webサイト制作</a>
1724	</li>
1725		<li class="s-tags__tag">
1726		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#コンテンツマーケティング</a>
1727	</li>
1728		<li class="s-tags__tag">
1729		<a href="https://m-hands.net/tag/btob/">#BtoB</a>
1730	</li>
1731		<li class="s-tags__tag">
1732		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84seo/">#コンテンツSEO</a>
1733	</li>
1734		<li class="s-tags__tag">
1735		<a href="https://m-hands.net/tag/web%e5%88%b6%e4%bd%9c/">#WEB制作</a>
1736	</li>
1737		<li class="s-tags__tag">
1738		<a href="https://m-hands.net/tag/%e8%a8%aa%e5%95%8f%e7%90%86%e7%be%8e%e5%ae%b9/">#訪問理美容</a>
1739	</li>
1740		<li class="s-tags__tag">
1741		<a href="https://m-hands.net/tag/%e3%83%a9%e3%83%b3%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%83%9a%e3%83%bc%e3%82%b8/">#ランディングページ</a>
1742	</li>
1743		<li class="s-tags__tag">
1744		<a href="https://m-hands.net/tag/%e9%9b%86%e6%82%a3/">#集患</a>
1745	</li>
1746		<li class="s-tags__tag">
1747		<a href="https://m-hands.net/tag/e-e-a-t/">#E-E-A-T</a>
1748	</li>
1749		<li class="s-tags__tag">
1750		<a href="https://m-hands.net/tag/meo/">#MEO</a>
1751	</li>
1752		<li class="s-tags__tag">
1753		<a href="https://m-hands.net/tag/google%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e3%83%97%e3%83%ad%e3%83%95%e3%82%a3%e3%83%bc%e3%83%ab/">#Googleビジネスプロフィール</a>
1754	</li>
1755		<li class="s-tags__tag">
1756		<a href="https://m-hands.net/tag/ai-overviews/">#AI Overviews</a>
1757	</li>
1758		<li class="s-tags__tag">
1759		<a href="https://m-hands.net/tag/%e3%83%aa%e3%82%b9%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e5%ba%83%e5%91%8a/">#リスティング広告</a>
1760	</li>
1761		<li class="s-tags__tag">
1762		<a href="https://m-hands.net/tag/%e6%ad%af%e7%a7%91%e3%81%aeweb%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#歯科のWEBマーケティング</a>
1763	</li>
1764		<li class="s-tags__tag">
1765		<a href="https://m-hands.net/tag/%e6%ad%af%e7%a7%91%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#歯科マーケティング</a>
1766	</li>
1767		<li class="s-tags__tag">
1768		<a href="https://m-hands.net/tag/%e9%9b%86%e6%82%a3%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#集患マーケティング</a>
1769	</li>
1770		<li class="s-tags__tag">
1771		<a href="https://m-hands.net/tag/%e3%83%aa%e3%83%bc%e3%83%89%e3%83%8a%e3%83%bc%e3%83%81%e3%83%a3%e3%83%aa%e3%83%b3%e3%82%b0/">#リードナーチャリング</a>
1772	</li>
1773		<li class="s-tags__tag">
1774		<a href="https://m-hands.net/tag/ai%e6%a4%9c%e7%b4%a2/">#AI検索</a>
1775	</li>
1776		<li class="s-tags__tag">
1777		<a href="https://m-hands.net/tag/btob%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#BtoBマーケティング</a>
1778	</li>
1779		<li class="s-tags__tag">
1780		<a href="https://m-hands.net/tag/%e8%a8%aa%e5%95%8f%e3%83%98%e3%82%a2%e3%82%ab%e3%83%83%e3%83%88/">#訪問ヘアカット</a>
1781	</li>
1782		<li class="s-tags__tag">
1783		<a href="https://m-hands.net/tag/%e8%a8%aa%e5%95%8f%e3%83%8d%e3%82%a4%e3%83%ab/">#訪問ネイル</a>
1784	</li>
1785		<li class="s-tags__tag">
1786		<a href="https://m-hands.net/tag/%e5%9f%ba%e7%a4%8e%e7%9f%a5%e8%ad%98/">#基礎知識</a>
1787	</li>
1788		<li class="s-tags__tag">
1789		<a href="https://m-hands.net/tag/%e5%8b%95%e7%94%bb%e5%88%b6%e4%bd%9c/">#動画制作</a>
1790	</li>
1791		<li class="s-tags__tag">
1792		<a href="https://m-hands.net/tag/lp/">#LP</a>
1793	</li>
1794		<li class="s-tags__tag">
1795		<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#通販コンサルティング</a>
1796	</li>
1797		<li class="s-tags__tag">
1798		<a href="https://m-hands.net/tag/sns%e5%ba%83%e5%91%8a/">#SNS広告</a>
1799	</li>
1800		<li class="s-tags__tag">
1801		<a href="https://m-hands.net/tag/sns%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#SNS広告運用代行</a>
1802	</li>
1803		<li class="s-tags__tag">
1804		<a href="https://m-hands.net/tag/%e5%a3%ab%e6%a5%ad%e3%81%aeseo%e5%af%be%e7%ad%96/">#士業のSEO対策</a>
1805	</li>
1806		<li class="s-tags__tag">
1807		<a href="https://m-hands.net/tag/%e3%83%8a%e3%83%bc%e3%83%81%e3%83%a3%e3%83%aa%e3%83%b3%e3%82%b0/">#ナーチャリング</a>
1808	</li>
1809		<li class="s-tags__tag">
1810		<a href="https://m-hands.net/tag/%e5%8c%bb%e7%99%82%e5%ba%83%e5%91%8a%e3%82%ac%e3%82%a4%e3%83%89%e3%83%a9%e3%82%a4%e3%83%b3/">#医療広告ガイドライン</a>
1811	</li>
1812		<li class="s-tags__tag">
1813		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6/">#広島</a>
1814	</li>
1815		<li class="s-tags__tag">
1816		<a href="https://m-hands.net/tag/%e3%83%98%e3%82%a2%e3%82%ab%e3%83%83%e3%83%88/">#ヘアカット</a>
1817	</li>
1818		<li class="s-tags__tag">
1819		<a href="https://m-hands.net/tag/%e8%a8%aa%e5%95%8f%e7%9d%80%e4%bb%98%e3%81%91/">#訪問着付け</a>
1820	</li>
1821		<li class="s-tags__tag">
1822		<a href="https://m-hands.net/tag/%e3%83%96%e3%83%a9%e3%83%b3%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0/">#ブランディング</a>
1823	</li>
1824		<li class="s-tags__tag">
1825		<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%83%bb%e3%83%8d%e3%83%83%e3%83%88%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/">#通販・ネットショップ</a>
1826	</li>
1827		<li class="s-tags__tag">
1828		<a href="https://m-hands.net/tag/%e3%83%9a%e3%83%ab%e3%82%bd%e3%83%8a/">#ペルソナ</a>
1829	</li>
1830		<li class="s-tags__tag">
1831		<a href="https://m-hands.net/tag/%e5%8b%95%e7%94%bb%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#動画マーケティング</a>
1832	</li>
1833		<li class="s-tags__tag">
1834		<a href="https://m-hands.net/tag/%e5%8b%95%e7%94%bb/">#動画</a>
1835	</li>
1836		<li class="s-tags__tag">
1837		<a href="https://m-hands.net/tag/lpo/">#LPO</a>
1838	</li>
1839		<li class="s-tags__tag">
1840		<a href="https://m-hands.net/tag/%e6%98%a0%e5%83%8f%e5%88%b6%e4%bd%9c/">#映像制作</a>
1841	</li>
1842		<li class="s-tags__tag">
1843		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8/">#ホームページ</a>
1844	</li>
1845		<li class="s-tags__tag">
1846		<a href="https://m-hands.net/tag/%e8%b2%a9%e5%a3%b2%e4%bf%83%e9%80%b2/">#販売促進</a>
1847	</li>
1848		<li class="s-tags__tag">
1849		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e9%81%8b%e7%94%a8/">#ホームページ運用</a>
1850	</li>
1851		<li class="s-tags__tag">
1852		<a href="https://m-hands.net/tag/%e3%82%aa%e3%82%a6%e3%83%b3%e3%83%89%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2/">#オウンドメディア</a>
1853	</li>
1854		<li class="s-tags__tag">
1855		<a href="https://m-hands.net/tag/%e3%82%aa%e3%82%a6%e3%83%b3%e3%83%89%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#オウンドメディア運用代行</a>
1856	</li>
1857		<li class="s-tags__tag">
1858		<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e7%af%89/">#通販ページ構築</a>
1859	</li>
1860		<li class="s-tags__tag">
1861		<a href="https://m-hands.net/tag/google%e5%ba%83%e5%91%8a/">#Google広告</a>
1862	</li>
1863		<li class="s-tags__tag">
1864		<a href="https://m-hands.net/tag/%e3%83%87%e3%82%a3%e3%82%b9%e3%83%97%e3%83%ac%e3%82%a4%e5%ba%83%e5%91%8a/">#ディスプレイ広告</a>
1865	</li>
1866		<li class="s-tags__tag">
1867		<a href="https://m-hands.net/tag/%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#広告運用代行</a>
1868	</li>
1869		<li class="s-tags__tag">
1870		<a href="https://m-hands.net/tag/shopify%e6%a7%8b%e7%af%89/">#Shopify構築</a>
1871	</li>
1872		<li class="s-tags__tag">
1873		<a href="https://m-hands.net/tag/sns%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#SNS運用代行</a>
1874	</li>
1875		<li class="s-tags__tag">
1876		<a href="https://m-hands.net/tag/%e3%83%ac%e3%83%99%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b7%e3%82%a7%e3%82%a2/">#レベニューシェア</a>
1877	</li>
1878		<li class="s-tags__tag">
1879		<a href="https://m-hands.net/tag/%e5%a4%96%e9%83%a8%e5%ba%83%e5%a0%b1%e5%ae%a4/">#外部広報室</a>
1880	</li>
1881		<li class="s-tags__tag">
1882		<a href="https://m-hands.net/tag/%e4%b8%b8%e6%8a%95%e3%81%92/">#丸投げ</a>
1883	</li>
1884		<li class="s-tags__tag">
1885		<a href="https://m-hands.net/tag/%e3%82%b5%e3%83%ad%e3%83%b3%e9%9b%86%e5%ae%a2/">#サロン集客</a>
1886	</li>
1887		<li class="s-tags__tag">
1888		<a href="https://m-hands.net/tag/%e8%87%aa%e7%a4%be%e9%9b%86%e5%ae%a2/">#自社集客</a>
1889	</li>
1890		<li class="s-tags__tag">
1891		<a href="https://m-hands.net/tag/%e3%83%aa%e3%83%bc%e3%83%89%e7%8d%b2%e5%be%97/">#リード獲得</a>
1892	</li>
1893		<li class="s-tags__tag">
1894		<a href="https://m-hands.net/tag/saas%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#SaaSマーケティング</a>
1895	</li>
1896		<li class="s-tags__tag">
1897		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%83%e3%83%88%e3%83%9a%e3%83%83%e3%83%91%e3%83%bc/">#ホットペッパー</a>
1898	</li>
1899		<li class="s-tags__tag">
1900		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6%e3%81%ae%e7%be%8e%e5%ae%b9%e5%ae%a4/">#広島の美容室</a>
1901	</li>
1902		<li class="s-tags__tag">
1903		<a href="https://m-hands.net/tag/instagram%e9%81%8b%e7%94%a8/">#Instagram運用</a>
1904	</li>
1905		<li class="s-tags__tag">
1906		<a href="https://m-hands.net/tag/%e5%8f%a3%e3%82%b3%e3%83%9f%e9%81%8b%e7%94%a8/">#口コミ運用</a>
1907	</li>
1908		<li class="s-tags__tag">
1909		<a href="https://m-hands.net/tag/schema-org/">#schema.org</a>
1910	</li>
1911		<li class="s-tags__tag">
1912		<a href="https://m-hands.net/tag/%e4%b8%80%e6%ac%a1%e6%83%85%e5%a0%b1/">#一次情報</a>
1913	</li>
1914		<li class="s-tags__tag">
1915		<a href="https://m-hands.net/tag/%e5%a3%ab%e6%a5%adweb%e9%9b%86%e5%ae%a2/">#士業Web集客</a>
1916	</li>
1917		<li class="s-tags__tag">
1918		<a href="https://m-hands.net/tag/%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b%e7%8d%b2%e5%be%97/">
1918#問い合わせ獲得</a>
1919	</li>
1920		<li class="s-tags__tag">
1921		<a href="https://m-hands.net/tag/%e4%bf%9d%e5%ae%88%e3%83%bb%e7%ae%a1%e7%90%86/">#保守・管理</a>
1922	</li>
1923		<li class="s-tags__tag">
1924		<a href="https://m-hands.net/tag/%e6%9b%b4%e6%96%b0%e4%bd%9c%e6%a5%ad/">#更新作業</a>
1925	</li>
1926		<li class="s-tags__tag">
1927		<a href="https://m-hands.net/tag/line%ef%bc%a0/">#LINEï¼ </a>
1928	</li>
1929		<li class="s-tags__tag">
1930		<a href="https://m-hands.net/tag/%e6%b1%82%e4%ba%ba/">#求人</a>
1931	</li>
1932		<li class="s-tags__tag">
1933		<a href="https://m-hands.net/tag/%e3%83%ac%e3%82%af%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/">#レクリエーション</a>
1934	</li>
1935		<li class="s-tags__tag">
1936		<a href="https://m-hands.net/tag/%e7%a6%8f%e7%a5%89%e3%83%8d%e3%82%a4%e3%83%ab/">#福祉ネイル</a>
1937	</li>
1938		<li class="s-tags__tag">
1939		<a href="https://m-hands.net/tag/%e3%83%8d%e3%82%a4%e3%83%ab/">#ネイル</a>
1940	</li>
1941		<li class="s-tags__tag">
1942		<a href="https://m-hands.net/tag/%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9/">#ビジネス</a>
1943	</li>
1944		<li class="s-tags__tag">
1945		<a href="https://m-hands.net/tag/%e8%a8%98%e4%ba%8b%e5%88%b6%e4%bd%9c/">#記事制作</a>
1946	</li>
1947		<li class="s-tags__tag">
1948		<a href="https://m-hands.net/tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%83%8b%e3%83%bc/">#カスタマージャーニー</a>
1949	</li>
1950		<li class="s-tags__tag">
1951		<a href="https://m-hands.net/tag/%e3%82%a2%e3%83%89%e3%83%ac%e3%82%b5%e3%83%96%e3%83%ab%e5%ba%83%e5%91%8a/">#アドレサブル広告</a>
1952	</li>
1953		<li class="s-tags__tag">
1954		<a href="https://m-hands.net/tag/%e3%83%a9%e3%82%a4%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#ライティング</a>
1955	</li>
1956		<li class="s-tags__tag">
1957		<a href="https://m-hands.net/tag/web%e3%83%a9%e3%82%a4%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#WEBライティング</a>
1958	</li>
1959		<li class="s-tags__tag">
1960		<a href="https://m-hands.net/tag/%e3%82%a2%e3%83%b3%e3%83%90%e3%82%b5%e3%83%80%e3%83%bc/">#アンバサダー</a>
1961	</li>
1962		<li class="s-tags__tag">
1963		<a href="https://m-hands.net/tag/%e3%82%a4%e3%83%b3%e3%83%95%e3%83%ab%e3%82%a8%e3%83%b3%e3%82%b5%e3%83%bc/">#インフルエンサー</a>
1964	</li>
1965		<li class="s-tags__tag">
1966		<a href="https://m-hands.net/tag/%e3%83%9a%e3%83%ab%e3%82%bd%e3%83%8a%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#ペルソナマーケティング</a>
1967	</li>
1968		<li class="s-tags__tag">
1969		<a href="https://m-hands.net/tag/5g/">#5G</a>
1970	</li>
1971		<li class="s-tags__tag">
1972		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%ad%e3%83%8a/">#コロナ</a>
1973	</li>
1974		<li class="s-tags__tag">
1975		<a href="https://m-hands.net/tag/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%82%b7%e3%83%95%e3%83%88/">#オンラインシフト</a>
1976	</li>
1977		<li class="s-tags__tag">
1978		<a href="https://m-hands.net/tag/%e3%83%86%e3%83%ac%e3%83%af%e3%83%bc%e3%82%af/">#テレワーク</a>
1979	</li>
1980		<li class="s-tags__tag">
1981		<a href="https://m-hands.net/tag/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e5%95%86%e8%ab%87%e3%83%84%e3%83%bc%e3%83%ab/">#オンライン商談ツール</a>
1982	</li>
1983		<li class="s-tags__tag">
1984		<a href="https://m-hands.net/tag/%e3%82%a2%e3%83%b3%e3%83%90%e3%82%b5%e3%83%80%e3%83%bc%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#アンバサダーマーケティング</a>
1985	</li>
1986		<li class="s-tags__tag">
1987		<a href="https://m-hands.net/tag/%e8%a8%aa%e5%95%8f%e7%be%8e%e5%ae%b9/">#訪問美容</a>
1988	</li>
1989		<li class="s-tags__tag">
1990		<a href="https://m-hands.net/tag/%e6%99%82%e4%ba%8b%e3%83%8d%e3%82%bf/">#時事ネタ</a>
1991	</li>
1992		<li class="s-tags__tag">
1993		<a href="https://m-hands.net/tag/d2c/">#D2C</a>
1994	</li>
1995		<li class="s-tags__tag">
1996		<a href="https://m-hands.net/tag/sns/">#SNS</a>
1997	</li>
1998		<li class="s-tags__tag">
1999		<a href="https://m-hands.net/tag/instagram/">#Instagram</a>
2000	</li>
2001		<li class="s-tags__tag">
2002		<a href="https://m-hands.net/tag/%e3%82%a4%e3%83%b3%e3%82%b9%e3%82%bf%e3%82%b0%e3%83%a9%e3%83%a0/">#インスタグラム</a>
2003	</li>
2004		<li class="s-tags__tag">
2005		<a href="https://m-hands.net/tag/%e6%bb%9e%e5%9c%a8%e6%99%82%e9%96%93/">#滞在時間</a>
2006	</li>
2007		<li class="s-tags__tag">
2008		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%b3%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3%e7%8e%87/">#コンバージョン率</a>
2009	</li>
2010		<li class="s-tags__tag">
2011		<a href="https://m-hands.net/tag/%e9%80%9a%e4%bf%a1%e8%b2%a9%e5%a3%b2/">#通信販売</a>
2012	</li>
2013		<li class="s-tags__tag">
2014		<a href="https://m-hands.net/tag/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e5%ba%83%e5%91%8a/">#インターネット広告</a>
2015	</li>
2016		<li class="s-tags__tag">
2017		<a href="https://m-hands.net/tag/wordpress/">#WordPress</a>
2018	</li>
2019		<li class="s-tags__tag">
2020		<a href="https://m-hands.net/tag/%e3%83%96%e3%83%a9%e3%83%b3%e3%83%89/">#ブランド</a>
2021	</li>
2022		<li class="s-tags__tag">
2023		<a href="https://m-hands.net/tag/%e3%83%96%e3%83%a9%e3%83%b3%e3%83%89%e6%88%a6%e7%95%a5/">#ブランド戦略</a>
2024	</li>
2025		<li class="s-tags__tag">
2026		<a href="https://m-hands.net/tag/%e3%83%96%e3%83%a9%e3%83%b3%e3%83%89%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#ブランドマーケティング</a>
2027	</li>
2028		<li class="s-tags__tag">
2029		<a href="https://m-hands.net/tag/cta/">#CTA</a>
2030	</li>
2031		<li class="s-tags__tag">
2032		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%b3%e3%83%90%e3%83%bc%e3%82%b8%e3%83%a7%e3%83%b3/">#コンバージョン</a>
2033	</li>
2034		<li class="s-tags__tag">
2035		<a href="https://m-hands.net/tag/%e9%9b%a2%e8%84%b1/">#離脱</a>
2036	</li>
2037		<li class="s-tags__tag">
2038		<a href="https://m-hands.net/tag/%e3%83%96%e3%83%a9%e3%83%b3%e3%83%89%e8%a8%ad%e8%a8%88/">#ブランド設計</a>
2039	</li>
2040		<li class="s-tags__tag">
2041		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%97%e3%83%88%e4%bd%9c%e3%82%8a/">#コンセプト作り</a>
2042	</li>
2043		<li class="s-tags__tag">
2044		<a href="https://m-hands.net/tag/wweb%e3%82%b5%e3%82%a4%e3%83%88%e9%81%8b%e5%96%b6%e3%81%ae%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88/">#Wwebサイト運営のポイント</a>
2045	</li>
2046		<li class="s-tags__tag">
2047		<a href="https://m-hands.net/tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e6%95%b0%e6%94%b9%e5%96%84/">#アクセス数改善</a>
2048	</li>
2049		<li class="s-tags__tag">
2050		<a href="https://m-hands.net/tag/3c%e5%88%86%e6%9e%90/">#3C分析</a>
2051	</li>
2052		<li class="s-tags__tag">
2053		<a href="https://m-hands.net/tag/stp%e5%88%86%e6%9e%90/">#STP分析</a>
2054	</li>
2055		<li class="s-tags__tag">
2056		<a href="https://m-hands.net/tag/4p%e5%88%86%e6%9e%90/">#4P分析</a>
2057	</li>
2058		<li class="s-tags__tag">
2059		<a href="https://m-hands.net/tag/swot%e5%88%86%e6%9e%90/">#SWOT分析</a>
2060	</li>
2061		<li class="s-tags__tag">
2062		<a href="https://m-hands.net/tag/%e5%85%ac%e5%bc%8f%e3%82%b5%e3%82%a4%e3%83%88/">#公式サイト</a>
2063	</li>
2064		<li class="s-tags__tag">
2065		<a href="https://m-hands.net/tag/hp%e9%81%8b%e7%94%a8/">#HP運用</a>
2066	</li>
2067		<li class="s-tags__tag">
2068		<a href="https://m-hands.net/tag/%e6%9b%b4%e6%96%b0%e6%a5%ad%e5%8b%99/">#更新業務</a>
2069	</li>
2070		<li class="s-tags__tag">
2071		<a href="https://m-hands.net/tag/%e5%a3%b2%e4%b8%8aup/">#売上UP</a>
2072	</li>
2073		<li class="s-tags__tag">
2074		<a href="https://m-hands.net/tag/usp/">#USP</a>
2075	</li>
2076		<li class="s-tags__tag">
2077		<a href="https://m-hands.net/tag/%e9%a1%a7%e5%ae%a2%e9%96%8b%e6%8b%93/">#顧客開拓</a>
2078	</li>
2079		<li class="s-tags__tag">
2080		<a href="https://m-hands.net/tag/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88%e9%9b%86%e5%ae%a2/">#イベント集客</a>
2081	</li>
2082		<li class="s-tags__tag">
2083		<a href="https://m-hands.net/tag/%e9%a3%b2%e9%a3%9f%e5%ba%97/">#飲食店</a>
2084	</li>
2085		<li class="s-tags__tag">
2086		<a href="https://m-hands.net/tag/%e4%bf%9d%e5%ae%88%e7%ae%a1%e7%90%86/">#保守管理</a>
2087	</li>
2088		<li class="s-tags__tag">
2089		<a href="https://m-hands.net/tag/%e6%a4%9c%e7%b4%a2%e9%a0%86%e4%bd%8d%e5%af%be%e7%ad%96/">#検索順位対策</a>
2090	</li>
2091		<li class="s-tags__tag">
2092		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e9%81%8b%e5%96%b6/">#ホームページ運営</a>
2093	</li>
2094		<li class="s-tags__tag">
2095		<a href="https://m-hands.net/tag/%e5%ba%83%e5%91%8a%e3%81%84%e3%82%89%e3%81%aa%e3%81%84/">#広告いらない</a>
2096	</li>
2097		<li class="s-tags__tag">
2098		<a href="https://m-hands.net/tag/%e3%82%b3%e3%82%b9%e3%83%91%e8%89%af%e3%81%97/">#コスパ良し</a>
2099	</li>
2100		<li class="s-tags__tag">
2101		<a href="https://m-hands.net/tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%82%a2%e3%83%83%e3%83%97/">#アクセスアップ</a>
2102	</li>
2103		<li class="s-tags__tag">
2104		<a href="https://m-hands.net/tag/%e3%82%b5%e3%82%a4%e3%83%86%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/">#サイテーション</a>
2105	</li>
2106		<li class="s-tags__tag">
2107		<a href="https://m-hands.net/tag/ec%e3%82%b5%e3%82%a4%e3%83%88/">#ECサイト</a>
2108	</li>
2109		<li class="s-tags__tag">
2110		<a href="https://m-hands.net/tag/qa/">#Q&amp;A</a>
2111	</li>
2112		<li class="s-tags__tag">
2113		<a href="https://m-hands.net/tag/%e5%b0%8f%e8%a6%8f%e6%a8%a1%e4%ba%8b%e6%a5%ad%e8%80%85%e6%8c%81%e7%b6%9a%e5%8c%96%e8%a3%9c%e5%8a%a9%e9%87%91/">#小規模事業者持続化補助金</a>
2114	</li>
2115		<li class="s-tags__tag">
2116		<a href="https://m-hands.net/tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e8%a7%a3%e6%9e%90/">#アクセス解析</a>
2117	</li>
2118		<li class="s-tags__tag">
2119		<a href="https://m-hands.net/tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9up/">#アクセスUP</a>
2120	</li>
2121		<li class="s-tags__tag">
2122		<a href="https://m-hands.net/tag/%e8%b3%87%e6%96%99%e4%bd%9c%e6%88%90/">#資料作成</a>
2123	</li>
2124		<li class="s-tags__tag">
2125		<a href="https://m-hands.net/tag/%e8%b3%87%e6%96%99%e4%bd%9c%e6%88%90%e4%bb%a3%e8%a1%8c/">#資料作成代行</a>
2126	</li>
2127		<li class="s-tags__tag">
2128		<a href="https://m-hands.net/tag/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%83%86%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e8%b3%87%e6%96%99%e4%bd%9c%e6%88%90/">#プレゼンテーション資料作成</a>
2129	</li>
2130		<li class="s-tags__tag">
2131		<a href="https://m-hands.net/tag/%e4%bc%81%e7%94%bb%e6%9b%b8%e4%bd%9c%e6%88%90/">#企画書作成</a>
2132	</li>
2133		<li class="s-tags__tag">
2134		<a href="https://m-hands.net/tag/%e6%8f%90%e6%a1%88%e6%9b%b8%e4%bd%9c%e6%88%90/">#提案書作成</a>
2135	</li>
2136		<li class="s-tags__tag">
2137		<a href="https://m-hands.net/tag/%e3%83%9b%e3%83%af%e3%82%a4%e3%83%88%e3%83%9a%e3%83%bc%e3%83%91%e3%83%bc%e4%bd%9c%e6%88%90/">#ホワイトペーパー作成</a>
2138	</li>
2139		<li class="s-tags__tag">
2140		<a href="https://m-hands.net/tag/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e4%bd%9c%e6%88%90/">#スライド作成</a>
2141	</li>
2142		<li class="s-tags__tag">
2143		<a href="https://m-hands.net/tag/web%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%a2%e3%82%b7%e3%82%b9%e3%82%bf%e3%83%b3%e3%83%88/">#WEBマーケティングアシスタント</a>
2144	</li>
2145		<li class="s-tags__tag">
2146		<a href="https://m-hands.net/tag/web%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%83%97%e3%83%a9%e3%83%b3%e3%83%8a%e3%83%bc/">#WEBマーケティングプランナー</a>
2147	</li>
2148		<li class="s-tags__tag">
2149		<a href="https://m-hands.net/tag/%e6%8e%a1%e7%94%a8/">#採用</a>
2150	</li>
2151		<li class="s-tags__tag">
2152		<a href="https://m-hands.net/tag/shopify/">#Shopify</a>
2153	</li>
2154		<li class="s-tags__tag">
2155		<a href="https://m-hands.net/tag/%e3%82%b7%e3%83%a7%e3%83%94%e3%83%95%e3%82%a1%e3%82%a4/">#ショピファイ</a>
2156	</li>
2157		<li class="s-tags__tag">
2158		<a href="https://m-hands.net/tag/%e3%83%86%e3%82%a4%e3%82%ac%e3%82%afr/">#テイガクR</a>
2159	</li>
2160		<li class="s-tags__tag">
2161		<a href="https://m-hands.net/tag/%e5%ae%9a%e9%a1%8d%e3%82%b5%e3%82%a4%e3%83%88%e5%88%b6%e4%bd%9c/">#定額サイト制作</a>
2162	</li>
2163		<li class="s-tags__tag">
2164		<a href="https://m-hands.net/tag/%e6%9c%88%e9%a1%8d%e6%94%af%e6%89%95%e3%81%84/">#月額支払い</a>
2165	</li>
2166		<li class="s-tags__tag">
2167		<a href="https://m-hands.net/tag/linkdin%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#LinkdIn運用代行</a>
2168	</li>
2169		<li class="s-tags__tag">
2170		<a href="https://m-hands.net/tag/threads%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Threads運用代行</a>
2171	</li>
2172		<li class="s-tags__tag">
2173		<a href="https://m-hands.net/tag/tiktok%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#TikTok運用代行</a>
2174	</li>
2175		<li class="s-tags__tag">
2176		<a href="https://m-hands.net/tag/youtube%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Youtube運用代行</a>
2177	</li>
2178		<li class="s-tags__tag">
2179		<a href="https://m-hands.net/tag/%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e5%88%b6%e4%bd%9c/">#クリエイティブ制作</a>
2180	</li>
2181		<li class="s-tags__tag">
2182		<a href="https://m-hands.net/tag/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e5%88%b6%e4%bd%9c/">#デザイン制作</a>
2183	</li>
2184		<li class="s-tags__tag">
2185		<a href="https://m-hands.net/tag/%e3%83%90%e3%83%8a%e3%83%bc%e5%88%b6%e4%bd%9c/">#バナー制作</a>
2186	</li>
2187		<li class="s-tags__tag">
2188		<a href="https://m-hands.net/tag/%e6%92%ae%e5%bd%b1/">#撮影</a>
2189	</li>
2190		<li class="s-tags__tag">
2191		<a href="https://m-hands.net/tag/%e5%8b%95%e7%94%bb%e6%92%ae%e5%bd%b1/">#動画撮影</a>
2192	</li>
2193		<li class="s-tags__tag">
2194		<a href="https://m-hands.net/tag/google%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Google広告運用代行</a>
2195	</li>
2196		<li class="s-tags__tag">
2197		<a href="https://m-hands.net/tag/google%e3%82%b7%e3%83%a7%e3%83%83%e3%83%94%e3%83%b3%e3%82%b0/">#Googleショッピング</a>
2198	</li>
2199		<li class="s-tags__tag">
2200		<a href="https://m-hands.net/tag/google%e3%82%b7%e3%83%a7%e3%83%83%e3%83%94%e3%83%b3%e3%82%b0%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Googleショッピング広告運用代行</a>
2201	</li>
2202		<li class="s-tags__tag">
2203		<a href="https://m-hands.net/tag/yahoo%e5%ba%83%e5%91%8a/">#Yahoo広告</a>
2204	</li>
2205		<li class="s-tags__tag">
2206		<a href="https://m-hands.net/tag/yahoo%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Yahoo広告運用代行</a>
2207	</li>
2208		<li class="s-tags__tag">
2209		<a href="https://m-hands.net/tag/facebook%e5%ba%83%e5%91%8a/">#Facebook広告</a>
2210	</li>
2211		<li class="s-tags__tag">
2212		<a href="https://m-hands.net/tag/facebook%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Facebook広告運用代行</a>
2213	</li>
2214		<li class="s-tags__tag">
2215		<a href="https://m-hands.net/tag/meta/">#Meta</a>
2216	</li>
2217		<li class="s-tags__tag">
2218		<a href="https://m-hands.net/tag/%e3%82%bf%e3%83%bc%e3%82%b2%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#ターゲティング</a>
2219	</li>
2220		<li class="s-tags__tag">
2221		<a href="https://m-hands.net/tag/line%e5%ba%83%e5%91%8a/">#LINE広告</a>
2222	</li>
2223		<li class="s-tags__tag">
2224		<a href="https://m-hands.net/tag/line%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#LINE広告運用代行</a>
2225	</li>
2226		<li class="s-tags__tag">
2227		<a href="https://m-hands.net/tag/x%e6%97%a7twitter%e5%ba%83%e5%91%8a/">#X(旧Twitter)広告</a>
2228	</li>
2229		<li class="s-tags__tag">
2230		<a href="https://m-hands.net/tag/x%e6%97%a7twitter%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#X(旧Twitter)広告運用代行</a>
2231	</li>
2232		<li class="s-tags__tag">
2233		<a href="https://m-hands.net/tag/web%e3%82%b5%e3%82%a4%e3%83%88%e6%94%b9%e4%bf%ae%e3%83%bb%e5%88%b6%e4%bd%9c/">#Webサイト改修・制作</a>
2234	</li>
2235		<li class="s-tags__tag">
2236		<a href="https://m-hands.net/tag/%e3%82%b5%e3%82%a4%e3%83%88%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab/">#サイトリニューアル</a>
2237	</li>
2238		<li class="s-tags__tag">
2239		<a href="https://m-hands.net/tag/instagram%e5%ba%83%e5%91%8a/">#Instagram広告</a>
2240	</li>
2241		<li class="s-tags__tag">
2242		<a href="https://m-hands.net/tag/instagram%e5%ba%83%e5%91%8a%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Instagram広告運用代行</a>
2243	</li>
2244		<li class="s-tags__tag">
2245		<a href="https://m-hands.net/tag/instagram%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c/">#Instagram運用代行</a>
2246	</li>
2247		<li class="s-tags__tag">
2248		<a href="https://m-hands.net/tag/sns%e5%8b%95%e7%94%bb/">#SNS動画</a>
2249	</li>
2250		<li class="s-tags__tag">
2251		<a href="https://m-hands.net/tag/sns%e9%81%8b%e7%94%a8/">#SNS運用</a>
2252	</li>
2253		<li class="s-tags__tag">
2254		<a href="https://m-hands.net/tag/%e3%82%b3%e3%83%a9%e3%83%a0%e5%88%b6%e4%bd%9c%e4%bb%a3%e8%a1%8c/">#コラム制作代行</a>
2255	</li>
2256		<li class="s-tags__tag">
2257		<a href="https://m-hands.net/tag/lp%e5%88%b6%e4%bd%9c/">#LP制作</a>
2258	</li>
2259		<li class="s-tags__tag">
2260		<a href="https://m-hands.net/tag/%e3%82%a4%e3%83%b3%e3%83%86%e3%83%b3%e3%83%88%e3%83%87%e3%83%bc%e3%82%bf/">#インテントデータ</a>
2261	</li>
2262		<li class="s-tags__tag">
2263		<a href="https://m-hands.net/tag/%e3%83%9e%e3%83%bc%e3%82%b1%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%aa%e3%83%bc%e3%83%88%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/">#マーケティングオートメーション</a>
2264	</li>
2265		<li class="s-tags__tag">
2266		<a href="https://m-hands.net/tag/%e6%ad%af%e7%a7%91hp%e5%88%b6%e4%bd%9c/">#歯科HP制作</a>
2267	</li>
2268		<li class="s-tags__tag">
2269		<a href="https://m-hands.net/tag/%e7%be%8e%e5%ae%b9%e5%ae%a4/">#美容室</a>
2270	</li>
2271		<li class="s-tags__tag">
2272		<a href="https://m-hands.net/tag/%e3%82%b5%e3%83%ad%e3%83%b3/">#サロン</a>
2273	</li>
2274		<li class="s-tags__tag">
2275		<a href="https://m-hands.net/tag/%e6%8c%87%e5%90%8d%e6%a4%9c%e7%b4%a2/">#指名検索</a>
2276	</li>
2277		<li class="s-tags__tag">
2278		<a href="https://m-hands.net/tag/%e6%a7%8b%e9%80%a0%e5%8c%96%e3%83%87%e3%83%bc%e3%82%bf/">#構造化データ</a>
2279	</li>
2280		<li class="s-tags__tag">
2281		<a href="https://m-hands.net/tag/faqpage/">#FAQPage</a>
2282	</li>
2283		<li class="s-tags__tag">
2284		<a href="https://m-hands.net/tag/howto/">#HowTo</a>
2285	</li>
2286		<li class="s-tags__tag">
2287		<a href="https://m-hands.net/tag/%e7%a8%8e%e7%90%86%e5%a3%ab/">#税理士</a>
2288	</li>
2289		<li class="s-tags__tag">
2290		<a href="https://m-hands.net/tag/%e7%a4%be%e5%8a%b4%e5%a3%ab/">#社労士</a>
2291	</li>
2292		<li class="s-tags__tag">
2293		<a href="https://m-hands.net/tag/%e8%a1%8c%e6%94%bf%e6%9b%b8%e5%a3%ab/">#行政書士</a>
2294	</li>
2295		<li class="s-tags__tag">
2296		<a href="https://m-hands.net/tag/gbp%e6%b4%bb%e7%94%a8/">#GBP活用</a>
2297	</li>
2298		<li class="s-tags__tag">
2299		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6%e3%81%ae%e5%a3%ab%e6%a5%ad/">#広島の士業</a>
2300	</li>
2301		<li class="s-tags__tag">
2302		<a href="https://m-hands.net/tag/%e6%a5%ad%e5%8b%99%e7%89%b9%e5%8c%96lp/">#業務特化LP</a>
2303	</li>
2304		<li class="s-tags__tag">
2305		<a href="https://m-hands.net/tag/%e3%83%91%e3%83%bc%e3%82%bd%e3%83%8a%e3%83%ab%e3%82%b8%e3%83%a0%e3%81%ae%e9%9b%86%e5%ae%a2/">#パーソナルジムの集客</a>
2306	</li>
2307		<li class="s-tags__tag">
2308		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6%e3%81%ae%e8%91%ac%e5%84%80%e4%bc%9a%e7%a4%be/">#広島の葬儀会社</a>
2309	</li>
2310		<li class="s-tags__tag">
2311		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6%e3%81%ae%e3%83%aa%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e4%bc%9a%e7%a4%be/">#広島のリフォーム会社</a>
2312	</li>
2313		<li class="s-tags__tag">
2314		<a href="https://m-hands.net/tag/%e5%ba%83%e5%b3%b6%e3%81%ae%e6%b0%b4%e5%9b%9e%e3%82%8a%e4%bf%ae%e7%90%86%e6%a5%ad%e8%80%85/">#広島の水回り修理業者</a>
2315	</li>
2316		<li class="s-tags__tag">
2317		<a href="https://m-hands.net/tag/%e9%9b%86%e5%ae%a2%e6%96%b9%e6%b3%95/">#集客方法</a>
2318	</li>
2319		<li class="s-tags__tag">
2320		<a href="https://m-hands.net/tag/%e5%ba%83%e5%91%8a%e5%af%be%e7%ad%96/">#広告対策</a>
2321	</li>
2322	</ul>
2323		</div>
2324	</section>
2325
2326		<section class="s-wrap s-padding-vert s-padding-vert--pt0 post-single-tag">
2327		<div class="s-hl-point">
2328			<div class="s-hl-point__small anim-fade-in-up-small js-animate">タグ/キーワード</div>
2329			<h2 class="s-hl-point__large anim-fade-in-up js-animate">Tag</h2>
2330		</div>
2331		<ul class="s-tags anim-fade-in-up js-animate">
2332						<li class="s-tags__tag">
2333				<a href="https://m-hands.net/tag/shopify/">#Shopify</a>
2334			</li>
2335						<li class="s-tags__tag">
2336				<a href="https://m-hands.net/tag/shopify%e6%a7%8b%e7%af%89/">#Shopify構築</a>
2337			</li>
2338						<li class="s-tags__tag">
2339				<a href="https://m-hands.net/tag/%e3%82%b7%e3%83%a7%e3%83%94%e3%83%95%e3%82%a1%e3%82%a4/">#ショピファイ</a>
2340			</li>
2341						<li class="s-tags__tag">
2342				<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%83%86%e3%82%a3%e3%83%b3%e3%82%b0/">#通販コンサルティング</a>
2343			</li>
2344						<li class="s-tags__tag">
2345				<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e7%af%89/">#通販ページ構築</a>
2346			</li>
2347						<li class="s-tags__tag">
2348				<a href="https://m-hands.net/tag/%e9%80%9a%e8%b2%a9%e3%83%bb%e3%83%8d%e3%83%83%e3%83%88%e3%82%b7%e3%83%a7%e3%83%83%e3%83%97/">#通販・ネットショップ</a>
2349			</li>
2350					</ul>
2351	</section>
2352	
2353	<section class="s-wrap s-padding-vert s-padding-vert--pt0">
2354		<div class="s-hl-point">
2355			<div class="s-hl-point__small anim-fade-in-up-small js-animate">関連記事</div>
2356			<h2 class="s-hl-point__large anim-fade-in-up js-animate">Related</h2>
2357		</div>
2358		<div class='yarpp yarpp-related yarpp-related-website yarpp-template-yarpp-template-column'>
2359
2360
2361
2362<div class="post-list post-list--related">
2363			
2364		<article class="post-list__article anim-fade-in-up js-animate" itemscope itemtype="http://schema.org/BlogPosting">
2365			<a href="https://m-hands.net/blog/4390/" itemprop="url">
2366				<div class="post-list__thumb">
2367											<img width="1024" height="683" src="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1024x683.webp" class="attachment-large size-large wp-post-image" alt="通販コンサルティング 通販ページ制作 通信販売 ネット販売 ページ制作 広島 マザーハンズ Web制作 サイト制作" sizes="auto, (max-width:767px) 89.34vw, 435px" loading="lazy" itemprop="image" decoding="async" srcset="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1024x683.webp 1024w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-300x200.webp 300w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-768x512.webp 768w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-1536x1025.webp 1536w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_226145291-2048x1366.webp 2048w" />									</div>
2368				<div class="p-column__item_info">
2369										<span class="itemcategory" itemprop="articleSection">通販ページ構築</span>
2370										<div class="post-list__time-wrap">
2371						<div class="edit_date itembox">
2372							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-edit.webp" alt="">
2373							<span><time datetime="2025-06-27T12:06:29+09:00" itemprop="datePublished">2025.06.27</time></span>
2374						</div>
2375						<div class="update itembox">
2376							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-update.webp" alt="">
2377							<span><time datetime="2026-09-16T10:18:50+09:00" itemprop="dateModified">2026.09.16</time></span>
2378						</div>
2379					</div>
2380				</div>
2381				<h3 class="post-list__title" itemprop="headline">通販ページ構築|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</h3>
2382				<meta itemprop="keywords" content="通販コンサルティング, 通販ページ構築">
2383								<ul class="post-list__tags s-tags">
2384										<li class="s-tags__tag">通販コンサルティング</li>
2385										<li class="s-tags__tag">通販ページ構築</li>
2386									</ul>
2387							</a>
2388		</article>
2389
2390			
2391		<article class="post-list__article anim-fade-in-up js-animate" itemscope itemtype="http://schema.org/BlogPosting">
2392			<a href="https://m-hands.net/blog/4388/" itemprop="url">
2393				<div class="post-list__thumb">
2394											<img width="1024" height="683" src="https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-1024x683.png" class="attachment-large size-large wp-post-image" alt="Shopify サイト制作 ページ制作 制作代行 広島 マザーハンズ Shopify構築" sizes="auto, (max-width:767px) 89.34vw, 435px" loading="lazy" itemprop="image" decoding="async" srcset="https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-1024x683.png 1024w, https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-300x200.png 300w, https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-768x512.png 768w, https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-1536x1024.png 1536w, https://m-hands.net/wp/wp-content/uploads/2025/06/Shopify-Logo.wine_-2048x1365.png 2048w" />									</div>
2395				<div class="p-column__item_info">
2396										<span class="itemcategory" itemprop="articleSection">Shopify構築</span>
2397										<div class="post-list__time-wrap">
2398						<div class="edit_date itembox">
2399							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-edit.webp" alt="">
2400							<span><time datetime="2025-06-27T12:05:31+09:00" itemprop="datePublished">2025.06.27</time></span>
2401						</div>
2402						<div class="update itembox">
2403							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-update.webp" alt="">
2404							<span><time datetime="2026-06-24T20:34:12+09:00" itemprop="dateModified">2026.06.24</time></span>
2405						</div>
2406					</div>
2407				</div>
2408				<h3 class="post-list__title" itemprop="headline">Shopify構築サービス|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</h3>
2409				<meta itemprop="keywords" content="Shopify構築, 通販コンサルティング">
2410								<ul class="post-list__tags s-tags">
2411										<li class="s-tags__tag">Shopify構築</li>
2412										<li class="s-tags__tag">通販コンサルティング</li>
2413									</ul>
2414							</a>
2415		</article>
2416
2417			
2418		<article class="post-list__article anim-fade-in-up js-animate" itemscope itemtype="http://schema.org/BlogPosting">
2419			<a href="https://m-hands.net/blog/4436/" itemprop="url">
2420				<div class="post-list__thumb">
2421											<img width="1024" height="683" src="https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-1024x683.jpeg" class="attachment-large size-large wp-post-image" alt="コンテンツSEO SEO対策 ブログ更新 記事作成 広島 Webマーケティング マザーハンズ" sizes="auto, (max-width:767px) 89.34vw, 435px" loading="lazy" itemprop="image" decoding="async" srcset="https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-1024x683.jpeg 1024w, https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-300x200.jpeg 300w, https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-768x512.jpeg 768w, https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-1536x1024.jpeg 1536w, https://m-hands.net/wp/wp-content/uploads/2025/07/AdobeStock_730547926-2048x1365.jpeg 2048w" />									</div>
2422				<div class="p-column__item_info">
2423										<span class="itemcategory" itemprop="articleSection">SEO対策</span>
2424										<div class="post-list__time-wrap">
2425						<div class="edit_date itembox">
2426							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-edit.webp" alt="">
2427							<span><time datetime="2025-07-03T14:05:41+09:00" itemprop="datePublished">2025.07.03</time></span>
2428						</div>
2429						<div class="update itembox">
2430							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-update.webp" alt="">
2431							<span><time datetime="2026-09-07T09:57:41+09:00" itemprop="dateModified">2026.09.07</time></span>
2432						</div>
2433					</div>
2434				</div>
2435				<h3 class="post-list__title" itemprop="headline">コンテンツSEO戦略|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</h3>
2436				<meta itemprop="keywords" content="SEO対策, WEBマーケティング, コンテンツSEO">
2437								<ul class="post-list__tags s-tags">
2438										<li class="s-tags__tag">SEO対策</li>
2439										<li class="s-tags__tag">WEBマーケティング</li>
2440										<li class="s-tags__tag">コンテンツSEO</li>
2441									</ul>
2442							</a>
2443		</article>
2444
2445			
2446		<article class="post-list__article anim-fade-in-up js-animate" itemscope itemtype="http://schema.org/BlogPosting">
2447			<a href="https://m-hands.net/blog/4399/" itemprop="url">
2448				<div class="post-list__thumb">
2449											<img width="1024" height="576" src="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-1024x576.jpeg" class="attachment-large size-large wp-post-image" alt="サイトリニューアル マザーハンズ サイト制作" sizes="auto, (max-width:767px) 89.34vw, 435px" loading="lazy" itemprop="image" decoding="async" srcset="https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-1024x576.jpeg 1024w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-300x169.jpeg 300w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-768x432.jpeg 768w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-1536x864.jpeg 1536w, https://m-hands.net/wp/wp-content/uploads/2025/06/AdobeStock_374277910-1-scaled-1-2048x1152.jpeg 2048w" />									</div>
2450				<div class="p-column__item_info">
2451										<span class="itemcategory" itemprop="articleSection">Webサイトリニューアル</span>
2452										<div class="post-list__time-wrap">
2453						<div class="edit_date itembox">
2454							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-edit.webp" alt="">
2455							<span><time datetime="2025-06-27T12:39:56+09:00" itemprop="datePublished">2025.06.27</time></span>
2456						</div>
2457						<div class="update itembox">
2458							<img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-update.webp" alt="">
2459							<span><time datetime="2025-07-18T13:58:03+09:00" itemprop="dateModified">2025.07.18</time></span>
2460						</div>
2461					</div>
2462				</div>
2463				<h3 class="post-list__title" itemprop="headline">サイトリニューアル|マザーハンズ株式会社|マーケティング・サイト制作・集客コンサル</h3>
2464				<meta itemprop="keywords" content="Webサイト改修・制作, サイトリニューアル">
2465								<ul class="post-list__tags s-tags">
2466										<li class="s-tags__tag">Webサイト改修・制作</li>
2467										<li class="s-tags__tag">サイトリニューアル</li>
2468									</ul>
2469							</a>
2470		</article>
2471
2472	</div>
2473</div>
2474	</section>
2475
2476	<section class="t-contact" id="sec-contact">
2477        <div class="container">
2478            <div class="sec_title wow fadeInUp" data-wow-duration="1s " data-wow-delay="0.3s">
2479                <h2>
2480                    <span class="jp">お問い合わせ</span>
2481                    <p class="en">Contact</p>
2482                </h2>
2483
2484            </div>
2485            <p class="t-contact_txt wow fadeInUp" data-wow-duration="1s " data-wow-delay="0.3s">
2486                マーケティング全般、Webコンサルティングであなたの力になります。<br> プロモーションや営業活動における課題がございましたら、まずはお気軽にご相談ください。
2487
2488            </p>
2489        </div>
2490        <div class="t-contact_grid">
2491            <a href="https://m-hands.net/contact/" class="t-contact_item wow fadeInUp" data-wow-duration="1s " data-wow-delay="0.3s">
2492                <div class="t-contact_item_top">
2493                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-mail.webp" alt="Webフォームでのご相談">
2494                    <span>Webフォームでのご相談</span>
2495                </div>
2496                <p class="maintxt en">Contact</p>
2497                <span class="arrow"></span>
2498            </a>
2499            <a href="tel:05037080206" class="t-contact_item wow fadeInUp" data-wow-duration="1s " data-wow-delay="0.3s">
2500                <div class="t-contact_item_top">
2501                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-phone.webp" alt="お電話でのご相談">
2502                    <span>お電話でのご相談</span>
2503                </div>
2504                <p class="maintxt en">050-3708-0206</p>
2505                <span class="arrow"></span>
2506            </a>
2507            <a href="https://m-hands.net/contact/" class="t-contact_item wow fadeInUp" data-wow-duration="1s " data-wow-delay="0.3s">
2508                <div class="t-contact_item_top">
2509                    <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/icon-download.webp" alt="資料請求・ダウンロード">
2510                    <span>資料請求・ダウンロード</span>
2511                </div>
2512                <p class="maintxt en">Download</p>
2513                <span class="arrow"></span>
2514            </a>
2515        </div>
2516    </section>
2517</main>
2518
2519        <!-- Footer -->
2520        <footer class="c-footer">
2521            <div class="container">
2522                <div class="c-footer_body">
2523                    <div class="c-footer_right">
2524                        <div class="c-footer_right_box01">
2525                            <a href="https://m-hands.net" class="c-footer_logo">
2526                                <img loading="lazy" src="https://m-hands.net/wp/wp-content/themes/m-hand/assets/img/common/logo-white.webp" alt="マザーハンズ株式会社">
2527                            </a>
2528                            <p class="c-footer_txt">
2529                                あなたの会社の外部広報室<br>Web戦略を相談するならマザーハンズ
2530                            </p>
2531                        </div>
2532                        <div class="c-footer_right_box02">
2533                            <p class="c-footer_txt">マザーハンズ株式会社 / Mother Hands</p>
2534                            <p class="c-footer_address">〒730-0051<br> 広島県広島市中区大手町1丁目1-26 <br> 大手町一番ビル 402<br>
2535                            </p>
2536                        </div>
2537                        <div class="c-footer_right_box03">
2538                            <div class="linkbtn">
2539                                <a href="https://m-hands.net/blog/4355/"><span>Webなんでも相談</span></a>
2540                            </div>
2541                            <div class="linkbtn">
2542                                <a href="https://m-hands.net/service/webconsalting/analys/"><span>無料サイト分析</span></a>
2543                            </div>
2544                        </div>
2545                    </div>
2546                    <div class="c-footer_left">
2547                        <div class="box01">
2548                            <ul class="c-footer_nav">
2549                                <li class="c-footer_nav_item">
2550                                    <a href="https://m-hands.net/service/">サービス</a>
2551                                    <ul class="child01">
2552                                        <li class="child01_item">
2553                                            <a href="https://m-hands.net/service/marketing/">01.マーケティング支援</a>
2554                                            <ul class="taglist">
2555                                                <li><a href="https://m-hands.net/service/marketing/seo/"><span>SEO対策</a></span></li>
2556                                                <li><a href="https://m-hands.net/service/marketing/seo/#sec-meo"><span>MEO対策</a></span></li>
2557                                                <li><a href="https://m-hands.net/blog/4439/"><span>コラム制作代行</a></span></li>
2558                                                <li><a href="https://m-hands.net/blog/4436/"><span>コンテンツSEO</a></span></li>
2559                                                <li><a href="https://m-hands.net/service/marketing/lp/"><span>LP制作</a></span></li>
2560                                                <li><a href="https://m-hands.net/service/marketing/lp/#sec-tool"><span>LP分析&改善</a></span></li>
2561                                                <li><a href="https://m-hands.net/service/marketing/web-ad/"><span>Web広告</a></span></li>
2562                                                <li><a href="https://m-hands.net/service/marketing/ad/"><span>リスティング広告運用代行</a></span></li>
2563                                                <li><a href="https://m-hands.net/blog/4363/"><span>Google広告運用代行</a></span></li>
2564                                                <li><a href="https://m-hands.net/blog/4364/"><span>Googleショッピング広告運用代行</a></span></li>
2565                                                <li><a href="https://m-hands.net/blog/4365/"><span>Yahoo広告運用代行</a></span></li>
2566                                                <li><a href="https://m-hands.net/service/marketing/sns/"><span>SNS広告運用代行</a></span></li>
2567                                                <li><a href="https://m-hands.net/blog/4367/"><span>Facebook広告運用代行</a></span></li>
2568                                                <li><a href="https://m-hands.net/blog/4369/"><span>Instagram広告運用代行</a></span></li>
2569                                                <li><a href="https://m-hands.net/blog/4372/"><span>LINE広告運用代行</a></span></li>
2570                                                <li><a href="https://m-hands.net/blog/4374/"><span>X(旧Twitter)広告運用代行</a></span></li>
2571                                                <li><a href="https://m-hands.net/service/marketing/sns/#sec-snsmanage"><span>Instagram運用代行</a></span></li>
2572                                                <li><a href="https://m-hands.net/blog/4362/"><span>SNS用動画(リール制作他)</a></span></li>
2573                                                <li><a href="https://m-hands.net/blog/4360/"><span>撮影</a></span></li>
2574                                                <li><a href="https://m-hands.net/blog/4361/"><span>保守管理</a></span></li>
2575                                                <li><a href="https://m-hands.net/service/marketing/owned-media"><span>オウンドメディア運用代行</a></span></li>
2576                                            </ul>
2577                                        </li>
2578                                        <li class="child01_item">
2579                                            <a href="https://m-hands.net/service/webconsalting/">02.Webコンサルティング</a>
2580                                            <ul class="taglist">
2581                                                <li><a href="https://m-hands.net/service/webconsalting/creative/"><span>WEBサイト制作</span></a></li>
2582                                                <li><a href="https://m-hands.net/service/webconsalting/analys/"><span>WEBサイト改善</span></a></li>
2583                                                <li><a href="https://m-hands.net/service/webconsalting/creative/#sec-what-type-01"><span>コーポレートサイト制作</span></a></li>
2584                                                <li><a href="https://m-hands.net/service/webconsalting/creative/#sec-what-type-04"><span>採用サイト制作</span></a></li>
2585                                                <li><a href="https://m-hands.net/blog/4357/"><span>定額サイト制作「テイガクR」</span></a></li>
2586                                                <!--<li><a href=""><span>歯科サイト制作</span></a></li>-->
2587                                                <li><a href="https://m-hands.net/service/webconsalting/system/"><span>DX業務システム開発</span></a></li>
2588                                            </ul>
2589                                        </li>
2590                                        <li class="child01_item">
2591                                            <a href="https://m-hands.net/service/dental/">03.歯科サイト制作・マーケティング支援</a>
2592                                        </li>
2593                                        <li class="child01_item">
2594                                            <a href="https://m-hands.net/service/design/">04.デザイン制作</a>
2595                                            <ul class="taglist">
2596                                                <li><a href="https://m-hands.net/service/design/#sec-list-logo"><span>ロゴ制作</span></a></li>
2597                                                <li><a href="https://m-hands.net/service/design/#sec-list-bizcard"><span>名刺制作</span></a></li>
2598                                                <li><a href="https://m-hands.net/service/design/#sec-list-flyer"><span>チラシ制作</span></a></li>
2599                                                <li><a href="https://m-hands.net/service/design/#sec-list-brochure"><span>パンフレット/リーフレット制作</span></a></li>
2600                                                <li><a href="https://m-hands.net/service/design/#sec-other-03"><span>バナー制作</span></a></li>
2601                                                <li><a href="https://m-hands.net/service/design/#sec-list-document"><span>資料制作</span></a></li>
2602                                            </ul>
2603                                        </li>
2604                                        <li class="child01_item">
2605                                            <a href="https://m-hands.net/blog/4356/">05.通販コンサルティング</a>
2606                                            <ul class="taglist">
2607                                                <li><a href="https://m-hands.net/blog/4388/"><span>Shopify構築</span></a></li>
2608                                                <li><a href="https://m-hands.net/blog/4390/"><span>通販ページ構築</span></a></li>
2609                                            </ul>
2610                                        </li>
2611                                    </ul>
2612                                </li>
2613                            </ul>
2614                        </div>
2615                        <div class="box02">
2616                            <ul class="c-footer_nav">
2617                                <li class="c-footer_nav_item">
2618                                    <a href="https://m-hands.net/corporate/">会社情報</a>
2619                                    <ul class="child01">
2620                                        <li class="child01_item">
2621                                            <a href="https://m-hands.net/corporate/">会社概要</a>
2622                                        </li>
2623                                        <li class="child01_item">
2624                                            <a href="https://m-hands.net/corporate/#sec-range">対応領域</a>
2625                                        </li>
2626                                        <li class="child01_item">
2627                                            <a href="https://m-hands.net/corporate/#sec-policy">マザーハンズの指針</a>
2628                                        </li>
2629                                        <li class="child01_item">
2630                                            <a href="https://m-hands.net/corporate/#sec-message">代表挨拶</a>
2631                                        </li>
2632                                    </ul>
2633                                </li>
2634                            </ul>
2635                            <ul class="c-footer_nav">
2636                                <li class="c-footer_nav_item">
2637                                    <a href="https://m-hands.net/works/">実績事例</a>
2638                                </li>
2639                                <li class="c-footer_nav_item">
2640                                    <a href="https://m-hands.net/blog/">コラム</a>
2641                                </li>
2642                                <li class="c-footer_nav_item">
2643                                    <a href="https://m-hands.net/blog/4354/">採用情報</a>
2644                                </li>
2645                                <li class="c-footer_nav_item">
2646                                    <a href="https://m-hands.net/contact/">資料ダウンロード</a>
2647                                </li>
2648                                <li class="c-footer_nav_item">
2649                                    <a href="https://m-hands.net/contact/">お問い合わせ</a>
2650                                </li>
2651                            </ul>
2652                        </div>
2653                    </div>
2654                </div>
2655            </div>
2656            <p class="copyright">&copy; MotherHands Inc. All rights reserved.</p>
2657        </footer>
2658    </div>
2659
2660
2661<script type="speculationrules">
2662{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/wp/wp-content/uploads/*","/wp/wp-content/*","/wp/wp-content/plugins/*","/wp/wp-content/themes/m-hand/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2663</script>
vendor: 1 bytes, line 2663
2663
2664<script id="wp-hooks-js" src="https://m-hands.net/wp/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 2664
2664
2665<script id="wp-i18n-js" src="https://m-hands.net/wp/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 2665
2665
2666<script id="wp-i18n-js-after">
2667wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2668//# sourceURL=wp-i18n-js-after
2669</script>
vendor: 1 bytes, line 2669
2669
2670<script id="swv-js" src="https://m-hands.net/wp/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2670
2670
2671<script id="contact-form-7-js-translations">
2672( function( domain, translations ) {
2673	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
2674	localeData[""].domain = domain;
2675	wp.i18n.setLocaleData( localeData, domain );
2676} )( "contact-form-7", {"translation-revision-date":"2025-11-30 08:12:23+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
2677//# sourceURL=contact-form-7-js-translations
2678</script>
vendor: 1 bytes, line 2678
2678
2679<script id="contact-form-7-js-before">
2680var wpcf7 = {
2681    "api": {
2682        "root": "https:\/\/m-hands.net\/wp-json\/",
2683        "namespace": "contact-form-7\/v1"
2684    }
2685};
2686//# sourceURL=contact-form-7-js-before
2687</script>
vendor: 1 bytes, line 2687
2687
2688<script id="contact-form-7-js" src="https://m-hands.net/wp/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 2688
2688
2689<script id="toc-front-js-extra">
2690var tocplus = {"smooth_scroll":"1","visibility_show":"\u8868\u793a","visibility_hide":"\u975e\u8868\u793a","toggle_style":"brackets","visibility_hide_by_default":"1","width":"100%","smooth_scroll_offset":"100"};
2691//# sourceURL=toc-front-js-extra
2692</script>
vendor: 1 bytes, line 2692
2692
2693<script id="toc-front-js" src="https://m-hands.net/wp/wp-content/plugins/table-of-contents-plus/assets/front.min.js?ver=202609.1"></script>
vendor: 1 bytes, line 2693
2693
2694<script id="heateor_sss_sharing_js-js-before">
2695function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}};	var heateorSssSharingAjaxUrl = 'https://m-hands.net/wp/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://m-hands.net/wp/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://m-hands.net/wp/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "リンクがコピーされました。";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'シェア', heateorSssShareText = 'シェア';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")}
2696//# sourceURL=heateor_sss_sharing_js-js-before
2697</script>
vendor: 1 bytes, line 2697
2697
2698<script id="heateor_sss_sharing_js-js" src="https://m-hands.net/wp/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.79"></script>
vendor: 1 bytes, line 2698
2698
2699<script id="throws-spam-away-script-js" src="https://m-hands.net/wp/wp-content/plugins/throws-spam-away/js/tsa_params.min.js?ver=3.9"></script>
vendor: 1 bytes, line 2699
2699
2700<script id="wp-emoji-settings" type="application/json">
2701{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://m-hands.net/wp/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
2702</script>
vendor: 1 bytes, line 2702
2702
2703<script type="module">
2704/*! This file is auto-generated */
2705var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2706//# sourceURL=https://m-hands.net/wp/wp-includes/js/wp-emoji-loader.min.js
2707</script>
2707
2708</body>

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.