PageSourceSearch

https://www.order-noren.com/

html order-noren.com collected 2026-10-04 19:22:50 UTC 228,297 bytes, 3,753 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <meta charset="UTF-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
8<!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13})(window,document,'script','dataLayer','
13GTM-M477WNQ8
vendor: 3 bytes, line 13
13');
13</script>
13
14<!-- End Google Tag Manager -->
15<!-- Google Tag Manager -->
16<script>
vendor: 327 bytes, lines 16-20
16(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
17new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
18j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
19'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
20})(window,document,'script','dataLayer','
20GTM-K2986W3
vendor: 3 bytes, line 20
20');
20</script>
20
21<!-- End Google Tag Manager -->
22
23  <meta name="viewport" content="width=1024">
24  <meta name="format-detection" content="telephone=no,address=no,email=no">
25  <meta name="description" content="オーダーのれんドットコムは明瞭な価格体系と4つの原稿作成プラン及び2つの納期プランが特徴です。その他、多数の制作事例やお客様の声、デザインサンプル、無料の生地見本帳やデザインサポート、交換保証などをご用意、安心してオリジナルののれんをご注文いただけます。">
26      <meta name="keywords" content="のれん">
27  
28  <!-- FontPlus start -->
29  
29<script type="text/javascript" src="//webfont.fontplus.jp/accessor/script/fontplus.js?pXObJlecZOA%3D&box=3oLGRt1Kag0%3D&aa=1&ab=2" charset="utf-8"></script>
29
30  <!-- FontPlus end -->
31
32  <!-- Facebook start -->
33      <meta property="og:type" content="website">
34    <meta property="og:title" content="のれん 高品質オリジナルなのに納期は最短3日!オーダーのれんドットコム">
35  <meta property="og:url" content="https://www.order-noren.com/">
36  <meta property="og:image" content="https://www.order-noren.com/common/img/thumb_fb.png">
37  <meta property="og:description" content="オーダーのれんドットコムは明瞭な価格体系と4つの原稿作成プラン及び2つの納期プランが特徴です。その他、多数の制作事例やお客様の声、デザインサンプル、無料の生地見本帳やデザインサポート、交換保証などをご用意、安心してオリジナルののれんをご注文いただけます。">
38  <meta property="og:site_name" content="オーダーのれんドットコム">
39  <!-- Facebook end -->
40
41  <link rel="icon" href="/common/img/favicon.ico">
42  <link rel="apple-touch-icon" href="/common/img/icon.png">
43  <!-- <link rel="stylesheet" href="/common/css/lib/animsition.css?v=1"> -->
44  <link rel="stylesheet" href="/common/css/common.css?v=1">
45        <link href="/common/css/lib/slick-theme.css?v=1" rel="stylesheet">
46        <link href="/common/css/lib/slick.css?v=1" rel="stylesheet">
47        <link href="css/style.css?v=1" rel="stylesheet">
48      <title>のれん 高品質オリジナルなのに納期は最短3日!オーダーのれんドットコム</title>
49</head>
50
51<body class="page-fade">
52
53      <div id="fb-root"></div>
54    
54<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v5.0"></script>
54
55  
56<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 56-57
56
57<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
57GTM-M477WNQ8
vendor: 83 bytes, line 57
57" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
58<!-- End Google Tag Manager (noscript) -->
59<!-- Google Tag Manager (noscript)20250331 -->
vendor: 68 bytes, lines 59-60
59
60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
60GTM-K2986W3
vendor: 83 bytes, line 60
60" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
61<!-- End Google Tag Manager (noscript) -->
62
63
64  <!-- ////////////////////////////////////////////////// page seni -->
65  <div class="fade_group">
66    <div></div>
67    <div></div>
68    <div></div>
69    <div></div>
70  </div>
71  <div class="fade_group2">
72    <div></div>
73    <div></div>
74  </div>
75
76
77  <!-- ////////////////////////////////////////////////// header start -->
78  <header id="head">
79    <div class="box-center">
80      <div class="head-left pc-item">
81        <div class="head-logo-info-block">
82                                <h1 class="head-logo">
83              <a href="/">
84                <img src="/common/img/logo.svg" width="203" height="54" alt="オーダーのれんドットコム">
85              </a>
86            </h1>
87          
88          <div class="head-info-block">
89            <div class="form-link-block">
90              <p>お気軽にお問い合せください</p>
91              <ul>
92                <li class="c-arrowTxt"><a href="/inquiry_form/">お問い合わせ</a></li>
93                <li class="c-arrowTxt"><a href="/design_form/">デザイン相談</a></li>
94              </ul>
95            </div>
96            <div class="tel-block">
97              <p>お客様相談窓口(平日 9:00~17:30)</p>
98              <p class="tel-txt"><a href="tel:0120-896-092" class="c-icon -tel tel-linktext">0120-896-092</a></p>
99            </div>
100          </div>
101        </div>
102      </div>
103
104      <div class="head-right pc-item">
105        <div class="head-btn" id="member-navi-pc">
106          <div class="loader">Loading...</div>
107          <div class="left-btn-block -login">
108            <p class="login-btn"><a href="https://www.hakuromarkss.jp/login/" class="c-gray02-btn"><span>ログイン</span></a></p>
109            <p class="pc-item"><a href="https://www.hakuromarkss.jp/register/" class="c-gray02-btn"><span>新規会員登録</span></a></p>
110          </div>
111          <div class="left-btn-block -mypage">
112            <p class="login-btn"><a href="https://www.hakuromarkss.jp/member/" class="c-gray02-btn"><span><span class="-thin"><span class="name" id="member-name-pc">白露太郎</span>さん</span><br>マイページ</span></a></p>
113            <p class="pc-item"><a href="https://www.hakuromarkss.jp/member/order/" class="c-gray02-btn"><span>注文履歴・原稿確認</span></a></p>
114          </div>
115          <div class="right-btn-block">
116            <p class="cart-btn"><a href="https://www.hakuromarkss.jp/cart/" class="c-gray02-btn"><span>カート</span></a></p>
117            <p class="pc-item"><a href="https://www.hakuromarkss.jp/quotation_order/" class="c-gray02-btn"><span>見積番号で注文</span></a></p>
118          </div>
119        </div>
120      </div>
121
122      <div class="sp-head sp-item">
123        <div class="menu-btn">
124          <span></span>
125          <span></span>
126          <span></span>
127          <p>MENU</p>
128          <p class="fontplus-support">CLOSE</p>
129        </div>
130
131                          <h1 class="head-logo">
132            <a href="/">
133              <img src="/common/img/logo.png" width="203" height="54" alt="旗・幕ドットコム">
134            </a>
135          </h1>
136                <ul class="head-btn" id="member-navi-sp">
137          <li class="loader">Loading...</li>
138          <li class="login-btn -login"><a href="https://www.hakuromarkss.jp/login" class="c-gray02-btn"><span>ログイン</span></a></li>
139          <li class="login-btn -mypage"><a href="https://www.hakuromarkss.jp/member/" class="c-gray02-btn"><span><span class="-thin"><span class="name" id="member-name-sp">白露太郎</span>さん</span><br>マイページ</span></a></li>
140          <li class="cart-btn"><a href="https://www.hakuromarkss.jp/cart/" class="c-gray02-btn"><span>カート</span></a></li>
141        </ul>
142      </div>
143
144      <div class="menu-wrap">
145        <ul class="g-nav">
146          <li class="has-child noren">
147            <a href="/product/"><span class="c-icon -noren -headIcon">商品一覧</span></a>
148            <div class="mega-wrap">
149              <div class="c-size-graph-wrap">
150                <div class="pc-wrap pc-item">
151  <div class="noren-megaWrap">
152    <div class="t-product">
153      <ul>
154        <li>
155          <p>
156            <!-- <picture>
157              <source media="(min-width:768px)" data-srcset="/product/img/product_type01.jpg 1x, /product/img/[email protected] 2x" sizes="621px" srcset="/product/img/product_type01.jpg 1x, /product/img/[email protected] 2x">
158              <source media="(max-width:768px)" data-srcset="/product/img/product_type01.jpg" sizes="621px" srcset="/product/img/product_type01.jpg">
159              <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/product_type01.jpg" alt="" sizes="621px" src="/product/img/product_type01.jpg">
160            </picture> -->
161            <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/[email protected]" alt="" sizes="621px" src="/product/img/[email protected]">
162          </p>
163          <div class="product-detail">
164            <p class="product-ttl">のれん</p>
165            <p>何色使っても価格は同じ。<br>どんなデザインの<br>のれんでも製作可能!</p>
166
167            <p class="detail-btn"><a href="/product/noren/" class="c-green-btn"><span>詳細を見る</span></a></p>
168          </div>
169        </li>
170        <li>
171          <p>
172            <!-- <picture>
173              <source media="(min-width:768px)" data-srcset="/product/img/product_type02.jpg 1x, /product/img/[email protected] 2x" sizes="621px" srcset="/product/img/product_type02.jpg 1x, /product/img/[email protected] 2x">
174              <source media="(max-width:768px)" data-srcset="/product/img/product_type02.jpg" sizes="621px" srcset="/product/img/product_type02.jpg">
175              <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/product_type02.jpg" alt="" sizes="621px" src="/product/img/product_type02.jpg">
176            </picture> -->
177            <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/[email protected]" alt="" sizes="621px" src="/product/img/[email protected]">
178          </p>
179          <div class="product-detail">
180            <p class="product-ttl">日除け幕</p>
181            <p>出しっ放しの<br>日除けのれんだからこそ<br>丈夫な生地をご用意!</p>
182
183            <p class="detail-btn"><a href="/product/hiyokemaku/" class="c-green-btn"><span>詳細を見る</span></a></p>
184          </div>
185        </li>
186      </ul>
187    </div>
188
189    <div class="t-relatedProduct mt0">
190      <p class="relatedProduct-ttl">
190のれん・日除け幕 <span>関連商品</span></p>
191      <ul>
192        <li>
193          <a href="/product/norenbou/">
194            <!-- <picture>
195              <source media="(min-width:768px)" data-srcset="/img/relatedProduct_norenbo_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_norenbo_s.jpg 1x,/img/[email protected] 2x">
196              <source media="(max-width:768px)" data-srcset="/img/relatedProduct_norenbo_s.jpg" sizes="325px" srcset="/img/relatedProduct_norenbo_s.jpg">
197              <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_norenbo_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_norenbo_s.jpg">
198            </picture> -->
199            <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
200            <p class="t-relatedProduct-title">のれん棒</p>
201            <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
202          </a>
203        </li>
204
205        <li>
206          <a href="/product/norengake/">
207            <!-- <picture>
208              <source media="(min-width:768px)" data-srcset="/img/relatedProduct_norengake_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_norengake_s.jpg 1x,/img/[email protected] 2x">
209              <source media="(max-width:768px)" data-srcset="/img/relatedProduct_norengake_s.jpg" sizes="325px" srcset="/img/relatedProduct_norengake_s.jpg">
210              <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_norengake_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_norengake_s.jpg">
211            </picture> -->
212            <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
213            <p class="t-relatedProduct-title">のれん掛け</p>
214            <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
215          </a>
216        </li>
217
218        <li>
219          <a href="/product/omoshi/">
220            <!-- <picture>
221              <source media="(min-width:768px)" data-srcset="/img/relatedProduct_omoriishi_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_omoriishi_s.jpg 1x,/img/[email protected] 2x">
222              <source media="(max-width:768px)" data-srcset="/img/relatedProduct_omoriishi_s.jpg" sizes="325px" srcset="/img/relatedProduct_omoriishi_s.jpg">
223              <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_omoriishi_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_omoriishi_s.jpg">
224            </picture> -->
225            <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
226            <p class="t-relatedProduct-title">日除け幕用重石</p>
227            <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
228          </a>
229        </li>
230
231        <li>
232          <a href="/product/other/">
233            <!-- <picture>
234              <source media="(min-width:768px)" data-srcset="/img/relatedProduct_others_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_others_s.jpg 1x,/img/[email protected] 2x">
235              <source media="(max-width:768px)" data-srcset="/img/relatedProduct_others_s.jpg" sizes="325px" srcset="/img/relatedProduct_others_s.jpg">
236              <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_others_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_others_s.jpg">
237            </picture> -->
238            <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
239            <p class="t-relatedProduct-title">その他</p>
240            <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
241          </a>
242        </li>
243      </ul>
244    </div>
245  </div>
246</div>              </div>
247            </div>
248            <div class="sp-mega-open sp-item">
249              <div class="plus">
250                <span></span>
251                <span></span>
252              </div>
253            </div>
254          </li>
255
256          <li class="has-child sampleMenu">
257            <a href="/sample/"><span class="c-icon -book -headIcon">デザイン<br class="sp-item">サンプル</span></a>
258            <div class="mega-wrap">
259              <div data-pc-sample-navi-vue :class="{'-ready': isReady}">
260  <div class="head-tab">
261    <ul class="tabs">
262      <li
263        v-for="(label, key, index) in categories"
264        @click.prevent="selectedCategory = key"
265        :class="{active: selectedCategory == key}"
266        :id="'tab' + (index+1)" class="tab">
267        <a href="#" @click.prevent><span>{{label}}型</span></a>
268      </li>
269    </ul>
270    <ul class="panels">
271      <li class="panel active">
272        <p>分類から探す</p>
273        <ul class="sample-srch-list pc-item">
274          <li v-for="(label, key) in activatedClassifications">
275            <a :href="getSearchUrl({category: selectedCategory, class: key})">{{label}}</a>
276          </li>
277        </ul>
278
279        <p>イメージから探す</p>
280        <ul class="sample-srch-list pc-item">
281          <li v-for="(label, key) in tags"><a :href="getSearchUrl({category: selectedCategory, tag: key})">{{label}}</a></li>
282        </ul>
283      </li>
284    </ul>
285  </div>
286</div>
287            </div>
288            <div class="sp-mega-open sp-item">
289              <span></span>
290              <span></span>
291            </div>
292          </li>
293
294          <li class="has-child exampleMenu">
295            <a href="/case/"><span class="c-icon -house -headIcon">事例紹介</span></a>
296            <div class="mega-wrap">
297              <div>
298                <div class="content-wrap">
299  <div class="content-block -scene">
300    <p class="c-link-btn menu-scene"><a href="/case/scene/">業種・シーン別活用事例</a></p>
301    <ul class="c-list-withImg">
302      <li><a href="/case/scene/scenebetu_noren_wasyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_wasyoku.jpg" alt=""></span>和食</a></li>
303      <li><a href="/case/scene/scenebetu_noren_sushi.php"><span class="list-img"><img src="/case/img/scene_thumb_sushi.jpg" alt=""></span>寿司</a></li>
304      <li><a href="/case/scene/scenebetu_noren_yosyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_yosyoku.jpg" alt=""></span>洋食</a></li>
305      <li><a href="/case/scene/scenebetu_noren_ramen.php"><span class="list-img"><img src="/case/img/scene_thumb_ramen.jpg" alt=""></span>ラーメン・中華料理</a></li>
306      <!-- <li><a href="/case/scene/scenebetu_noren_udonsoba.php"><span class="list-img"><img src="/case/img/scene_thumb_udonsoba.jpg" alt=""></span>うどん・そば</a></li> -->
307      <li><a href="/case/scene/scenebetu_noren_udon.php"><span class="list-img"><img src="/case/img/scene_thumb_udon.jpg" alt=""></span>うどん</a></li>
308      <li><a href="/case/scene/scenebetu_noren_soba.php"><span class="list-img"><img src="/case/img/scene_thumb_soba.jpg" alt=""></span>そば</a></li>
309      <li><a href="/case/scene/scenebetu_noren_yakiniku.php"><span class="list-img"><img src="/case/img/scene_thumb_yakiniku.jpg" alt=""></span>焼肉</a></li>
310      <li><a href="/case/scene/scenebetu_noren_yakitori.php"><span class="list-img"><img src="/case/img/scene_thumb_yakitori.jpg" alt=""></span>焼鳥</a></li>
311      <li><a href="/case/scene/scenebetu_noren_okonomiyaki.php"><span class="list-img"><img src="/case/img/scene_thumb_okonomiyaki.jpg" alt=""></span>お好み焼き</a></li>
312      <li class="pc-item"><a href="/case/scene/scenebetu_noren_izakaya.php"><span class="list-img"><img src="/case/img/scene_thumb_izakaya.jpg" alt=""></span>居酒屋</a></li>
313      <li class="pc-item"><a href="/case/scene/scenebetu_noren_cafe.php"><span class="list-img"><img src="/case/img/scene_thumb_cafe.jpg" alt=""></span>カフェ</a></li>
314      <li class="pc-item"><a href="/case/scene/scenebetu_noren_sonotainsyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_sonotainsyoku.jpg" alt=""></span>飲食店・店舗</a></li>
315      <li class="pc-item"><a href="/case/scene/scenebetu_noren_wagashi.php"><span class="list-img"><img src="/case/img/scene_thumb_wagashi.jpg" alt=""></span>和菓子</a></li>
316      <li class="pc-item"><a href="/case/scene/scenebetu_noren_yogashi.php"><span class="list-img"><img src="/case/img/scene_thumb_yogashi.jpg" alt=""></span>洋菓子・スイーツ</a></li>
317      <li class="pc-item"><a href="/case/scene/scenebetu_noren_bread.php"><span class="list-img"><img src="/case/img/scene_thumb_bread.jpg" alt=""></span>パン</a></li>
318      <li class="pc-item"><a href="/case/scene/scenebetu_noren_ofuro.php"><span class="list-img"><img src="/case/img/scene_thumb_ofuro.jpg" alt=""></span>お風呂・湯のれん</a></li>
319      <li class="pc-item"><a href="/case/scene/scenebetu_noren_seikotuin.php"><span class="list-img"><img src="/case/img/scene_thumb_seikotuin.jpg" alt=""></span>整骨院・鍼灸接骨院・整体院</a></li>
320      <li class="pc-item"><a href="/case/scene/scenebetu_noren_massage.php"><span class="list-img"><img src="/case/img/scene_thumb_massage.jpg" alt=""></span>足つぼ・もみほぐし・マッサージ</a></li>
321      <li class="pc-item"><a href="/case/scene/scenebetu_noren_fudosan.php"><span class="list-img"><img src="/case/img/scene_thumb_fudosan.jpg" alt=""></span>不動産・住宅展示場</a></li>
322      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kaigosisetu.php"><span class="list-img"><img src="/case/img/scene_thumb_kaigosisetu.jpg" alt=""></span>介護施設・老人ホーム(デイサービス)</a></li>
323      <li class="pc-item"><a href="/case/scene/scenebetu_noren_salon.php"><span class="list-img"><img src="/case/img/scene_thumb_salon.jpg" alt=""></span>日焼けサロン・エステサロン・美顔</a></li>
324      <li class="pc-item"><a href="/case/scene/scenebetu_noren_petshop.php"><span class="list-img"><img src="/case/img/scene_thumb_petshop.jpg" alt=""></span>ペットショップ</a></li>
325      <li class="pc-item"><a href="/case/scene/scenebetu_noren_recycle.php"><span class="list-img"><img src="/case/img/scene_thumb_recycle.jpg" alt=""></span>リサイクルショップ・質屋</a></li>
326      <li class="pc-item"><a href="/case/scene/scenebetu_noren_riyousitu.php"><span class="list-img"><img src="/case/img/scene_thumb_riyousitu.jpg" alt=""></span>理容室・美容室</a></li>
327      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kominka.php"><span class="list-img">
327<img src="/case/img/scene_thumb_kominka.jpg" alt=""></span>古民家</a></li>
328      <li class="pc-item"><a href="/case/scene/scenebetu_noren_ryokan.php"><span class="list-img"><img src="/case/img/scene_thumb_ryokan.jpg" alt=""></span>ゲストハウス・旅館・民宿</a></li>
329      <li class="pc-item"><a href="/case/scene/scenebetu_noren_saiji.php"><span class="list-img"><img src="/case/img/scene_thumb_saiji.jpg" alt=""></span>イベント・催事</a></li>
330      <li class="pc-item"><a href="/case/scene/scenebetu_noren_tenjikai.php"><span class="list-img"><img src="/case/img/scene_thumb_tenjikai.jpg" alt=""></span>展示会</a></li>
331      <li class="pc-item"><a href="/case/scene/scenebetu_noren_idouhanbai.php"><span class="list-img"><img src="/case/img/scene_thumb_idouhanbai.jpg" alt=""></span>移動販売・キッチンカー</a></li>
332      <li class="pc-item"><a href="/case/scene/scenebetu_noren_athome.php"><span class="list-img"><img src="/case/img/scene_thumb_athome.jpg" alt=""></span>家庭用・趣味</a></li>
333      <li class="pc-item"><a href="/case/scene/scenebetu_noren_overseas.php"><span class="list-img"><img src="/case/img/scene_thumb_overseas.jpg" alt=""></span>海外</a></li>
334      <li class="pc-item"><a href="/case/scene/scenebetu_noren_majikiri.php"><span class="list-img"><img src="/case/img/scene_thumb_majikiri.jpg" alt=""></span>間仕切り・目隠し</a></li>
335      <li class="pc-item"><a href="/case/scene/scenebetu_noren_display.php"><span class="list-img"><img src="/case/img/scene_thumb_display.jpg" alt=""></span>ディスプレー</a></li>
336      <li class="pc-item"><a href="/case/scene/scenebetu_noren_counter.php"><span class="list-img"><img src="/case/img/scene_thumb_counter.jpg" alt=""></span>カウンター</a></li>
337      <li class="pc-item"><a href="/case/scene/scenebetu_noren_koshimaki.php"><span class="list-img"><img src="/case/img/scene_thumb_koshimaki.jpg" alt=""></span>腰巻き</a></li>
338      <li class="pc-item"><a href="/case/scene/scenebetu_noren_wedding.php"><span class="list-img"><img src="/case/img/scene_thumb_wedding.jpg" alt=""></span>結婚式</a></li>
339      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kamon.php"><span class="list-img"><img src="/case/img/scene_thumb_kamon.jpg" alt=""></span>家紋入り</a></li>
340      <li class="pc-item"><a href="/case/scene/scenebetu_noren_gakuya.php"><span class="list-img"><img src="/case/img/scene_thumb_gakuya.jpg" alt=""></span>楽屋のれん</a></li>
341      <li class="pc-item"><a href="/case/scene/scenebetu_noren_hiyoke.php"><span class="list-img"><img src="/case/img/scene_thumb_hiyoke.jpg" alt=""></span>玄関の日除けのれん</a></li>
342    </ul>
343    <!--20260911 delete p><a href="/case/scene/" class="btn c-gray02-btn"><span>業種・シーン別活用事例をもっと見る</span></a></p-->
344  </div>
345  <div class="content-block -other">
346    <div class="menu-block">
347      <p class="c-link-btn menu-voice"><a href="/case/voice/">お客様の声</a></p>
348      <p class="menu-banner"><a href="/case/voice/"><img src="/common/img/[email protected]" alt=""></a></p>
349    </div>
350    <div class="menu-block">
351      <p class="c-link-btn menu-gallery"><a href="/case/gallery/">フォトギャラリー</a></p>
352      <p class="menu-banner"><a href="/case/gallery/"><img src="/common/img/[email protected]" alt=""></a></p>
353    </div>
354    <div class="menu-block">
355      <p class="c-link-btn menu-work"><a href="/case/work/">製作事例</a></p>
356      <p class="menu-banner"><a href="/case/work/"><img src="/common/img/[email protected]" alt=""></a></p>
357    </div>
358  </div>
359</div>
360              </div>
361            </div>
362            <div class="sp-mega-open sp-item">
363              <span></span>
364              <span></span>
365            </div>
366          </li>
367
368          <li class="has-child guideMenu">
369            <a href="/guide/"><span class="c-icon -guide -headIcon">ご利用ガイド</span></a>
370            <div class="mega-wrap">
371              <div>
372                <div class="content-wrap">
373  <div class="content-block -topics">
374    <div class="topics-block">
375      <p class="c-link-btn"><a href="/guide/merit/">お客様10のメリット</a></p>
376      <p class="topics-banner">
377        <a href="/guide/merit/">
378          <!-- <picture>
379            <source media="(min-width:768px)" data-srcset="/common/img/guide_merit_banner.jpg 1x, /common/img/[email protected] 2x">
380            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
381            <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/guide_merit_banner.jpg" alt="">
382          </picture> -->
383          <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/[email protected]" alt="">
384        </a>
385      </p>
386    </div>
387    <div class="topics-block-wrap pc-item">
388      <div class="topics-block">
389        <p class="c-link-btn"><a href="/guide/first/">はじめての方へ</a></p>
390        <p class="topics-banner">
391          <a href="/guide/first/">
392            <!-- <picture>
393              <source media="(min-width:768px)" data-srcset="/common/img/guide_first_banner.jpg 1x, /common/img/[email protected] 2x">
394              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
395              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_first_banner.jpg" alt="">
396            </picture> -->
397            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
398          </a>
399        </p>
400      </div>
401      <div class="topics-block">
402        <p class="c-link-btn"><a href="/guide/order/product/">ご注文方法</a></p>
403        <p class="topics-banner">
404          <a href="/guide/order/product/">
405            <!-- <picture>
406              <source media="(min-width:768px)" data-srcset="/common/img/guide_order_banner.jpg 1x, /common/img/[email protected] 2x">
407              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
408              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_order_banner.jpg" alt="">
409            </picture> -->
410            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
411          </a>
412        </p>
413      </div>
414    </div>
415  </div>
416  <div class="content-block -topics">
417    <div class="topics-block">
418      <p class="c-link-btn"><a href="/guide/flow/">ご注文から商品到着まで</a></p>
419      <p class="topics-banner">
420        <a href="/guide/flow/">
421          <!-- <picture>
422            <source media="(min-width:768px)" data-srcset="/common/img/guide_flow_banner.jpg 1x, /common/img/[email protected] 2x">
423            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
424            <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/guide_flow_banner.jpg" alt="">
425          </picture> -->
426          <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/[email protected]" alt="">
427        </a>
428      </p>
429    </div>
430    <div class="topics-block-wrap pc-item">
431      <div class="topics-block">
432        <p class="c-link-btn"><a href="/guide/delivery/">送料・納期</a></p>
433        <p class="topics-banner">
434          <a href="/guide/delivery/">
435            <!-- <picture>
436              <source media="(min-width:768px)" data-srcset="/common/img/guide_delivery_banner.jpg 1x, /common/img/[email protected] 2x">
437              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
438              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_delivery_banner.jpg" alt="">
439            </picture> -->
440            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
441          </a>
442        </p>
443      </div>
444      <div class="topics-block">
445        <p class="c-link-btn"><a href="/guide/payment/">お支払い方法</a></p>
446        <p class="topics-banner">
447          <a href="/guide/payment/">
448            <!-- <picture>
449              <source media="(min-width:768px)" data-srcset="/common/img/guide_payment_banner.jpg 1x, /common/img/[email protected] 2x">
450              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
451              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_payment_banner.jpg" alt="">
452            </picture> -->
453            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
454          </a>
455        </p>
456      </div>
457    </div>
458  </div>
459  <div class="content-block -plan">
460    <div class="plan-block">
461      <p class="c-link-btn"><a href="/guide/plan/">原稿作成プラン</a></p>
462      <ul class="plans-list">
463        <li>
464          <a href="/guide/plan/self/">
465            <p class="link-img">
466              <!-- <picture>
467                <source media="(min-width:768px)" srcset="/common/img/plan_img1.jpg">
468                <source media="(max-width:768px)" srcset="/common/img/plan_img1.jpg">
469                <img src="/common/img/plan_img1.jpg" alt="">
470              </picture> -->
471              <img src="/common/img/plan_img1.jpg" alt="">
472            </p>
473            <div class="txt-block">
474              <p class="copy">データを支給<br class="pc-item">していただく</p>
475              <p class="plan-name">セルフプラン</p>
476            </div>
477          </a>
478        </li>
479        <li>
480          <a href="/guide/plan/select/">
481            <p class="link-img">
482              <!-- <picture>
483                <source media="(min-width:768px)" srcset="/common/img/plan_img2.jpg">
484                <source media="(max-width:768px)" srcset="/common/img/plan_img2.jpg">
485                <img src="/common/img/plan_img2.jpg" alt="">
486              </picture> -->
487              <img src="/common/img/plan_img2.jpg" alt="">
488            </p>
489            <div class="txt-block">
490              <p class="copy">デザインサンプル<br class="pc-item">から作成</p>
491              <p class="plan-name">セレクトプラン</p>
492            </div>
493          </a>
494        </li>
495        <li>
496          <a href="/guide/plan/designers/">
497            <p class="link-img">
498              <!-- <picture>
499                <source media="(min-width:768px)" srcset="/common/img/plan_img3.jpg">
500                <source media="(max-width:768px)" srcset="/common/img/plan_img3.jpg">
501                <img src="/common/img/plan_img3.jpg" alt="">
502              </picture> -->
503              <img src="/common/img/plan_img3.jpg" alt="">
504            </p>
505            <div class="txt-block">
506              <p class="copy">ラフからプロが<br class="pc-item">デザイン!</p>
507              <p class="plan-name">デザイナーズプラン</p>
508            </div>
509          </a>
510        </li>
511        <li>
512          <a href="/guide/plan/actual/">
513            <p class="link-img">
514              <!-- <picture>
515                <source media="(min-width:768px)" srcset="/common/img/plan_img4.jpg">
516                <source media="(max-width:768px)" srcset="/common/img/plan_img4.jpg">
517                <img src="/common/img/plan_img4.jpg" alt="">
518              </picture> -->
519              <img src="/common/img/plan_img4.jpg" alt="">
520            </p>
521            <div class="txt-block">
522              <p class="copy">現物もしくは<br class="pc-item">写真から作る</p>
523              <p class="plan-name">現物プラン</p>
524            </div>
525          </a>
526        </li>
527      </ul>
528    </div>
529  </div>
530  <div class="content-block -spMiddle sp-item">
531    <div class="topics-block">
532      <p class="c-link-btn"><a href="/guide/first/">はじめての方へ</a></p>
533      <p class="topics-banner">
534        <a href="/guide/first/">
535          <!-- <picture>
536            <source media="(min-width:768px)" srcset="/common/img/guide_first_banner.jpg">
537            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
538            <img src="/common/img/guide_first_banner.jpg" alt="">
539          </picture> -->
540          <img src="/common/img/[email protected]" alt="">
541        </a>
542      </p>
543    </div>
544    <div class="topics-block">
545      <p class="c-link-btn"><a href="/guide/order/product/">ご注文方法</a></p>
546      <p class="topics-banner">
547        <a href="/guide/order/product/">
548          <!-- <picture>
549            <source media="(min-width:768px)" srcset="/common/img/guide_order_banner.jpg">
550            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
551            <img src="/common/img/guide_order_banner.jpg" alt="">
552          </picture> -->
553          <img src="/common/img/[email protected]" alt="">
554        </a>
555      </p>
556    </div>
557    <div class="topics-block">
558      <p class="c-link-btn"><a href="/guide/delivery/">送料・納期</a></p>
559      <p class="topics-banner">
560        <a href="/guide/delivery/">
561          <!-- <picture>
562            <source media="(min-width:768px)" srcset="/common/img/guide_delivery_banner.jpg">
563            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
564            <img src="/common/img/guide_delivery_banner.jpg" alt="">
565          </picture> -->
566          <img src="/common/img/[email protected]" alt="">
567        </a>
568      </p>
569    </div>
570    <div class="topics-block">
571      <p class="c-link-btn"><a href="/guide/payment/">お支払い方法</a></p>
572      <p class="topics-banner">
573        <a href="/guide/payment/">
574          <!-- <picture>
575            <source media="(min-width:768px)" srcset="/common/img/guide_payment_banner.jpg">
576            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
577            <img src="/common/img/guide_payment_banner.jpg" alt="">
578          </picture> -->
579          <img src="/common/img/[email protected]" alt="">
580        </a>
581      </p>
582    </div>
583  </div>
584  <div class="content-block -others">
585    <ul class="others-list">
586      <li>
587        <p class="c-link-btn"><a href="/guide/submit_guide/">データ入稿ガイド</a></p>
588      </li>
589      <li>
590        <p class="c-link-btn"><a href="/guide/template/">テンプレート</a></p>
591      </li>
592      <li>
593        <p class="c-link-btn"><a href="/guide/estimate/">自動見積</a></p>
594      </li>
595      <li>
596        <p class="c-link-btn"><a href="/guide/material/">生地一覧</a></p>
597      </li>
598      <li>
599        <p class="c-link-btn"><a href="https://www.hakuromarkss.jp/sample_form/order-noren/">生地見本帳&現物サンプル</a></p>
600      </li>
601      <li>
602        <p class="c-link-btn"><a href="/guide/print/">印刷方法</a></p>
603      </li>
604    </ul>
605  </div>
606</div>              </div>
607            </div>
608            <div class="sp-mega-open sp-item">
609              <div class="plus">
610                <span></span>
611                <span></span>
612              </div>
613            </div>
614          </li>
615          <li class="has-child supportMenu">
616            <a href="/support/"><span class="c-icon -support -headIcon">サポート</span></a>
617            <div class="mega-wrap">
618              <div>
619                <div class="content-wrap">
620  <div class="content-block -main">
621    <div class="main-block">
622      <p class="c-link-btn"><a href="/support/shoukatensha/">なぜ「本染め」ではなく、「昇華転写捺染」なのか?</a></p>
623      <p class="main-banner">
624        <a href="/support/shoukatensha/">
625          <!-- <picture>
626            <source media="(min-width:768px)" data-srcset="/common/img/support_shoukatensha_banner.jpg 1x, /common/img/[email protected] 2x">
627            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
628            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_shoukatensha_banner.jpg" alt="">
629          </picture> -->
630          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
631        </a>
632      </p>
633    </div>
634    <div class="main-block">
635      <p class="c-link-btn"><a href="/support/size/">サイズの決め方</a></p>
636      <p class="main-banner">
637        <a href="/support/size/">
638          <!-- <picture>
639            <source media="(min-width:768px)" data-srcset="/common/img/support_size_banner.jpg 1x, /common/img/[email protected] 2x">
640            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
641            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_size_banner.jpg" alt="">
642          </picture> -->
643          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
644        </a>
645      </p>
646    </div>
647    <div class="main-block">
648      <p class="c-link-btn -newLineIndent"><a href="/support/video/">のれん作りに失敗しないための動画集</a></p>
649      <p class="main-banner">
650        <a href="/support/video/">
651          <!-- <picture>
652            <source media="(min-width:768px)" data-srcset="/common/img/support_video_banner.jpg 1x, /common/img/[email protected] 2x">
653            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
654            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_video_banner.jpg" alt="">
655          </picture> -->
656          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
657        </a>
658      </p>
659    </div>
660
661
662    <div class="main-block">
663      <p class="c-link-btn"><a href="/support/setting_noren/">のれん掛け 設置例99連発</a></p>
664      <a href="/support/setting_noren/" class="flex-block">
665        <p class="flex-img">
666          <!-- <picture>
667            <source media="(min-width:768px)" data-srcset="/common/img/support_setting_noren_banner.jpg 1x, /common/img/[email protected] 2x">
668            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
669            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_setting_noren_banner.jpg" alt="" width="100" height="70">
670          </picture> -->
671          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
672        </p>
673        <p class="flex-txt">街中ののれんが掛かっているところの写真を99枚集めてみました。のれんの取り付け方やのれん掛けの参考になさってください。</p>
674      </a>
675    </div>
676    <div class="main-block">
677      <p class="c-link-btn"><a href="/support/setting_hiyokemaku/">
677日除け幕(店頭幕)の設置例</a></p>
678      <a href="/support/setting_hiyokemaku/" class="flex-block">
679        <p class="flex-img">
680          <!-- <picture>
681            <source media="(min-width:768px)" data-srcset="/common/img/support_setting_hiyokemaku_banner.jpg 1x, /common/img/[email protected] 2x">
682            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
683            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_setting_hiyokemaku_banner.jpg" alt="" width="100" height="70">
684          </picture> -->
685          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
686        </p>
687        <p class="flex-txt">日除け幕の取り付け方の参考になるよう、48枚の写真を掲載。お客様ご自身で比較的簡単にお安く取り付けられる方法ばかり集めてみました。</p>
688      </a>
689    </div>
690    <div class="main-block">
691      <p class="c-link-btn"><a href="/support/attract/">集客アップ3つの関門~店頭集客の実例~</a></p>
692      <a href="/support/attract/" class="flex-block">
693        <p class="flex-img">
694          <!-- <picture>
695            <source media="(min-width:768px)" data-srcset="/common/img/support_attract_banner.jpg 1x, /common/img/[email protected] 2x">
696            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
697            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_attract_banner.jpg" alt="" width="100" height="70">
698          </picture> -->
699          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
700        </p>
701        <p class="flex-txt">お店の前の通行客を集客、入店させるためのノウハウをご紹介。もちろん、のれんや日除け幕を使って。</p>
702      </a>
703    </div>
704  </div>
705
706
707  <div class="content-block -sub">
708    <div class="main-block">
709      <p class="c-link-btn"><a href="/support/bouen/">のれん防炎加工</a></p>
710    </div>
711    <div class="main-block">
712      <p class="c-link-btn"><a href="/support/price/">のれん価格表</a></p>
713    </div>
714    <div class="main-block">
715      <p class="c-link-btn -newLineIndent"><a href="/support/open/">開店祝いにのれんを贈るなら</a></p>
716    </div>
717    <div class="main-block">
718      <p class="c-link-btn"><a href="/support/knowledge/">暖簾とは?</a></p>
719    </div>
720    <div class="main-block">
721      <p class="c-link-btn"><a href="/support/font/">書体と色</a></p>
722    </div>
723    <div class="main-block">
724      <p class="c-link-btn"><a href="/support/kamon/">家紋集</a></p>
725    </div>
726    <div class="main-block">
727      <p class="c-link-btn"><a href="/faq/">教えて!Q&A</a></p>
728    </div>
729    <div class="main-block">
730      <p class="c-link-btn"><a href="https://www.order-noren.com/column/">お役立ちコラム</a></p>
731    </div>
732  </div>
733</div>              </div>
734            </div>
735            <div class="sp-mega-open sp-item">
736              <div class="plus">
737                <span></span>
738                <span></span>
739              </div>
740            </div>
741          </li>
742          <li class="has-child companyMenu">
743            <a href="/company/"><span class="c-icon -company -headIcon">会社案内</span></a>
744            <div class="mega-wrap">
745              <div>
746                <div class="content-wrap">
747  <div class="content-block -about">
748    <p class="c-link-btn"><a href="/company/about/">会社概要</a></p>
749    <p class="about-img">
750      <a href="/company/about/">
751        <!-- <picture>
752          <source media="(min-width:768px)" data-srcset="/common/img/company_about_banner.jpg 1x, /common/img/[email protected] 2x">
753          <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
754          <img class="lazyload" data-sizes="auto" data-aspectratio="720/400" data-src="/common/img/company_about_banner.jpg" alt="">
755        </picture> -->
756        <img class="lazyload" data-sizes="auto" data-aspectratio="740/412" data-src="/common/img/[email protected]" alt="">
757      </a>
758      <span><span>皆様</span>に<span>支</span>えられて<span>65</span>年</span>
759    </p>
760    <p class="about-txt"><a href="/company/about/">別名、白鷺(しらさぎ)城とも呼ばれる姫路城から「白鷺」の文字を頂き、「白鷺(はくろ)マーク製作所」として昭和36年に創業した弊社についてご紹介させていただきます。</a></p>
761  </div>
762  <div class="content-block -under">
763    <ul>
764      <li>
765        <p class="c-link-btn"><a href="/company/promise/">ブランドプロミス</a></p>
766        <p class="about-img">
767          <a href="/company/promise/">
768            <!-- <picture>
769              <source media="(min-width:768px)" data-srcset="/common/img/company_promise_banner.jpg 1x, /common/img/[email protected] 2x">
770              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
771              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_promise_banner.jpg" alt="">
772            </picture> -->
773            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
774          </a>
775        </p>
776      </li>
777      <li>
778        <p class="c-link-btn"><a href="/company/greetings/">代表あいさつ</a></p>
779        <p class="about-img">
780          <a href="/company/greetings/">
781            <!-- <picture>
782              <source media="(min-width:768px)" data-srcset="/common/img/company_greetings_banner.jpg 1x, /common/img/[email protected] 2x">
783              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
784              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_greetings_banner.jpg" alt="">
785            </picture> -->
786            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
787          </a>
788        </p>
789      </li>
790      <li>
791        <p class="c-link-btn"><a href="/company/group/">部門・スタッフ紹介</a></p>
792        <p class="about-img">
793          <a href="/company/group/">
794            <!-- <picture>
795              <source media="(min-width:768px)" data-srcset="/common/img/company_group_banner.jpg 1x, /common/img/[email protected] 2x">
796              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
797              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_group_banner.jpg" alt="">
798            </picture> -->
799            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
800          </a>
801        </p>
802      </li>
803      <li>
804        <p class="c-link-btn"><a href="/company/quality/">品質向上の取り組み</a></p>
805        <a href="/company/quality/" class="flex-block">
806          <p class="flex-img">
807            <!-- <picture>
808              <source media="(min-width:768px)" data-srcset="/common/img/company_quality_banner.jpg 1x, /common/img/[email protected] 2x">
809              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
810              <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/company_quality_banner.jpg" alt="">
811            </picture> -->
812            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/[email protected]" alt="">
813          </p>
814          <p class="flex-txt">お客様のご希望通りのものをご希望納期までにお届けするために、わたしたちは日々品質向上に努めています。</p>
815        </a>
816      </li>
817      <li>
818        <p class="c-link-btn"><a href="/company/satisfaction/">満足度調査結果</a></p>
819        <a href="/company/satisfaction/" class="flex-block">
820          <p class="flex-img">
821            <!-- <picture>
822              <source media="(min-width:768px)" data-srcset="/common/img/company_satisfaction_banner.jpg 1x, /common/img/[email protected] 2x">
823              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
824              <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/company_satisfaction_banner.jpg" alt="">
825            </picture> -->
826            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/[email protected]" alt="">
827          </p>
828          <p class="flex-txt">ご購入いただいた全てのお客様に、納品後、満足度調査を兼ねたアンケートをお願いしております。</p>
829        </a>
830      </li>
831      <li class="pc-item">
832        <a href="/company/group/" class="flex-block">
833          <p class="flex-txt -wid100">電話窓口、受注部門、デザイン、製造、縫製、梱包・出荷のチーム毎に、一人一人スタッフを紹介しています。メッセージもありますのでご覧下さい。</p>
834        </a>
835      </li>
836    </ul>
837  </div>
838</div>              </div>
839            </div>
840            <div class="sp-mega-open sp-item">
841              <div class="plus">
842                <span></span>
843                <span></span>
844              </div>
845            </div>
846          </li>
847        </ul>
848
849        <div class="head-info-block sp-item">
850          <div class="head-info-block-wrap">
851            <div class="resister-btn-block sp-item">
852              <ul class="resister-btn-list -center">
853                <li><a href="https://www.hakuromarkss.jp/register/" class="detail-btn"><span class="btn c-gray02-btn">新規会員登録</span></a></li>
854                <li><a href="https://www.hakuromarkss.jp/quotation_order/" class="detail-btn"><span class="btn c-gray02-btn">見積番号で注文</span></a></li>
855              </ul>
856            </div>
857
858            <div class="form-link-block">
859              <p>お気軽にお問い合せください♪</p>
860              <ul>
861                <li class="c-arrowTxt"><a href="/inquiry_form/">お問い合わせ</a></li>
862                <li class="c-arrowTxt"><a href="/design_form/">デザイン相談</a></li>
863              </ul>
864            </div>
865            <div class="tel-block">
866              <p>お客様相談窓口(平日 9:00$301C17:30)</p>
867              <p class="tel-txt"><a href="tel:0120-896-092" class="c-icon -tel tel-linktext">0120-896-092</a></p>
868            </div>
869          </div>
870        </div>
871
872        <div class="sp-mega -megaProduct">
873  <div class="sp-mega-wrap sp-item">
874    <div class="mega-ctg-ttl">
875      <span class="return"></span>
876      <p class="c-icon -noren -megaIcon"><span><a href="/product/">商品一覧</a></span></p>
877    </div>
878    <div class="noren-megaWrap">
879  <div class="t-product">
880    <ul>
881      <li>
882        <p>
883          <!-- <picture>
884            <source media="(min-width:768px)" data-srcset="/product/img/product_type01.jpg 1x, /product/img/[email protected] 2x" sizes="621px" srcset="/product/img/product_type01.jpg 1x, /product/img/[email protected] 2x">
885            <source media="(max-width:768px)" data-srcset="/product/img/product_type01.jpg" sizes="621px" srcset="/product/img/product_type01.jpg">
886            <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/product_type01.jpg" alt="" sizes="621px" src="/product/img/product_type01.jpg">
887          </picture> -->
888          <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/[email protected]" alt="" sizes="621px" src="/product/img/[email protected]">
889        </p>
890        <div class="product-detail">
891          <p class="product-ttl">のれん</p>
892          <p>何色使っても価格は同じ。<br>どんなデザインの<br>のれんでも製作可能!</p>
893
894          <p class="detail-btn"><a href="/product/noren/" class="c-green-btn"><span>詳細を見る</span></a></p>
895        </div>
896      </li>
897      <li>
898        <p>
899          <!-- <picture>
900            <source media="(min-width:768px)" data-srcset="/product/img/product_type02.jpg 1x, /product/img/[email protected] 2x" sizes="621px" srcset="/product/img/product_type02.jpg 1x, /product/img/[email protected] 2x">
901            <source media="(max-width:768px)" data-srcset="/product/img/product_type02.jpg" sizes="621px" srcset="/product/img/product_type02.jpg">
902            <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/product_type02.jpg" alt="" sizes="621px" src="/product/img/product_type02.jpg">
903          </picture> -->
904          <img class="lazyautosizes ls-is-cached lazyloaded" data-sizes="auto" data-src="/product/img/[email protected]" alt="" sizes="621px" src="/product/img/[email protected]">
905        </p>
906        <div class="product-detail">
907          <p class="product-ttl">日除け幕</p>
908          <p>出しっ放しの<br>日除けのれんだからこそ<br>丈夫な生地をご用意!</p>
909
910          <p class="detail-btn"><a href="/product/hiyokemaku/" class="c-green-btn"><span>詳細を見る</span></a></p>
911        </div>
912      </li>
913    </ul>
914  </div>
915
916  <div class="t-relatedProduct mt0">
917    <p class="relatedProduct-ttl">のれん・日除け幕 <span>関連商品</span></p>
918    <ul>
919      <li>
920        <a href="/product/norenbou/">
921          <!-- <picture>
922            <source media="(min-width:768px)" data-srcset="/img/relatedProduct_norenbo_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_norenbo_s.jpg 1x,/img/[email protected] 2x">
923            <source media="(max-width:768px)" data-srcset="/img/relatedProduct_norenbo_s.jpg" sizes="325px" srcset="/img/relatedProduct_norenbo_s.jpg">
924            <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_norenbo_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_norenbo_s.jpg">
925          </picture> -->
926          <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
927          <p class="t-relatedProduct-title">のれん棒</p>
928          <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
929        </a>
930      </li>
931
932      <li>
933        <a href="/product/norengake/">
934          <!-- <picture>
935            <source media="(min-width:768px)" data-srcset="/img/relatedProduct_norengake_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_norengake_s.jpg 1x,/img/[email protected] 2x">
936            <source media="(max-width:768px)" data-srcset="/img/relatedProduct_norengake_s.jpg" sizes="325px" srcset="/img/relatedProduct_norengake_s.jpg">
937            <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_norengake_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_norengake_s.jpg">
938          </picture> -->
939          <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
940          <p class="t-relatedProduct-title">のれん掛け</p>
941          <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
942        </a>
943      </li>
944
945      <li>
946        <a href="/product/omoshi/">
947          <!-- <picture>
948            <source media="(min-width:768px)" data-srcset="/img/relatedProduct_omoriishi_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_omoriishi_s.jpg 1x,/img/[email protected] 2x">
949            <source media="(max-width:768px)" data-srcset="/img/relatedProduct_omoriishi_s.jpg" sizes="325px" srcset="/img/relatedProduct_omoriishi_s.jpg">
950            <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_omoriishi_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_omoriishi_s.jpg">
951          </picture> -->
952          <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
953          <p class="t-relatedProduct-title">日除け幕用<br>重石</p>
954          <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
955        </a>
956      </li>
957
958      <li>
959        <a href="/product/other/">
960          <!-- <picture>
961            <source media="(min-width:768px)" data-srcset="/img/relatedProduct_others_s.jpg 1x,/img/[email protected] 2x" sizes="325px" srcset="/img/relatedProduct_others_s.jpg 1x,/img/[email protected] 2x">
962            <source media="(max-width:768px)" data-srcset="/img/relatedProduct_others_s.jpg" sizes="325px" srcset="/img/relatedProduct_others_s.jpg">
963            <img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/relatedProduct_others_s.jpg" alt="" width="325" height="225" sizes="325px" src="/img/relatedProduct_others_s.jpg">
964          </picture> -->
965          <p><img class="lazyautosizes lazyloaded" data-sizes="auto" data-src="/img/[email protected]" alt="" width="270" height="135" sizes="270px" src="/img/[email protected]"></p>
966          <p class="t-relatedProduct-title">その他</p>
967          <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
968        </a>
969      </li>
970    </ul>
971  </div>
972</div>  </div>
973</div>
974        <div class="sp-mega -megaSample">
975  <div class="sp-mega-wrap sp-item">
976    <div class="mega-ctg-ttl">
977      <span class="return"></span>
978      <p class="c-icon -book -megaIcon"><span><a href="/sample/">デザインサンプル</a></span></p>
979    </div>
980
981    <div class="mega-content-wrap" data-sp-sample-navi-vue :class="{'-ready': isReady}">
982      <div class="head-tab">
983        <ul class="tabs">
984          <li
985            v-for="(label, key, index) in categories"
986            @click.prevent="selectedCategory = key"
987            :class="{active: selectedCategory == key}"
988            :id="'tab' + (index+1)" class="tab">
989            <a href="#" @click.prevent><span>{{label}}型</span></a>
990          </li>
991        </ul>
992
993        <ul class="panels">
994          <li class="panel active">
995            <p>分類から探す</p>
996            <form name="select_category" class="sp-item">
997              <select
998                class="sample-srch-list form-item"
999                name="itemCategory"
1000                @change="goToSearch({category: selectedCategory, class: $event.target.value})"
1001                >
1002                <option value="" selected>選択してください</option>
1003                <option
1004                  v-for="(label, key) in activatedClassifications"
1005                  :value="key">{{label}}</option>
1006              </select>
1007            </form>
1008
1009            <p>イメージから探す</p>
1010            <form name="select_image" class="sp-item">
1011              <select
1012                class="sample-srch-list form-item"
1013                name="itemImage"
1014                @change="goToSearch({category: selectedCategory, tag: $event.target.value})"
1015                >
1016                <option value="選択してください" selected>選択してください</option>
1017                <option
1018                  v-for="(label, key) in tags"
1019                  :value="key">{{label}}</option>
1020              </select>
1021            </form>
1022          </li>
1023        </ul>
1024      </div>
1025    </div>
1026  </div>
1027</div>
1028        <div class="sp-mega -megaExample">
1029  <div class="sp-mega-wrap sp-item">
1030    <div class="mega-ctg-ttl">
1031      <span class="return"></span>
1032      <p class="c-icon -house -megaIcon"><span><a href="/case/">事例紹介</a></span></p>
1033    </div>
1034
1035    <div class="mega-content-wrap">
1036      <div class="content-wrap">
1037  <div class="content-block -scene">
1038    <p class="c-link-btn menu-scene"><a href="/case/scene/">業種・シーン別活用事例</a></p>
1039    <ul class="c-list-withImg">
1040      <li><a href="/case/scene/scenebetu_noren_wasyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_wasyoku.jpg" alt=""></span>和食</a></li>
1041      <li><a href="/case/scene/scenebetu_noren_sushi.php"><span class="list-img"><img src="/case/img/scene_thumb_sushi.jpg" alt=""></span>寿司</a></li>
1042      <li><a href="/case/scene/scenebetu_noren_yosyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_yosyoku.jpg" alt=""></span>洋食</a></li>
1043      <li><a href="/case/scene/scenebetu_noren_ramen.php"><span class="list-img"><img src="/case/img/scene_thumb_ramen.jpg" alt=""></span>ラーメン・中華料理</a></li>
1044      <!-- <li><a href="/case/scene/scenebetu_noren_udonsoba.php"><span class="list-img"><img src="/case/img/scene_thumb_udonsoba.jpg" alt=""></span>うどん・そば</a></li> -->
1045      <li><a href="/case/scene/scenebetu_noren_udon.php"><span class="list-img"><img src="/case/img/scene_thumb_udon.jpg" alt=""></span>うどん</a></li>
1046      <li><a href="/case/scene/scenebetu_noren_soba.php"><span class="list-img"><img src="/case/img/scene_thumb_soba.jpg" alt=""></span>そば</a></li>
1047      <li><a href="/case/scene/scenebetu_noren_yakiniku.php"><span class="list-img"><img src="/case/img/scene_thumb_yakiniku.jpg" alt=""></span>焼肉</a></li>
1048      <li><a href="/case/scene/scenebetu_noren_yakitori.php"><span class="list-img"><img src="/case/img/scene_thumb_yakitori.jpg" alt=""></span>焼鳥</a></li>
1049      <li><a href="/case/scene/scenebetu_noren_okonomiyaki.php"><span class="list-img"><img src="/case/img/scene_thumb_okonomiyaki.jpg" alt=""></span>お好み焼き</a></li>
1050      <li class="pc-item"><a href="/case/scene/scenebetu_noren_izakaya.php"><span class="list-img"><img src="/case/img/scene_thumb_izakaya.jpg" alt=""></span>居酒屋</a></li>
1051      <li class="pc-item"><a href="/case/scene/scenebetu_noren_cafe.php"><span class="list-img"><img src="/case/img/scene_thumb_cafe.jpg" alt=""></span>カフェ</a></li>
1052      <li class="pc-item"><a href="/case/scene/scenebetu_noren_sonotainsyoku.php"><span class="list-img"><img src="/case/img/scene_thumb_sonotainsyoku.jpg" alt=""></span>飲食店・店舗</a></li>
1053      <li class="pc-item"><a href="/case/scene/scenebetu_noren_wagashi.php"><span class="list-img"><img src="/case/img/scene_thumb_wagashi.jpg" alt=""></span>和菓子</a></li>
1054      <li class="pc-item"><a href="/case/scene/scenebetu_noren_yogashi.php"><span class="list-img"><img src="/case/img/scene_thumb_yogashi.jpg" alt=""></span>洋菓子・スイーツ</a></li>
1055      <li class="pc-item"><a href="/case/scene/scenebetu_noren_bread.php"><span class="list-img"><img src="/case/img/scene_thumb_bread.jpg" alt=""></span>パン</a></li>
1056      <li class="pc-item"><a href="/case/scene/scenebetu_noren_ofuro.php"><span class="list-img"><img src="/case/img/scene_thumb_ofuro.jpg" alt=""></span>お風呂・湯のれん</a></li>
1057      <li class="pc-item"><a href="/case/scene/scenebetu_noren_seikotuin.php"><span class="list-img"><img src="/case/img/scene_thumb_seikotuin.jpg" alt=""></span>整骨院・鍼灸接骨院・整体院</a></li>
1058      <li class="pc-item"><a href="/case/scene/scenebetu_noren_massage.php"><span class="list-img"><img src="/case/img/scene_thumb_massage.jpg" alt=""></span>足つぼ・もみほぐし・マッサージ</a></li>
1059      <li class="pc-item"><a href="/case/scene/scenebetu_noren_fudosan.php"><span class="list-img"><img src="/case/img/scene_thumb_fudosan.jpg" alt=""></span>不動産・住宅展示場</a></li>
1060      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kaigosisetu.php"><span class="list-img"><img src="/case/img/scene_thumb_kaigosisetu.jpg" alt=""></span>介護施設・老人ホーム(デイサービス)</a></li>
1061      <li class="pc-item"><a href="/case/scene/scenebetu_noren_salon.php"><span class="list-img"><img src="/case/img/scene_thumb_salon.jpg" alt=""></span>日焼けサロン・エステサロン・美顔</a></li>
1062      <li class="pc-item"><a href="/case/scene/scenebetu_noren_petshop.php"><span class="list-img"><img src="/case/img/scene_thumb_petshop.jpg" alt=""></span>ペットショップ</a></li>
1063      <li class="pc-item"><a href="/case/scene/scenebetu_noren_recycle.php"><span class="list-img"><img src="/case/img/scene_thumb_recycle.jpg" alt=""></span>リサイクルショップ・質屋</a></li>
1064      <li class="pc-item"><a href="/case/scene/scenebetu_noren_riyousitu.php"><span class="list-img"><img src="/case/img/scene_thumb_riyousitu.jpg" alt=""></span>理容室・美容室</a></li>
1065      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kominka.php"><span class="list-img">
1065<img src="/case/img/scene_thumb_kominka.jpg" alt=""></span>古民家</a></li>
1066      <li class="pc-item"><a href="/case/scene/scenebetu_noren_ryokan.php"><span class="list-img"><img src="/case/img/scene_thumb_ryokan.jpg" alt=""></span>ゲストハウス・旅館・民宿</a></li>
1067      <li class="pc-item"><a href="/case/scene/scenebetu_noren_saiji.php"><span class="list-img"><img src="/case/img/scene_thumb_saiji.jpg" alt=""></span>イベント・催事</a></li>
1068      <li class="pc-item"><a href="/case/scene/scenebetu_noren_tenjikai.php"><span class="list-img"><img src="/case/img/scene_thumb_tenjikai.jpg" alt=""></span>展示会</a></li>
1069      <li class="pc-item"><a href="/case/scene/scenebetu_noren_idouhanbai.php"><span class="list-img"><img src="/case/img/scene_thumb_idouhanbai.jpg" alt=""></span>移動販売・キッチンカー</a></li>
1070      <li class="pc-item"><a href="/case/scene/scenebetu_noren_athome.php"><span class="list-img"><img src="/case/img/scene_thumb_athome.jpg" alt=""></span>家庭用・趣味</a></li>
1071      <li class="pc-item"><a href="/case/scene/scenebetu_noren_overseas.php"><span class="list-img"><img src="/case/img/scene_thumb_overseas.jpg" alt=""></span>海外</a></li>
1072      <li class="pc-item"><a href="/case/scene/scenebetu_noren_majikiri.php"><span class="list-img"><img src="/case/img/scene_thumb_majikiri.jpg" alt=""></span>間仕切り・目隠し</a></li>
1073      <li class="pc-item"><a href="/case/scene/scenebetu_noren_display.php"><span class="list-img"><img src="/case/img/scene_thumb_display.jpg" alt=""></span>ディスプレー</a></li>
1074      <li class="pc-item"><a href="/case/scene/scenebetu_noren_counter.php"><span class="list-img"><img src="/case/img/scene_thumb_counter.jpg" alt=""></span>カウンター</a></li>
1075      <li class="pc-item"><a href="/case/scene/scenebetu_noren_koshimaki.php"><span class="list-img"><img src="/case/img/scene_thumb_koshimaki.jpg" alt=""></span>腰巻き</a></li>
1076      <li class="pc-item"><a href="/case/scene/scenebetu_noren_wedding.php"><span class="list-img"><img src="/case/img/scene_thumb_wedding.jpg" alt=""></span>結婚式</a></li>
1077      <li class="pc-item"><a href="/case/scene/scenebetu_noren_kamon.php"><span class="list-img"><img src="/case/img/scene_thumb_kamon.jpg" alt=""></span>家紋入り</a></li>
1078      <li class="pc-item"><a href="/case/scene/scenebetu_noren_gakuya.php"><span class="list-img"><img src="/case/img/scene_thumb_gakuya.jpg" alt=""></span>楽屋のれん</a></li>
1079      <li class="pc-item"><a href="/case/scene/scenebetu_noren_hiyoke.php"><span class="list-img"><img src="/case/img/scene_thumb_hiyoke.jpg" alt=""></span>玄関の日除けのれん</a></li>
1080    </ul>
1081    <!--20260911 delete p><a href="/case/scene/" class="btn c-gray02-btn"><span>業種・シーン別活用事例をもっと見る</span></a></p-->
1082  </div>
1083  <div class="content-block -other">
1084    <div class="menu-block">
1085      <p class="c-link-btn menu-voice"><a href="/case/voice/">お客様の声</a></p>
1086      <p class="menu-banner"><a href="/case/voice/"><img src="/common/img/[email protected]" alt=""></a></p>
1087    </div>
1088    <div class="menu-block">
1089      <p class="c-link-btn menu-gallery"><a href="/case/gallery/">フォトギャラリー</a></p>
1090      <p class="menu-banner"><a href="/case/gallery/"><img src="/common/img/[email protected]" alt=""></a></p>
1091    </div>
1092    <div class="menu-block">
1093      <p class="c-link-btn menu-work"><a href="/case/work/">製作事例</a></p>
1094      <p class="menu-banner"><a href="/case/work/"><img src="/common/img/[email protected]" alt=""></a></p>
1095    </div>
1096  </div>
1097</div>
1098    </div>
1099  </div>
1100</div>
1101        <div class="sp-mega -megaGuide">
1102  <div class="sp-mega-wrap sp-item">
1103    <div class="mega-ctg-ttl">
1104      <span class="return"></span>
1105      <p class="c-icon -guide -megaIcon"><span><a href="/guide/">ご利用ガイド</a></span></p>
1106    </div>
1107
1108    <div class="mega-content-wrap">
1109      <div class="content-wrap">
1110  <div class="content-block -topics">
1111    <div class="topics-block">
1112      <p class="c-link-btn"><a href="/guide/merit/">お客様10のメリット</a></p>
1113      <p class="topics-banner">
1114        <a href="/guide/merit/">
1115          <!-- <picture>
1116            <source media="(min-width:768px)" data-srcset="/common/img/guide_merit_banner.jpg 1x, /common/img/[email protected] 2x">
1117            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1118            <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/guide_merit_banner.jpg" alt="">
1119          </picture> -->
1120          <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/[email protected]" alt="">
1121        </a>
1122      </p>
1123    </div>
1124    <div class="topics-block-wrap pc-item">
1125      <div class="topics-block">
1126        <p class="c-link-btn"><a href="/guide/first/">はじめての方へ</a></p>
1127        <p class="topics-banner">
1128          <a href="/guide/first/">
1129            <!-- <picture>
1130              <source media="(min-width:768px)" data-srcset="/common/img/guide_first_banner.jpg 1x, /common/img/[email protected] 2x">
1131              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1132              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_first_banner.jpg" alt="">
1133            </picture> -->
1134            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
1135          </a>
1136        </p>
1137      </div>
1138      <div class="topics-block">
1139        <p class="c-link-btn"><a href="/guide/order/product/">ご注文方法</a></p>
1140        <p class="topics-banner">
1141          <a href="/guide/order/product/">
1142            <!-- <picture>
1143              <source media="(min-width:768px)" data-srcset="/common/img/guide_order_banner.jpg 1x, /common/img/[email protected] 2x">
1144              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1145              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_order_banner.jpg" alt="">
1146            </picture> -->
1147            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
1148          </a>
1149        </p>
1150      </div>
1151    </div>
1152  </div>
1153  <div class="content-block -topics">
1154    <div class="topics-block">
1155      <p class="c-link-btn"><a href="/guide/flow/">ご注文から商品到着まで</a></p>
1156      <p class="topics-banner">
1157        <a href="/guide/flow/">
1158          <!-- <picture>
1159            <source media="(min-width:768px)" data-srcset="/common/img/guide_flow_banner.jpg 1x, /common/img/[email protected] 2x">
1160            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1161            <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/guide_flow_banner.jpg" alt="">
1162          </picture> -->
1163          <img class="lazyload" data-sizes="auto" data-aspectratio="720/244" data-src="/common/img/[email protected]" alt="">
1164        </a>
1165      </p>
1166    </div>
1167    <div class="topics-block-wrap pc-item">
1168      <div class="topics-block">
1169        <p class="c-link-btn"><a href="/guide/delivery/">送料・納期</a></p>
1170        <p class="topics-banner">
1171          <a href="/guide/delivery/">
1172            <!-- <picture>
1173              <source media="(min-width:768px)" data-srcset="/common/img/guide_delivery_banner.jpg 1x, /common/img/[email protected] 2x">
1174              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1175              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_delivery_banner.jpg" alt="">
1176            </picture> -->
1177            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
1178          </a>
1179        </p>
1180      </div>
1181      <div class="topics-block">
1182        <p class="c-link-btn"><a href="/guide/payment/">お支払い方法</a></p>
1183        <p class="topics-banner">
1184          <a href="/guide/payment/">
1185            <!-- <picture>
1186              <source media="(min-width:768px)" data-srcset="/common/img/guide_payment_banner.jpg 1x, /common/img/[email protected] 2x">
1187              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1188              <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/guide_payment_banner.jpg" alt="">
1189            </picture> -->
1190            <img class="lazyload" data-sizes="auto" data-aspectratio="330/200" data-src="/common/img/[email protected]" alt="">
1191          </a>
1192        </p>
1193      </div>
1194    </div>
1195  </div>
1196  <div class="content-block -plan">
1197    <div class="plan-block">
1198      <p class="c-link-btn"><a href="/guide/plan/">原稿作成プラン</a></p>
1199      <ul class="plans-list">
1200        <li>
1201          <a href="/guide/plan/self/">
1202            <p class="link-img">
1203              <!-- <picture>
1204                <source media="(min-width:768px)" srcset="/common/img/plan_img1.jpg">
1205                <source media="(max-width:768px)" srcset="/common/img/plan_img1.jpg">
1206                <img src="/common/img/plan_img1.jpg" alt="">
1207              </picture> -->
1208              <img src="/common/img/plan_img1.jpg" alt="">
1209            </p>
1210            <div class="txt-block">
1211              <p class="copy">データを支給<br class="pc-item">していただく</p>
1212              <p class="plan-name">セルフプラン</p>
1213            </div>
1214          </a>
1215        </li>
1216        <li>
1217          <a href="/guide/plan/select/">
1218            <p class="link-img">
1219              <!-- <picture>
1220                <source media="(min-width:768px)" srcset="/common/img/plan_img2.jpg">
1221                <source media="(max-width:768px)" srcset="/common/img/plan_img2.jpg">
1222                <img src="/common/img/plan_img2.jpg" alt="">
1223              </picture> -->
1224              <img src="/common/img/plan_img2.jpg" alt="">
1225            </p>
1226            <div class="txt-block">
1227              <p class="copy">デザインサンプル<br class="pc-item">から作成</p>
1228              <p class="plan-name">セレクトプラン</p>
1229            </div>
1230          </a>
1231        </li>
1232        <li>
1233          <a href="/guide/plan/designers/">
1234            <p class="link-img">
1235              <!-- <picture>
1236                <source media="(min-width:768px)" srcset="/common/img/plan_img3.jpg">
1237                <source media="(max-width:768px)" srcset="/common/img/plan_img3.jpg">
1238                <img src="/common/img/plan_img3.jpg" alt="">
1239              </picture> -->
1240              <img src="/common/img/plan_img3.jpg" alt="">
1241            </p>
1242            <div class="txt-block">
1243              <p class="copy">ラフからプロが<br class="pc-item">デザイン!</p>
1244              <p class="plan-name">デザイナーズプラン</p>
1245            </div>
1246          </a>
1247        </li>
1248        <li>
1249          <a href="/guide/plan/actual/">
1250            <p class="link-img">
1251              <!-- <picture>
1252                <source media="(min-width:768px)" srcset="/common/img/plan_img4.jpg">
1253                <source media="(max-width:768px)" srcset="/common/img/plan_img4.jpg">
1254                <img src="/common/img/plan_img4.jpg" alt="">
1255              </picture> -->
1256              <img src="/common/img/plan_img4.jpg" alt="">
1257            </p>
1258            <div class="txt-block">
1259              <p class="copy">現物もしくは<br class="pc-item">写真から作る</p>
1260              <p class="plan-name">現物プラン</p>
1261            </div>
1262          </a>
1263        </li>
1264      </ul>
1265    </div>
1266  </div>
1267  <div class="content-block -spMiddle sp-item">
1268    <div class="topics-block">
1269      <p class="c-link-btn"><a href="/guide/first/">はじめての方へ</a></p>
1270      <p class="topics-banner">
1271        <a href="/guide/first/">
1272          <!-- <picture>
1273            <source media="(min-width:768px)" srcset="/common/img/guide_first_banner.jpg">
1274            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
1275            <img src="/common/img/guide_first_banner.jpg" alt="">
1276          </picture> -->
1277          <img src="/common/img/[email protected]" alt="">
1278        </a>
1279      </p>
1280    </div>
1281    <div class="topics-block">
1282      <p class="c-link-btn"><a href="/guide/order/product/">ご注文方法</a></p>
1283      <p class="topics-banner">
1284        <a href="/guide/order/product/">
1285          <!-- <picture>
1286            <source media="(min-width:768px)" srcset="/common/img/guide_order_banner.jpg">
1287            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
1288            <img src="/common/img/guide_order_banner.jpg" alt="">
1289          </picture> -->
1290          <img src="/common/img/[email protected]" alt="">
1291        </a>
1292      </p>
1293    </div>
1294    <div class="topics-block">
1295      <p class="c-link-btn"><a href="/guide/delivery/">送料・納期</a></p>
1296      <p class="topics-banner">
1297        <a href="/guide/delivery/">
1298          <!-- <picture>
1299            <source media="(min-width:768px)" srcset="/common/img/guide_delivery_banner.jpg">
1300            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
1301            <img src="/common/img/guide_delivery_banner.jpg" alt="">
1302          </picture> -->
1303          <img src="/common/img/[email protected]" alt="">
1304        </a>
1305      </p>
1306    </div>
1307    <div class="topics-block">
1308      <p class="c-link-btn"><a href="/guide/payment/">お支払い方法</a></p>
1309      <p class="topics-banner">
1310        <a href="/guide/payment/">
1311          <!-- <picture>
1312            <source media="(min-width:768px)" srcset="/common/img/guide_payment_banner.jpg">
1313            <source media="(max-width:768px)" srcset="/common/img/[email protected]">
1314            <img src="/common/img/guide_payment_banner.jpg" alt="">
1315          </picture> -->
1316          <img src="/common/img/[email protected]" alt="">
1317        </a>
1318      </p>
1319    </div>
1320  </div>
1321  <div class="content-block -others">
1322    <ul class="others-list">
1323      <li>
1324        <p class="c-link-btn"><a href="/guide/submit_guide/">データ入稿ガイド</a></p>
1325      </li>
1326      <li>
1327        <p class="c-link-btn"><a href="/guide/template/">テンプレート</a></p>
1328      </li>
1329      <li>
1330        <p class="c-link-btn"><a href="/guide/estimate/">自動見積</a></p>
1331      </li>
1332      <li>
1333        <p class="c-link-btn"><a href="/guide/material/">生地一覧</a></p>
1334      </li>
1335      <li>
1336        <p class="c-link-btn"><a href="https://www.hakuromarkss.jp/sample_form/order-noren/">生地見本帳&現物サンプル</a></p>
1337      </li>
1338      <li>
1339        <p class="c-link-btn"><a href="/guide/print/">印刷方法</a></p>
1340      </li>
1341    </ul>
1342  </div>
1343</div>    </div>
1344  </div>
1345</div>
1346        <div class="sp-mega -megaSupport">
1347  <div class="sp-mega-wrap sp-item">
1348    <div class="mega-ctg-ttl">
1349      <span class="return"></span>
1350      <p class="c-icon -support -megaIcon"><span><a href="/support/">サポート</a></span></p>
1351    </div>
1352
1353    <div class="mega-content-wrap">
1354      <div class="content-wrap">
1355  <div class="content-block -main">
1356    <div class="main-block">
1357      <p class="c-link-btn"><a href="/support/shoukatensha/">なぜ「本染め」ではなく、「昇華転写捺染」なのか?</a></p>
1358      <p class="main-banner">
1359        <a href="/support/shoukatensha/">
1360          <!-- <picture>
1361            <source media="(min-width:768px)" data-srcset="/common/img/support_shoukatensha_banner.jpg 1x, /common/img/[email protected] 2x">
1362            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1363            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_shoukatensha_banner.jpg" alt="">
1364          </picture> -->
1365          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
1366        </a>
1367      </p>
1368    </div>
1369    <div class="main-block">
1370      <p class="c-link-btn"><a href="/support/size/">サイズの決め方</a></p>
1371      <p class="main-banner">
1372        <a href="/support/size/">
1373          <!-- <picture>
1374            <source media="(min-width:768px)" data-srcset="/common/img/support_size_banner.jpg 1x, /common/img/[email protected] 2x">
1375            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1376            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_size_banner.jpg" alt="">
1377          </picture> -->
1378          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
1379        </a>
1380      </p>
1381    </div>
1382    <div class="main-block">
1383      <p class="c-link-btn -newLineIndent"><a href="/support/video/">のれん作りに失敗しないための動画集</a></p>
1384      <p class="main-banner">
1385        <a href="/support/video/">
1386          <!-- <picture>
1387            <source media="(min-width:768px)" data-srcset="/common/img/support_video_banner.jpg 1x, /common/img/[email protected] 2x">
1388            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1389            <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/support_video_banner.jpg" alt="">
1390          </picture> -->
1391          <img class="lazyload" data-sizes="auto" data-aspectratio="700/244" data-src="/common/img/[email protected]" alt="">
1392        </a>
1393      </p>
1394    </div>
1395
1396
1397    <div class="main-block">
1398      <p class="c-link-btn"><a href="/support/setting_noren/">のれん掛け 設置例99連発</a></p>
1399      <a href="/support/setting_noren/" class="flex-block">
1400        <p class="flex-img">
1401          <!-- <picture>
1402            <source media="(min-width:768px)" data-srcset="/common/img/support_setting_noren_banner.jpg 1x, /common/img/[email protected] 2x">
1403            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1404            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_setting_noren_banner.jpg" alt="" width="100" height="70">
1405          </picture> -->
1406          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
1407        </p>
1408        <p class="flex-txt">街中ののれんが掛かっているところの写真を99枚集めてみました。のれんの取り付け方やのれん掛けの参考になさってください。</p>
1409      </a>
1410    </div>
1411    <div class="main-block">
1412      <p class="c-link-btn"><a href="/support/setting_hiyokemaku/">
1412日除け幕(店頭幕)の設置例</a></p>
1413      <a href="/support/setting_hiyokemaku/" class="flex-block">
1414        <p class="flex-img">
1415          <!-- <picture>
1416            <source media="(min-width:768px)" data-srcset="/common/img/support_setting_hiyokemaku_banner.jpg 1x, /common/img/[email protected] 2x">
1417            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1418            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_setting_hiyokemaku_banner.jpg" alt="" width="100" height="70">
1419          </picture> -->
1420          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
1421        </p>
1422        <p class="flex-txt">日除け幕の取り付け方の参考になるよう、48枚の写真を掲載。お客様ご自身で比較的簡単にお安く取り付けられる方法ばかり集めてみました。</p>
1423      </a>
1424    </div>
1425    <div class="main-block">
1426      <p class="c-link-btn"><a href="/support/attract/">集客アップ3つの関門~店頭集客の実例~</a></p>
1427      <a href="/support/attract/" class="flex-block">
1428        <p class="flex-img">
1429          <!-- <picture>
1430            <source media="(min-width:768px)" data-srcset="/common/img/support_attract_banner.jpg 1x, /common/img/[email protected] 2x">
1431            <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1432            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/support_attract_banner.jpg" alt="" width="100" height="70">
1433          </picture> -->
1434          <img class="lazyload" data-sizes="auto" data-aspectratio="200/122" data-src="/common/img/[email protected]" alt="" width="100" height="61">
1435        </p>
1436        <p class="flex-txt">お店の前の通行客を集客、入店させるためのノウハウをご紹介。もちろん、のれんや日除け幕を使って。</p>
1437      </a>
1438    </div>
1439  </div>
1440
1441
1442  <div class="content-block -sub">
1443    <div class="main-block">
1444      <p class="c-link-btn"><a href="/support/bouen/">のれん防炎加工</a></p>
1445    </div>
1446    <div class="main-block">
1447      <p class="c-link-btn"><a href="/support/price/">のれん価格表</a></p>
1448    </div>
1449    <div class="main-block">
1450      <p class="c-link-btn -newLineIndent"><a href="/support/open/">開店祝いにのれんを贈るなら</a></p>
1451    </div>
1452    <div class="main-block">
1453      <p class="c-link-btn"><a href="/support/knowledge/">暖簾とは?</a></p>
1454    </div>
1455    <div class="main-block">
1456      <p class="c-link-btn"><a href="/support/font/">書体と色</a></p>
1457    </div>
1458    <div class="main-block">
1459      <p class="c-link-btn"><a href="/support/kamon/">家紋集</a></p>
1460    </div>
1461    <div class="main-block">
1462      <p class="c-link-btn"><a href="/faq/">教えて!Q&A</a></p>
1463    </div>
1464    <div class="main-block">
1465      <p class="c-link-btn"><a href="https://www.order-noren.com/column/">お役立ちコラム</a></p>
1466    </div>
1467  </div>
1468</div>    </div>
1469  </div>
1470</div>
1471        <div class="sp-mega -megaCompany">
1472  <div class="sp-mega-wrap sp-item">
1473    <div class="mega-ctg-ttl">
1474      <span class="return"></span>
1475      <p class="c-icon -company -megaIcon"><span><a href="/company/">会社案内</a></span></p>
1476    </div>
1477
1478    <div class="mega-content-wrap">
1479      <div class="content-wrap">
1480  <div class="content-block -about">
1481    <p class="c-link-btn"><a href="/company/about/">会社概要</a></p>
1482    <p class="about-img">
1483      <a href="/company/about/">
1484        <!-- <picture>
1485          <source media="(min-width:768px)" data-srcset="/common/img/company_about_banner.jpg 1x, /common/img/[email protected] 2x">
1486          <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1487          <img class="lazyload" data-sizes="auto" data-aspectratio="720/400" data-src="/common/img/company_about_banner.jpg" alt="">
1488        </picture> -->
1489        <img class="lazyload" data-sizes="auto" data-aspectratio="740/412" data-src="/common/img/[email protected]" alt="">
1490      </a>
1491      <span><span>皆様</span>に<span>支</span>えられて<span>65</span>年</span>
1492    </p>
1493    <p class="about-txt"><a href="/company/about/">別名、白鷺(しらさぎ)城とも呼ばれる姫路城から「白鷺」の文字を頂き、「白鷺(はくろ)マーク製作所」として昭和36年に創業した弊社についてご紹介させていただきます。</a></p>
1494  </div>
1495  <div class="content-block -under">
1496    <ul>
1497      <li>
1498        <p class="c-link-btn"><a href="/company/promise/">ブランドプロミス</a></p>
1499        <p class="about-img">
1500          <a href="/company/promise/">
1501            <!-- <picture>
1502              <source media="(min-width:768px)" data-srcset="/common/img/company_promise_banner.jpg 1x, /common/img/[email protected] 2x">
1503              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1504              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_promise_banner.jpg" alt="">
1505            </picture> -->
1506            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
1507          </a>
1508        </p>
1509      </li>
1510      <li>
1511        <p class="c-link-btn"><a href="/company/greetings/">代表あいさつ</a></p>
1512        <p class="about-img">
1513          <a href="/company/greetings/">
1514            <!-- <picture>
1515              <source media="(min-width:768px)" data-srcset="/common/img/company_greetings_banner.jpg 1x, /common/img/[email protected] 2x">
1516              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1517              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_greetings_banner.jpg" alt="">
1518            </picture> -->
1519            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
1520          </a>
1521        </p>
1522      </li>
1523      <li>
1524        <p class="c-link-btn"><a href="/company/group/">部門・スタッフ紹介</a></p>
1525        <p class="about-img">
1526          <a href="/company/group/">
1527            <!-- <picture>
1528              <source media="(min-width:768px)" data-srcset="/common/img/company_group_banner.jpg 1x, /common/img/[email protected] 2x">
1529              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1530              <img class="lazyload" data-sizes="auto" data-aspectratio="520/244" data-src="/common/img/company_group_banner.jpg" alt="">
1531            </picture> -->
1532            <img class="lazyload" data-sizes="auto" data-aspectratio="568/266" data-src="/common/img/[email protected]" alt="">
1533          </a>
1534        </p>
1535      </li>
1536      <li>
1537        <p class="c-link-btn"><a href="/company/quality/">品質向上の取り組み</a></p>
1538        <a href="/company/quality/" class="flex-block">
1539          <p class="flex-img">
1540            <!-- <picture>
1541              <source media="(min-width:768px)" data-srcset="/common/img/company_quality_banner.jpg 1x, /common/img/[email protected] 2x">
1542              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1543              <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/company_quality_banner.jpg" alt="">
1544            </picture> -->
1545            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/[email protected]" alt="">
1546          </p>
1547          <p class="flex-txt">お客様のご希望通りのものをご希望納期までにお届けするために、わたしたちは日々品質向上に努めています。</p>
1548        </a>
1549      </li>
1550      <li>
1551        <p class="c-link-btn"><a href="/company/satisfaction/">満足度調査結果</a></p>
1552        <a href="/company/satisfaction/" class="flex-block">
1553          <p class="flex-img">
1554            <!-- <picture>
1555              <source media="(min-width:768px)" data-srcset="/common/img/company_satisfaction_banner.jpg 1x, /common/img/[email protected] 2x">
1556              <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
1557              <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/company_satisfaction_banner.jpg" alt="">
1558            </picture> -->
1559            <img class="lazyload" data-sizes="auto" data-aspectratio="200/140" data-src="/common/img/[email protected]" alt="">
1560          </p>
1561          <p class="flex-txt">ご購入いただいた全てのお客様に、納品後、満足度調査を兼ねたアンケートをお願いしております。</p>
1562        </a>
1563      </li>
1564      <li class="pc-item">
1565        <a href="/company/group/" class="flex-block">
1566          <p class="flex-txt -wid100">電話窓口、受注部門、デザイン、製造、縫製、梱包・出荷のチーム毎に、一人一人スタッフを紹介しています。メッセージもありますのでご覧下さい。</p>
1567        </a>
1568      </li>
1569    </ul>
1570  </div>
1571</div>    </div>
1572  </div>
1573</div>
1574      </div>
1575    </div><!-- // .box-center -->
1576  </header>
1577  <!-- ////////////////////////////////////////////////// header end 
1577-->
1578
1579  <div id="wrapper">
1580    <div id="contents"><main id="main">
1581  <article>
1582    <div class="box-center sp-pdg">
1583
1584      <!-- ////////////////////////////// メインビジュアル start -->
1585      <div class="mainVisual">
1586        <div class="mainVisual-wrap">
1587          <div class="mainVisial__main">
1588            <picture>
1589              <source media="(min-width:768px)" data-srcset="img/main_visual.jpg 1x,img/[email protected] 2x">
1590              <source media="(max-width:768px)" data-srcset="img/main_visual.jpg">
1591              <img class="lazyload" data-sizes="auto" data-src="img/main_visual.jpg" alt="" width="900" height="560">
1592            </picture>
1593
1594            <p>オーダーのれん 500枚/月産<br>納期は最短3日!</p>
1595
1596          </div>
1597
1598          <div class="mainVisial__side">
1599            <a href="/product/noren/" class="mainVisial__side__noren">
1600              <picture>
1601                <source media="(min-width:768px)" data-srcset="img/main_banner_noren.jpg 1x,img/[email protected] 2x">
1602                <source media="(max-width:768px)" data-srcset="img/main_banner_noren.jpg">
1603                <img class="lazyload" data-sizes="auto" data-src="img/main_banner_noren.jpg" alt="" width="510" height="205">
1604              </picture>
1605
1606              <div class="main__banner">
1607                <div class="main__banner__wrap">
1608                  <p class="main__banner__title">のれん</p>
1609                  <p class="main__banner__read">何色使っても価格は同じ。<br>どんなデザインの<br>のれんでも製作可能!</p>
1610                  <p class="main__banner__button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
1611                </div>
1612              </div>
1613            </a>
1614
1615            <a href="/product/hiyokemaku/" class="mainVisial__side__hiyokemaku">
1616              <picture>
1617                <source media="(min-width:768px)" data-srcset="img/main_banner_hiyokemaku.jpg 1x,img/[email protected] 2x">
1618                <source media="(max-width:768px)" data-srcset="img/main_banner_hiyokemaku.jpg">
1619                <img class="lazyload" data-sizes="auto" data-src="img/main_banner_hiyokemaku.jpg" alt="" width="510" height="205">
1620              </picture>
1621
1622              <div class="main__banner">
1623                <div class="main__banner__wrap">
1624                  <p class="main__banner__title">日除け幕</p>
1625                  <p class="main__banner__read">出しっ放しの<br>日除けのれんだからこそ<br>丈夫な生地をご用意!</p>
1626                  <p class="main__banner__button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
1627                </div>
1628              </div>
1629            </a>
1630
1631            <!-- ////////////////////////////// 特急便バナー start -->
1632            <div class="mainVisual-bnr">
1633              <div class="mainVisual-bnr-ex">
1634                <a href="/guide/flow/">
1635                  <div class="mainVisual-bnr-inner">
1636                    <h3 class="bnr-ex-ttl">
1637                      <span class="ex-ttl-time">本日15時</span>までのご注文なら<br>
1638                      <span class="ex-ttl-date">10/18</span>
1639                      <span class="ex-ttl-dayWeek">(水)</span>
1640                      <span class="ex-ttl-possible">出荷可能!</span>
1641                    </h3>
1642                    <p class="bnr-ex-icon"><img src="img/bnr_exp_icon.png" alt="特急便" width="76" height="76"></p>
1643                  </div>
1644                </a>
1645              </div>
1646            </div><!-- //.mainVisual-bnr -->
1647            <!-- ////////////////////////////// 特急便バナー end -->
1648          </div>
1649        </div><!-- //.mainVisual-wrap -->
1650
1651        <div class="t-relatedProduct">
1652          <h2>のれん<span>関連商品</span></h2>
1653          <ul>
1654            <li>
1655              <a href="/product/norenbou/">
1656                <picture>
1657                  <source media="(min-width:768px)" data-srcset="img/relatedProduct_norenbo.jpg 1x,img/[email protected] 2x">
1658                  <source media="(max-width:768px)" data-srcset="img/relatedProduct_norenbo.jpg">
1659                  <img class="lazyload" data-sizes="auto" data-src="img/relatedProduct_norenbo.jpg" alt="" width="325" height="225">
1660                </picture>
1661
1662                <p class="t-relatedProduct-title">のれん棒</p>
1663                <p class="t-relatedProduct-button">
1664                  <spqan class="btn c-green-btn"><span>詳細を見る</span></span>
1665                </p>
1666              </a>
1667            </li>
1668
1669            <li>
1670              <a href="/product/norengake/">
1671                <picture>
1672                  <source media="(min-width:768px)" data-srcset="img/relatedProduct_norengake.jpg 1x,img/[email protected] 2x">
1673                  <source media="(max-width:768px)" data-srcset="img/relatedProduct_norengake.jpg">
1674                  <img class="lazyload" data-sizes="auto" data-src="img/relatedProduct_norengake.jpg" alt="" width="325" height="225">
1675                </picture>
1676
1677                <p class="t-relatedProduct-title">のれん掛け</p>
1678                <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
1679              </a>
1680            </li>
1681
1682            <li>
1683              <a href="/product/omoshi/">
1684                <picture>
1685                  <source media="(min-width:768px)" data-srcset="img/relatedProduct_omoriishi.jpg 1x,img/[email protected] 2x">
1686                  <source media="(max-width:768px)" data-srcset="img/relatedProduct_omoriishi.jpg">
1687                  <img class="lazyload" data-sizes="auto" data-src="img/relatedProduct_omoriishi.jpg" alt="" width="325" height="225">
1688                </picture>
1689
1690                <p class="t-relatedProduct-title">日除け幕用重石</p>
1691                <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
1692              </a>
1693            </li>
1694
1695            <li>
1696              <a href="/product/other/">
1697                <picture>
1698                  <source media="(min-width:768px)" data-srcset="img/relatedProduct_others.jpg 1x,img/[email protected] 2x">
1699                  <source media="(max-width:768px)" data-srcset="img/relatedProduct_others.jpg">
1700                  <img class="lazyload" data-sizes="auto" data-src="img/relatedProduct_others.jpg" alt="" width="325" height="225">
1701                </picture>
1702
1703                <p class="t-relatedProduct-title">その他</p>
1704                <p class="t-relatedProduct-button"><span class="btn c-green-btn"><span>詳細を見る</span></span></p>
1705              </a>
1706            </li>
1707          </ul>
1708        </div>
1709      </div>
1710      <!-- ////////////////////////////// メインビジュアル end -->
1711
1712
1713      <!-- ////////////////////////////// デザインを選んで注文 start -->
1714      <section class="t-cmn-sct t-designOrder">
1715        <div class="t-cmn-sct-inner lazyload inview" data-expand="-20">
1716          <h2 class="t-cmn-ttl01"><span class="color-txt">デザイン</span>を選んで注文</h2>
1717
1718          <div class="t-designOrder-text">
1719            <div class="t-designOrder-ttl-wrap">
1720              <h3 class="designOrder-ttl"><span class="color">3,000</span>以上の<span class="color">デザイン</span>から<br class="sp-item"><span>カンタン</span>に<span>注文!</span></h3>
1721              <p class="designOrder-lead">文字・書体・配色・レイアウト等<br class="sp-item">すべて<span>無料</span>で変更可能</p>
1722            </div>
1723            <ul class="t-designOrder-icon">
1724              <li>
1724原稿作成費<span>無料!</span></li>
1725              <li>修正費<span>無料!</span></li>
1726            </ul>
1727          </div>
1728
1729          <div class="t-designOrder-imageWrap">
1730            <div class="t-designOrder-image">
1731              <picture>
1732                <source media="(min-width:768px)" data-srcset="img/[email protected] 1x,img/[email protected] 2x">
1733                <source media="(max-width:768px)" data-srcset="img/design_img_noren_pc.jpg">
1734                <img class="lazyload" data-sizes="auto" data-src="img/[email protected]" alt="" width="1500" height="900">
1735              </picture>
1736
1737              <p class="t-designOrder-btn"><a href="/sample/noren" class="btn c-green-btn"><span>のれんのデザインサンプルを見る</span></a></p>
1738            </div>
1739
1740            <div class="t-designOrder-image">
1741              <picture>
1742                <source media="(min-width:768px)" data-srcset="img/[email protected] 1x,img/[email protected] 2x">
1743                <source media="(max-width:768px)" data-srcset="img/design_img_hiyoke_pc.jpg">
1744                <img class="lazyload" data-sizes="auto" data-src="img/[email protected]" alt="" width="1500" height="900">
1745              </picture>
1746
1747              <p class="t-designOrder-btn"><a href="/sample/hiyokemaku" class="btn c-green-btn"><span>日除け幕のデザインサンプルを見る</span></a></p>
1748            </div>
1749          </div>
1750        </div>
1751
1752      </section>
1753      <!-- ////////////////////////////// デザインを選んで注文 end -->
1754
1755
1756      <!-- ////////////////////////////// 事例紹介 start -->
1757      <section class="t-cmn-sct t-case">
1758        <div class="t-cmn-sct-inner">
1759          <!-- ////////////////////////////// 業種・シーン別活用事例 start -->
1760          <section class="t-case-scene">
1761            <h3 class="t-cmn-ttl02">業種・シーン別<span class="color-txt">活用事例</span></h3>
1762            <p class="t-case-scene-read">のれんや日除けのれんと言えば、店頭につけてお店を目立たせたり、入りやすくしたりする、<br class="pc-item">いわゆる販促的な使い方が一般的と思われていますが、実はそれ以外にも様々な使い方があります。<br><br>ここではオリジナルでお作りしたオーソドックスな店舗用のれんから一風変わったものまで、のれん、日除けのれんの様々な活用事例をご紹介します。</p>
1763            <div class="case-sceneList">
1764              <!-- ////////////////////////////// 事例 set start -->
1765              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1766                <a href="/case/scene/scenebetu_noren_wasyoku.php" class="case-sceneList-link">
1767                  <div class="case-sceneList-img">
1768                    <img src="/case/img/scene_thumb_wasyoku.jpg" alt="" width="130" height="79">
1769                  </div>
1770                  <dl class="case-sceneList-detail">
1771                    <dt class="-raw2"><span>和食ののれん</span></dt>
1772                    <dd class="txt-justify">伝統の和食だからこそ、こだわりの「のれん」で個性を打ち出そう</dd>
1773                  </dl>
1774                </a>
1775              </div>
1776              <!-- ////////////////////////////// 事例 set end -->
1777
1778
1779              <!-- ////////////////////////////// 事例 set start -->
1780              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1781                <a href="/case/scene/scenebetu_noren_sushi.php" class="case-sceneList-link">
1782                  <div class="case-sceneList-img">
1783                    <img src="/case/img/scene_thumb_sushi.jpg" alt="" width="130" height="79">
1784                  </div>
1785                  <dl class="case-sceneList-detail">
1786                    <dt class="-raw2"><span>寿司ののれん</span></dt>
1787                    <dd class="txt-justify">「のれん」は、お店の雰囲気を伝える寿司店の顔</dd>
1788                  </dl>
1789                </a>
1790              </div>
1791              <!-- ////////////////////////////// 事例 set end -->
1792
1793
1794              <!-- ////////////////////////////// 事例 set start -->
1795              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1796                <a href="/case/scene/scenebetu_noren_yosyoku.php" class="case-sceneList-link">
1797                  <div class="case-sceneList-img">
1798                    <img src="/case/img/scene_thumb_yosyoku.jpg" alt="" width="130" height="79">
1799                  </div>
1800                  <dl class="case-sceneList-detail">
1801                    <dt class="-raw2"><span>洋食ののれん</span></dt>
1802                    <dd class="txt-justify">「和」と「洋」の融合――ちょっと入りづらい洋食店にはオーダーのれんがおすすめ</dd>
1803                  </dl>
1804                </a>
1805              </div>
1806              <!-- ////////////////////////////// 事例 set end -->
1807
1808
1809              <!-- ////////////////////////////// 事例 set start -->
1810              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1811                <a href="/case/scene/scenebetu_noren_ramen.php" class="case-sceneList-link">
1812                  <div class="case-sceneList-img">
1813                    <img src="/case/img/scene_thumb_ramen.jpg" alt="" width="130" height="79">
1814                  </div>
1815                  <dl class="case-sceneList-detail">
1816                    <dt class="-raw2"><span>ラーメン・中華料理ののれん</span></dt>
1817                    <dd class="txt-justify">
1817赤や黄色の定番色から、黒や紺の個性色まで。ラーメン店ののれんとは?</dd>
1818                  </dl>
1819                </a>
1820              </div>
1821              <!-- ////////////////////////////// 事例 set end -->
1822
1823
1824              <!-- ////////////////////////////// 事例 set start -->
1825              <!-- <div class="case-sceneList-set lazyload inview" data-expand="-20">
1826                <a href="/case/scene/scenebetu_noren_udonsoba.php" class="case-sceneList-link">
1827                  <div class="case-sceneList-img">
1828                    <img src="/case/img/scene_thumb_udonsoba.jpg" alt="" width="130" height="79">
1829                  </div>
1830                  <dl class="case-sceneList-detail">
1831                    <dt class="-raw2"><span>うどん・そばののれん</span></dt>
1832                    <dd class="txt-justify">青・紺系や白色が人気!うどん・おそば屋さんののオリジナルのれんとは……</dd>
1833                  </dl>
1834                </a>
1835              </div> -->
1836              <!-- ////////////////////////////// 事例 set end -->
1837
1838
1839              <!-- ////////////////////////////// 事例 set start -->
1840              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1841                <a href="/case/scene/scenebetu_noren_udon.php" class="case-sceneList-link">
1842                  <div class="case-sceneList-img">
1843                    <img src="/case/img/scene_thumb_udon.jpg" alt="" width="130" height="79">
1844                  </div>
1845                  <dl class="case-sceneList-detail">
1846                    <dt class="-raw2"><span>うどんののれん</span></dt>
1847                    <dd class="txt-justify">青・紺系や白色が人気!うどん屋さんののオリジナルのれんとは……</dd>
1848                  </dl>
1849                </a>
1850              </div>
1851              <!-- ////////////////////////////// 事例 set end -->
1852
1853
1854              <!-- ////////////////////////////// 事例 set start -->
1855              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1856                <a href="/case/scene/scenebetu_noren_soba.php" class="case-sceneList-link">
1857                  <div class="case-sceneList-img">
1858                    <img src="/case/img/scene_thumb_soba.jpg" alt="" width="130" height="79">
1859                  </div>
1860                  <dl class="case-sceneList-detail">
1861                    <dt class="-raw2"><span>そばののれん</span></dt>
1862                    <dd class="txt-justify">シンプルなデザインが人気!こだわりのそば屋さんののれんとは……</dd>
1863                  </dl>
1864                </a>
1865              </div>
1866              <!-- ////////////////////////////// 事例 set end -->
1867
1868
1869              <!-- ////////////////////////////// 事例 set start -->
1870              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1871                <a href="/case/scene/scenebetu_noren_yakiniku.php" class="case-sceneList-link">
1872                  <div class="case-sceneList-img">
1873                    <img src="/case/img/scene_thumb_yakiniku.jpg" alt="" width="130" height="79">
1874                  </div>
1875                  <dl class="case-sceneList-detail">
1876                    <dt class="-raw2"><span>焼肉ののれん</span></dt>
1877                    <dd class="txt-justify">白や黒が人気……<br>焼き肉店のオーダーメイドのれん</dd>
1878                  </dl>
1879                </a>
1880              </div>
1881              <!-- ////////////////////////////// 事例 set end -->
1882
1883
1884              <!-- ////////////////////////////// 事例 set start -->
1885              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1886                <a href="/case/scene/scenebetu_noren_yakitori.php" class="case-sceneList-link">
1887                  <div class="case-sceneList-img">
1888                    <img src="/case/img/scene_thumb_yakitori.jpg" alt="" width="130" height="79">
1889                  </div>
1890                  <dl class="case-sceneList-detail">
1891                    <dt class="-raw2"><span>焼鳥ののれん</span></dt>
1892                    <dd class="txt-justify">「のれん」が定番の焼鳥店だからこそ、個性あるオーダーメイドのれんがお勧め!</dd>
1893                  </dl>
1894                </a>
1895              </div>
1896              <!-- ////////////////////////////// 事例 set end -->
1897
1898
1899              <!-- ////////////////////////////// 事例 set start -->
1900              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1901                <a href="/case/scene/scenebetu_noren_okonomiyaki.php" class="case-sceneList-link">
1902                  <div class="case-sceneList-img">
1903                    <img src="/case/img/scene_thumb_okonomiyaki.jpg" alt="" width="130" height="79">
1904                  </div>
1905                  <dl class="case-sceneList-detail">
1906                    <dt class="-raw2"><span>お好み焼きののれん</span></dt>
1907                    <dd class="txt-justify">視覚で誘導する、お好み焼きののれん</dd>
1908                  </dl>
1909                </a>
1910              </div>
1911              <!-- ////////////////////////////// 事例 set end -->
1912
1913
1914              <!-- ////////////////////////////// 事例 set start -->
1915              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1916                <a href="/case/scene/scenebetu_noren_izakaya.php" class="case-sceneList-link">
1917                  <div class="case-sceneList-img">
1918                    <img src="/case/img/scene_thumb_izakaya.jpg" alt="" width="130" height="79">
1919                  </div>
1920                  <dl class="case-sceneList-detail">
1921                    <dt class="-raw2"><span>居酒屋ののれん</span></dt>
1922                    <dd class="txt-justify">居酒屋店こそ、オリジナルのれんがおすすめ!</dd>
1923                  </dl>
1924                </a>
1925              </div>
1926              <!-- ////////////////////////////// 事例 set end -->
1927
1928              <!-- ////////////////////////////// 読み込み時は非表示 start -->
1929
1930              <!-- ////////////////////////////// 事例 set start -->
1931              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1932                <a href="/case/scene/scenebetu_noren_cafe.php" class="case-sceneList-link">
1933                  <div class="case-sceneList-img">
1934                    <img src="/case/img/scene_thumb_cafe.jpg" alt="" width="130" height="79">
1935                  </div>
1936                  <dl class="case-sceneList-detail">
1937                    <dt class="-raw2"><span>カフェ・喫茶ののれん</span></dt>
1938                    <dd class="txt-justify">斬新に楽しんでもOK。オシャレさを演出するカフェのオーダーメイドのれん</dd>
1939                  </dl>
1940                </a>
1941              </div>
1942              <!-- ////////////////////////////// 事例 set end -->
1943
1944
1945              <!-- ////////////////////////////// 事例 set start -->
1946              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1947                <a href="/case/scene/scenebetu_noren_sonotainsyoku.php" class="case-sceneList-link">
1948                  <div class="case-sceneList-img">
1949                    <img src="/case/img/scene_thumb_sonotainsyoku.jpg" alt="" width="130" height="79">
1950                  </div>
1951                  <dl class="case-sceneList-detail">
1952                    <dt class="-raw2"><span>飲食店・店舗ののれん</span></dt>
1953                    <dd class="txt-justify">のれんは「飲食店の顔」。でも使い道はそれだけではありません。</dd>
1954                  </dl>
1955                </a>
1956              </div>
1957              <!-- ////////////////////////////// 事例 set end -->
1958
1959
1960              <!-- ////////////////////////////// 事例 set start -->
1961              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1962                <a href="/case/scene/scenebetu_noren_wagashi.php" class="case-sceneList-link">
1963                  <div class="case-sceneList-img">
1964                    <img src="/case/img/scene_thumb_wagashi.jpg" alt="" width="130" height="79">
1965                  </div>
1966                  <dl class="case-sceneList-detail">
1967                    <dt class="-raw2"><span>和菓子ののれん</span></dt>
1968                    <dd class="txt-justify">和菓子をイメージさせる「色」と「字体」で、魅力的なオーダーメイドのれんを</dd>
1969                  </dl>
1970                </a>
1971              </div>
1972              <!-- ////////////////////////////// 事例 set end -->
1973
1974
1975              <!-- ////////////////////////////// 事例 set start -->
1976              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1977                <a href="/case/scene/scenebetu_noren_yogashi.php" class="case-sceneList-link">
1978                  <div class="case-sceneList-img">
1979                    <img src="/case/img/scene_thumb_yogashi.jpg" alt="" width="130" height="79">
1980                  </div>
1981                  <dl class="case-sceneList-detail">
1982                    <dt><span>洋菓子・スイーツののれん</span></dt>
1983                    <dd class="txt-justify">いま、洋菓子店やスイーツショップで、のれんを付けるお店が増えています!</dd>
1984                  </dl>
1985                </a>
1986              </div>
1987              <!-- ////////////////////////////// 事例 set end -->
1988
1989
1990              <!-- ////////////////////////////// 事例 set start -->
1991              <div class="case-sceneList-set lazyload inview" data-expand="-20">
1992                <a href="/case/scene/scenebetu_noren_bread.php" class="case-sceneList-link">
1993                  <div class="case-sceneList-img">
1994                    <img src="/case/img/scene_thumb_bread.jpg" alt="" width="130" height="79">
1995                  </div>
1996                  <dl class="case-sceneList-detail">
1997                    <dt><span>パンののれん</span></dt>
1998                    <dd class="txt-justify">パン屋さんののれんは白色ののれんが似合います!</dd>
1999                  </dl>
2000                </a>
2001              </div>
2002              <!-- ////////////////////////////// 事例 set end -->
2003
2004
2005              <!-- ////////////////////////////// 事例 set start -->
2006              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2007                <a href="/case/scene/scenebetu_noren_ofuro.php" class="case-sceneList-link">
2008                  <div class="case-sceneList-img">
2009                    <img src="/case/img/scene_thumb_ofuro.jpg" alt="" width="130" height="79">
2010                  </div>
2011                  <dl class="case-sceneList-detail">
2012                    <dt class="-raw2"><span>お風呂・温泉・銭湯の湯のれん</span></dt>
2013                    <dd class="txt-justify">日本のお風呂文化に欠かせない!それが「湯のれん」</dd>
2014                  </dl>
2015                </a>
2016              </div>
2017              <!-- ////////////////////////////// 事例 set end -->
2018
2019
2020              <!-- ////////////////////////////// 事例 set start -->
2021              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2022                <a href="/case/scene/scenebetu_noren_seikotuin.php" class="case-sceneList-link">
2023                  <div class="case-sceneList-img">
2024                    <img src="/case/img/scene_thumb_seikotuin.jpg" alt="" width="130" height="79">
2025                  </div>
2026                  <dl class="case-sceneList-detail">
2027                    <dt class="-raw2"><span>整骨院・鍼灸接骨院・整体院ののれん</span></dt>
2028                    <dd class="txt-justify">接骨院、整骨院、整体院ってどれも同じ?自院の得意分野を書いたオーダーのれんで来店促進を!</dd>
2029                  </dl>
2030                </a>
2031              </div>
2032              <!-- ////////////////////////////// 事例 set end -->
2033
2034
2035              <!-- ////////////////////////////// 事例 set start -->
2036              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2037                <a href="/case/scene/scenebetu_noren_massage.php" class="case-sceneList-link">
2038                  <div class="case-sceneList-img">
2039                    <img src="/case/img/scene_thumb_massage.jpg" alt="" width="130" height="79">
2040                  </div>
2041                  <dl class="case-sceneList-detail">
2042                    <dt class="-raw2"><span>足つぼ・もみほぐし・マッサージののれん</span></dt>
2043                    <dd class="txt-justify">流行りのもみほぐし系は まだまだ入りにくい業種!そんなお店にのれんを掛けるだけで・・・・</dd>
2044                  </dl>
2045                </a>
2046              </div>
2047              <!-- ////////////////////////////// 事例 set end -->
2048
2049
2050              <!-- ////////////////////////////// 事例 set start -->
2051              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2052                <a href="/case/scene/scenebetu_noren_fudosan.php" class="case-sceneList-link">
2053                  <div class="case-sceneList-img">
2054                    <img src="/case/img/scene_thumb_fudosan.jpg" alt="" width="130" height="79">
2055                  </div>
2056                  <dl class="case-sceneList-detail">
2057                    <dt class="-raw2"><span>不動産・住宅展示場ののれん</span></dt>
2058                    <dd class="txt-justify">住宅展示場でのれんを活用しよう</dd>
2059                  </dl>
2060                </a>
2061              </div>
2062              <!-- ////////////////////////////// 事例 set end -->
2063
2064
2065              <!-- ////////////////////////////// 事例 set start -->
2066              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2067                <a href="/case/scene/scenebetu_noren_kaigosisetu.php" class="case-sceneList-link">
2068                  <div class="case-sceneList-img">
2069                    <img src="/case/img/scene_thumb_kaigosisetu.jpg" alt="" width="130" height="79">
2070                  </div>
2071                  <dl class="case-sceneList-detail">
2072                    <dt class="-raw2"><span>介護施設・老人ホームののれん</span></dt>
2073                    <dd class="txt-justify">介護施設や老人ホームでの活用方法</dd>
2074                  </dl>
2075                </a>
2076              </div>
2077              <!-- ////////////////////////////// 事例 set end -->
2078
2079
2080              <!-- ////////////////////////////// 事例 set start -->
2081              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2082                <a href="/case/scene/scenebetu_noren_salon.php" class="case-sceneList-link">
2083                  <div class="case-sceneList-img">
2084                    <img src="/case/img/scene_thumb_salon.jpg" alt="" width="130" height="79">
2085                  </div>
2086                  <dl class="case-sceneList-detail">
2087                    <dt class="-raw2"><span>日焼けサロン・エステサロン・美顔ののれん</span></dt>
2088                    <dd class="txt-justify">エステサロン系のお店はデザインにこだわろう!</dd>
2089                  </dl>
2090                </a>
2091              </div>
2092              <!-- ////////////////////////////// 事例 set end -->
2093
2094
2095              <!-- ////////////////////////////// 事例 set start -->
2096              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2097                <a href="/case/scene/scenebetu_noren_petshop.php" class="case-sceneList-link">
2098                  <div class="case-sceneList-img">
2099                    <img src="/case/img/scene_thumb_petshop.jpg" alt="" width="130" height="79">
2100                  </div>
2101                  <dl class="case-sceneList-detail">
2102                    <dt class="-raw2"><span>ペットショップののれん</span></dt>
2103                    <dd class="txt-justify">のれんの活用で集客アップを図ろう!</dd>
2104                  </dl>
2105                </a>
2106              </div>
2107              <!-- ////////////////////////////// 事例 set end -->
2108
2109
2110              <!-- ////////////////////////////// 事例 set start -->
2111              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2112                <a href="/case/scene/scenebetu_noren_recycle.php" clas
2112s="case-sceneList-link">
2113                  <div class="case-sceneList-img">
2114                    <img src="/case/img/scene_thumb_recycle.jpg" alt="" width="130" height="79">
2115                  </div>
2116                  <dl class="case-sceneList-detail">
2117                    <dt class="-raw2"><span>リサイクルショップ・質屋ののれん</span></dt>
2118                    <dd class="txt-justify">のれんで高価買取店、質屋ならではの雰囲気を演出!</dd>
2119                  </dl>
2120                </a>
2121              </div>
2122              <!-- ////////////////////////////// 事例 set end -->
2123
2124
2125              <!-- ////////////////////////////// 事例 set start -->
2126              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2127                <a href="/case/scene/scenebetu_noren_riyousitu.php" class="case-sceneList-link">
2128                  <div class="case-sceneList-img">
2129                    <img src="/case/img/scene_thumb_riyousitu.jpg" alt="" width="130" height="79">
2130                  </div>
2131                  <dl class="case-sceneList-detail">
2132                    <dt><span>理容室・美容室ののれん</span></dt>
2133                    <dd class="txt-justify">理容室や美容室におけるのれんの活用法</dd>
2134                  </dl>
2135                </a>
2136              </div>
2137              <!-- ////////////////////////////// 事例 set end -->
2138
2139
2140              <!-- ////////////////////////////// 事例 set start -->
2141              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2142                <a href="/case/scene/scenebetu_noren_kominka.php" class="case-sceneList-link">
2143                  <div class="case-sceneList-img">
2144                    <img src="/case/img/scene_thumb_kominka.jpg" alt="" width="130" height="79">
2145                  </div>
2146                  <dl class="case-sceneList-detail">
2147                    <dt><span>古民家ののれん</span></dt>
2148                    <dd class="txt-justify">古民家には、「和」の雰囲気の日除け幕やのれんがピッタリ!</dd>
2149                  </dl>
2150                </a>
2151              </div>
2152              <!-- ////////////////////////////// 事例 set end -->
2153
2154
2155              <!-- ////////////////////////////// 事例 set start -->
2156              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2157                <a href="/case/scene/scenebetu_noren_ryokan.php" class="case-sceneList-link">
2158                  <div class="case-sceneList-img">
2159                    <img src="/case/img/scene_thumb_ryokan.jpg" alt="" width="130" height="79">
2160                  </div>
2161                  <dl class="case-sceneList-detail">
2162                    <dt class="-raw2"><span>ゲストハウス・旅館・民宿ののれん</span></dt>
2163                    <dd class="txt-justify">「日常」と「非日常」を分ける特別なアイテム 旅館・民宿・ゲストハウスでは是非のれんにこだわって</dd>
2164                  </dl>
2165                </a>
2166              </div>
2167              <!-- ////////////////////////////// 事例 set end -->
2168
2169
2170              <!-- ////////////////////////////// 事例 set start -->
2171              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2172                <a href="/case/scene/scenebetu_noren_saiji.php" class="case-sceneList-link">
2173                  <div class="case-sceneList-img">
2174                    <img src="/case/img/scene_thumb_saiji.jpg" alt="" width="130" height="79">
2175                  </div>
2176                  <dl class="case-sceneList-detail">
2177                    <dt class="-raw2"><span>イベント・催事ののれん</span></dt>
2178                    <dd class="txt-justify">目線と動線を誘導する――イベント・催事でののれん</dd>
2179                  </dl>
2180                </a>
2181              </div>
2182              <!-- ////////////////////////////// 事例 set end -->
2183
2184
2185              <!-- ////////////////////////////// 事例 set start -->
2186              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2187                <a href="/case/scene/scenebetu_noren_tenjikai.php" class="case-sceneList-link">
2188                  <div class="case-sceneList-img">
2189                    <img src="/case/img/scene_thumb_tenjikai.jpg" alt="" width="130" height="79">
2190                  </div>
2191                  <dl class="case-sceneList-detail">
2192                    <dt><span>展示会ののれん</span></dt>
2193                    <dd class="txt-justify">展示会でのアピールに……個性的なのれんを活用</dd>
2194                  </dl>
2195                </a>
2196              </div>
2197              <!-- ////////////////////////////// 事例 set end -->
2198
2199
2200              <!-- ////////////////////////////// 事例 set start -->
2201              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2202                <a href="/case/scene/scenebetu_noren_idouhanbai.php" class="case-sceneList-link">
2203                  <div class="case-sceneList-img">
2204                    <img src="/case/img/scene_thumb_idouhanbai.jpg" alt="" width="130" height="79">
2205                  </div>
2206                  <dl class="case-sceneList-detail">
2207                    <dt><span>移動販売・キッチンカーののれん</span></dt>
2208                    <dd class="txt-justify">
2208移動販売のデメリットを失くす!オーダーのれん</dd>
2209                  </dl>
2210                </a>
2211              </div>
2212              <!-- ////////////////////////////// 事例 set end -->
2213
2214
2215              <!-- ////////////////////////////// 事例 set start -->
2216              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2217                <a href="/case/scene/scenebetu_noren_athome.php" class="case-sceneList-link">
2218                  <div class="case-sceneList-img">
2219                    <img src="/case/img/scene_thumb_athome.jpg" alt="" width="130" height="79">
2220                  </div>
2221                  <dl class="case-sceneList-detail">
2222                    <dt><span>家庭用・趣味ののれん</span></dt>
2223                    <dd class="txt-justify">部屋の間仕切りや雰囲気作りに、自分の趣味や好きなテーマでのれんを作ろう</dd>
2224                  </dl>
2225                </a>
2226              </div>
2227              <!-- ////////////////////////////// 事例 set end -->
2228
2229
2230              <!-- ////////////////////////////// 事例 set start -->
2231              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2232                <a href="/case/scene/scenebetu_noren_overseas.php" class="case-sceneList-link">
2233                  <div class="case-sceneList-img">
2234                    <img src="/case/img/scene_thumb_overseas.jpg" alt="" width="130" height="79">
2235                  </div>
2236                  <dl class="case-sceneList-detail">
2237                    <dt><span>海外ののれん</span></dt>
2238                    <dd class="txt-justify">海外の店舗だからこそ……のれんで伝えたい「和」の雰囲気</dd>
2239                  </dl>
2240                </a>
2241              </div>
2242              <!-- ////////////////////////////// 事例 set end -->
2243
2244
2245              <!-- ////////////////////////////// 事例 set start -->
2246              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2247                <a href="/case/scene/scenebetu_noren_majikiri.php" class="case-sceneList-link">
2248                  <div class="case-sceneList-img">
2249                    <img src="/case/img/scene_thumb_majikiri.jpg" alt="" width="130" height="79">
2250                  </div>
2251                  <dl class="case-sceneList-detail">
2252                    <dt class="-raw2"><span>間仕切り・目隠しののれん</span></dt>
2253                    <dd class="txt-justify">間仕切り、目隠し、オーダーなら思い通りの仕上がりに</dd>
2254                  </dl>
2255                </a>
2256              </div>
2257              <!-- ////////////////////////////// 事例 set end -->
2258
2259
2260              <!-- ////////////////////////////// 事例 set start -->
2261              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2262                <a href="/case/scene/scenebetu_noren_display.php" class="case-sceneList-link">
2263                  <div class="case-sceneList-img">
2264                    <img src="/case/img/scene_thumb_display.jpg" alt="" width="130" height="79">
2265                  </div>
2266                  <dl class="case-sceneList-detail">
2267                    <dt class="-raw2"><span>ディスプレーののれん</span></dt>
2268                    <dd class="txt-justify">「布」で華やかディスプレーを。のれんと日除け幕を活用して</dd>
2269                  </dl>
2270                </a>
2271              </div>
2272              <!-- ////////////////////////////// 事例 set end -->
2273
2274
2275              <!-- ////////////////////////////// 事例 set start -->
2276              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2277                <a href="/case/scene/scenebetu_noren_counter.php" class="case-sceneList-link">
2278                  <div class="case-sceneList-img">
2279                    <img src="/case/img/scene_thumb_counter.jpg" alt="" width="130" height="79">
2280                  </div>
2281                  <dl class="case-sceneList-detail">
2282                    <dt class="-raw2"><span>カウンターののれん</span></dt>
2283                    <dd class="txt-justify">カウンターにかけるのれん、オーダーでこだわりを実現</dd>
2284                  </dl>
2285                </a>
2286              </div>
2287              <!-- ////////////////////////////// 事例 set end -->
2288
2289
2290              <!-- ////////////////////////////// 事例 set start -->
2291              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2292                <a href="/case/scene/scenebetu_noren_koshimaki.php" class="case-sceneList-link">
2293                  <div class="case-sceneList-img">
2294                    <img src="/case/img/scene_thumb_koshimaki.jpg" alt="" width="130" height="79">
2295                  </div>
2296                  <dl class="case-sceneList-detail">
2297                    <dt class="-raw2"><span>腰巻きののれん</span></dt>
2298                    <dd class="txt-justify">テーブルと腰巻で、あっという間に店舗が完成</dd>
2299                  </dl>
2300                </a>
2301              </div>
2302              <!-- ////////////////////////////// 事例 set end -->
2303
2304
2305              <!-- ////////////////////////////// 事例 set start -->
2306              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2307                <a href="/case/scene/scenebetu_noren_wedding.php" class="case-sceneList-link">
2308                  <div class="case-sceneList-img">
2309                    <img src="/case/img/scene_thumb_wedding.jpg" alt="" width="130" height="79">
2310                  </div>
2311                  <dl class="case-sceneList-detail">
2312                    <dt class="-raw2"><span>結婚式ののれん</span></dt>
2313                    <dd class="txt-justify">和の雰囲気にこだわるなら、オリジナルのれんで結婚式を彩ってみて</dd>
2314                  </dl>
2315                </a>
2316              </div>
2317              <!-- ////////////////////////////// 事例 set end -->
2318
2319
2320              <!-- ////////////////////////////// 事例 set start -->
2321              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2322                <a href="/case/scene/scenebetu_noren_kamon.php" class="case-sceneList-link">
2323                  <div class="case-sceneList-img">
2324                    <img src="/case/img/scene_thumb_kamon.jpg" alt="" width="130" height="79">
2325                  </div>
2326                  <dl class="case-sceneList-detail">
2327                    <dt class="-raw2"><span>家紋入りののれん</span></dt>
2328                    <dd class="txt-justify">伝統を感じさせる「家紋入り」オーダーメイドのれん</dd>
2329                  </dl>
2330                </a>
2331              </div>
2332              <!-- ////////////////////////////// 事例 set end -->
2333
2334
2335              <!-- ////////////////////////////// 事例 set start -->
2336              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2337                <a href="/case/scene/scenebetu_noren_gakuya.php" class="case-sceneList-link">
2338                  <div class="case-sceneList-img">
2339                    <img src="/case/img/scene_thumb_gakuya.jpg" alt="" width="130" height="79">
2340                  </div>
2341                  <dl class="case-sceneList-detail">
2342                    <dt class="-raw2"><span>楽屋のれん</span></dt>
2343                    <dd class="txt-justify">役者のオンとオフを切り替えるスイッチとなるのが「楽屋のれん」です!</dd>
2344                  </dl>
2345                </a>
2346              </div>
2347              <!-- ////////////////////////////// 事例 set end -->
2348
2349
2350              <!-- ////////////////////////////// 事例 set start -->
2351              <div class="case-sceneList-set lazyload inview" data-expand="-20">
2352                <a href="/case/scene/scenebetu_noren_hiyoke.php" class="case-sceneList-link">
2353                  <div class="case-sceneList-img">
2354                    <img src="/case/img/scene_thumb_hiyoke.jpg" alt="" width="130" height="79">
2355                  </div>
2356                  <dl class="case-sceneList-detail">
2357                    <dt class="-raw2"><span>玄関の日除けのれん</span></dt>
2358                    <dd class="txt-justify">看板や日除けとして役立つ玄関の日除けのれん</dd>
2359                  </dl>
2360                </a>
2361              </div>
2362              <!-- ////////////////////////////// 事例 set end -->
2363
2364            </div><!-- //.case-sceneList -->
2365
2366            <!-- <div class="case-sceneList-btn-wrap">
2367              <div class="case-sceneList-btn -open">
2368                <span class="btn c-green-btn -full"><span>業種・シーンをもっと見る</span></span>
2369                <span class="btn c-green-btn -full"><span>閉じる</span></span>
2370              </div>
2371            </div> -->
2372
2373          </section>
2374          <!-- ////////////////////////////// 業種・シーン別活用事例 end -->
2375
2376        </div><!-- //.t-cmn-sct-inner -->
2377      </section>
2378      <!-- ////////////////////////////// 事例紹介 end -->
2379
2380
2381      <!-- ////////////////////////////// 選ばれる理由 start -->
2382      <section class="t-cmn-sct t-reason">
2383        <div class="t-cmn-sct-inner">
2384
2385          <div class="t-reason-ttl-wrap lazyload inview" data-expand="-20">
2386            <!-- <h2 class="t-reason-ttl"><span>ご利用者数<span class="color">13,000</span>人突破</span><br><strong>オーダーのれんドットコム</strong>が<br class="sp-item">選ばれる理由</h2> -->
2387            <h2 class="t-reason-ttl">
2388              <strong>オーダーのれんドットコム</strong>が<br class="sp-item">選ばれる理由
2389              <span class="reason-num-fukidashi">月産 <span class="reason-num-txt"><span class="reason-num">500</span> 枚<br class="pc-item">の実績</span></span>
2390            </h2>
2391          </div>
2392
2393          <!-- ////////////////////////////// 理由 その1 start -->
2394          <div class="t-reasonSet-wrap">
2395            <div class="t-reasonCont01">
2396              <p class="t-reasonSet-ttl-icon"><img src="/common/img/reason_label01.png" alt="理由 その1"></p>
2397
2398              <picture>
2399                <source media="(min-width:768px)" data-srcset="img/reason_01.jpg 1x,img/[email protected] 2x">
2400                <source media="(max-width:768px)" data-srcset="img/reason_01.jpg">
2401                <img class="lazyload" data-sizes="auto" data-src="img/reason_01.jpg" alt="" width="1180" height="250">
2402              </picture>
2403
2404              <div class="t-reasonCont01-text">
2405                <h3>2,000を超える<br class="sp-item">ご使用写真を掲載</h3>
2406                <p>イメージしやすいだけでなく、<br class="sp-item">大きさや取付方法の参考になります。</p>
2407              </div>
2408            </div>
2409          </div>
2410          <!-- ////////////////////////////// 理由 その1 end -->
2411
2412
2413
2414          <!-- ////////////////////////////// 理由 その2 start -->
2415          <div class="t-reasonSet-ttl-wrap -full">
2416            <div>
2417              <p class="t-reasonSet-ttl-icon"><img src="/common/img/reason_label02.png" alt="理由 その2"></p>
2418              <h3 class="t-reasonSet-ttl">4種類の原稿作成プランでカンタン注文!</h3>
2419            </div>
2420          </div>
2421
2422          <div class="t-reasonSet-wrap -col2">
2423            <!-- ////////////////////////////// 理由 set start -->
2424            <div class="t-reasonSet -large">
2425              <div class="t-reasonSet-head">
2426                <p class="t-reasonSet-head-price -free"><span>無料</span></p>
2427                <p class="t-reasonSet-img">
2428                  <a href="/guide/plan/self/">
2429                    <img class="lazyload" data-sizes="auto" data-src="/common/img/plan_img1.jpg" data-srcset="/common/img/plan_img1.jpg" alt="" width="253" height="127">
2430                  </a>
2431                </p>
2432              </div>
2433
2434              <div class=" t-reasonSet-text">
2435                <p class="t-reasonSet-text-sub">データ支給で注文</p>
2436                <div class="t-reasonSet-text-plan">
2437                  <a href="/guide/plan/self/">
2438                    <h4 class="plan-ttl"><strong>セルフ</strong>プラン</h4>
2439                    <p class="plan-btn"><span class="btn c-gray02-btn">詳細</span></p>
2440                  </a>
2441                </div>
2442                <p class="t-reasonSet-summary txt-justify">お客様にて作成されたデータで注文する方法です。Officeデータやイラストレーターなど形式は問いません。</p>
2443              </div>
2444
2445            </div><!-- //.t-reasonSet -->
2446            <!-- ////////////////////////////// 理由 set end -->
2447
2448            <!-- ////////////////////////////// 理由 set start -->
2449            <div class="t-reasonSet -large">
2450              <div class="t-reasonSet-head">
2451                <p class="t-reasonSet-head-price -free"><span>無料</span></p>
2452                <p class="t-reasonSet-img">
2453                  <a href="/guide/plan/select/">
2454                    <img class="lazyload" data-sizes="auto" data-src="/common/img/plan_img2.jpg" data-srcset="/common/img/plan_img2.jpg" alt="" width="254" height="127">
2455                  </a>
2456                </p>
2457              </div>
2458
2459              <div class=" t-reasonSet-text">
2460                <p class="t-reasonSet-text-sub">デザインサンプルから簡単注文!</p>
2461                <div class="t-reasonSet-text-plan">
2462                  <a href="/guide/plan/select/">
2463                    <h4 class="plan-ttl"><strong>セレクト</strong>プラン</h4>
2464                    <p class="plan-btn"><span class="btn c-gray02-btn">詳細</span></p>
2465                  </a>
2466                </div>
2467                <p class="t-reasonSet-summary txt-justify">豊富なデザインサンプルの中からお好きなものを選んで注文する方法です。サンプルから自由にカスタマイズできます!</p>
2468              </div>
2469
2470            </div><!-- //.t-reasonSet -->
2471            <!-- ////////////////////////////// 理由 set end -->
2472
2473            <!-- ////////////////////////////// 理由 set start -->
2474            <div class="t-reasonSet -large">
2475              <div class="t-reasonSet-head">
2476                <p class="t-reasonSet-head-price"><span>4,000円</span></p>
2477                <p class="t-reasonSet-img">
2478                  <a href="/guide/plan/designers/">
2479                    <img class="lazyload" data-sizes="auto" data-src="/common/img/plan_img3.jpg" data-srcset="/common/img/plan_img3.jpg" alt="" width="253" height="127">
2480                  </a>
2481                </p>
2482              </div>
2483
2484              <div class=" t-reasonSet-text">
2485                <p class="t-reasonSet-text-sub">ラフイメージからプロがデザイン!</p>
2486                <div class="t-reasonSet-text-plan">
2487                  <a href="/guide/plan/designers/">
2488                    <h4 class="plan-ttl"><strong>デザイナーズ</strong>プラン</h4>
2489                    <p class="plan-btn"><span class="btn c-gray02-btn">詳細</span></p>
2490                  </a>
2491                </div>
2492                <p class="t-reasonSet-summary txt-justify">手書き、データを問わずラフ原稿と希望イメージを伝えデザインをお任せいただくご注文方法です。2~3案ご提案いたします。</p>
2493              </div>
2494
2495            </div><!-- //.t-reasonSet -->
2496            <!-- ////////////////////////////// 理由 set end -->
2497
2498            <!-- ////////////////////////////// 理由 set start -->
2499            <div class="t-reasonSet -large">
2500              <div class="t-reasonSet-head">
2501                <p class="t-reasonSet-head-price -free"><span>無料</span></p>
2502                <p class="t-reasonSet-img">
2503                  <a href="/guide/plan/actual/">
2504                    <img class="lazyload" data-sizes="auto" data-src="/common/img/plan_img4.jpg" data-srcset="/common/img/plan_img4.jpg" alt="" width="254" height="127">
2505                  </a>
2506                </p>
2507              </div>
2508
2509              <div class=" t-reasonSet-text">
2510                <p class="t-reasonSet-text-sub">現物を送って注文</p>
2511                <div class="t-reasonSet-text-plan">
2512                  <a href="/guide/plan/actual/">
2513                    <h4 class="plan-ttl"><strong>現物</strong>プラン</h4>
2514                    <p class="plan-btn"><span class="btn c-gray02-btn">詳細</span></p>
2515                  </a>
2516                </div>
2517                <p class="t-reasonSet-summary txt-justify">現物写真または現物を直接送っていただきそこから再現するプランです。データがなくても注文可能!</p>
2518              </div>
2519            </div><!-- //.t-reasonSet -->
2520            <!-- ////////////////////////////// 理由 set end -->
2521          </div><!-- //.t-reasonSet-wrap -->
2522          <!-- ////////////////////////////// 理由 その2 end -->
2523
2524
2525
2526          <!-- ////////////////////////////// 理由 その3、4 start -->
2527          <div class="t-reasonSet-wrap -col3">
2528
2529            <!-- ////////////////////////////// 理由 set start -->
2530            <div class="t-reasonSet -small lazyload inview" data-expand="-20">
2531              <div class="t-reasonSet-ttl-wrap">
2532                <p class="t-reasonSet-ttl-icon"><img src="/common/img/reason_label03.png" alt="理由 その3"></p>
2533                <h3 class="t-reasonSet-ttl">迅速・親切・丁寧・密に<br>対応します!</h3>
2534              </div>
2535              <p class="t-reasonSet-img"><img class="lazyload" data-sizes="auto" data-src="img/reason_img02.jpg" alt="" width="195" height="95"></p>
2536              <p class="t-reasonSet-summary txt-justify">製作前に電話でしっかりヒアリング。<br>
2537                さらにデザイン修正は何度でも無料!</p>
2538            </div><!-- //.t-reasonSet -->
2539            <!-- ////////////////////////////// 理由 set end -->
2540
2541
2542            <!-- ////////////////////////////// 理由 set start -->
2543            <div class="t-reasonSet -small lazyload inview" data-expand="-20">
2544              <div class="t-reasonSet-ttl-wrap">
2545                <p class="t-reasonSet-ttl-icon"><img src="/common/img/reason_label04.png" alt="理由 その4"></p>
2546                <h3 class="t-reasonSet-ttl">縦横のサイズ入力で<br>金額がすぐに分かる!</h3>
2547              </div>
2548              <p class="t-reasonSet-img"><img class="lazyload" data-sizes="auto" data-src="img/reason_img03.jpg" alt="" width="195" height="95"></p>
2549              <p class="t-reasonSet-summary txt-justify">
2549面倒な見積もり依頼も必要なく、<br>そのまま簡単にご注文出来ます。</p>
2550            </div><!-- //.t-reasonSet -->
2551            <!-- ////////////////////////////// 理由 set end -->
2552
2553            <!-- ////////////////////////////// お客様10のメリット start -->
2554            <p class="t-reason-merit lazyload inview" data-expand="-20">
2555              <a href="/guide/merit/" class="btn c-green-btn -full">お客様<br><span>10</span>のメリット</a>
2556            </p>
2557            <!-- ////////////////////////////// お客様10のメリット end -->
2558          </div><!-- //.t-reasonSet-wrap -->
2559          <!-- ////////////////////////////// 理由 その3、4 end -->
2560
2561        </div>
2562      </section>
2563      <!-- ////////////////////////////// 選ばれる理由 end -->
2564
2565
2566      <!-- ////////////////////////////// お客様の声 start -->
2567      <section class="t-cmn-sct t-voice">
2568        <div class="t-cmn-sct-inner lazyload inview" data-expand="-20">
2569          <h2 class="t-cmn-ttl03">
2570            お客様の声
2571            <span class="voice-num-fukidashi">掲載数<br><span class="voice-num-txt"><span class="voice-num">2,000</span>件以上</span></span>
2572          </h2>
2573          <div class="t-voice-slider js-t-voice-slider c-slider">
2574                          <!-- ////////////////////////////// お客様の声 set start -->
2575              <div class="t-voice-set">
2576                                  <div class="t-voice-img">
2577                    <a href="/case/voice/9435"><img class="lazyload" data-sizes="auto" data-src="https://www.hakuromarkss.jp/_files/voice/9/9435/photo2/photo2_s.png" alt=""></a>
2578                  </div>
2579                                <div class="t-voice-detail">
2580                  <p class="voice-detail-type">美容室ののれん</p>
2581                  <h3 class="voice-detail-ttl txt-justify">電話対応の良さ。</h3>
2582                  <dl class="voice-detail-customerName">
2583                    <dt>作間様 山口県長門市</dt>
2584                  </dl>
2585                  <p class="voice-detail-btn"><a href="/case/voice/9435" class="btn c-gray02-btn"><span>お客様の声の詳細を見る</span></a></p>
2586                </div>
2587              </div>
2588              <!-- ////////////////////////////// お客様の声 set end -->
2589                          <!-- ////////////////////////////// お客様の声 set start -->
2590              <div class="t-voice-set">
2591                                  <div class="t-voice-img">
2592                    <a href="/case/voice/9433"><img class="lazyload" data-sizes="auto" data-src="https://www.hakuromarkss.jp/_files/voice/9/9433/photo1/photo1_s.jpeg" alt=""></a>
2593                  </div>
2594                                <div class="t-voice-detail">
2595                  <p class="voice-detail-type">和食処ののれん</p>
2596                  <h3 class="voice-detail-ttl txt-justify">ホームページがわかりやすかったので</h3>
2597                  <dl class="voice-detail-customerName">
2598                    <dt>千葉県 匿名希望様</dt>
2599                  </dl>
2600                  <p class="voice-detail-btn"><a href="/case/voice/9433" class="btn c-gray02-btn"><span>お客様の声の詳細を見る</span></a></p>
2601                </div>
2602              </div>
2603              <!-- ////////////////////////////// お客様の声 set end -->
2604                          <!-- ////////////////////////////// お客様の声 set start -->
2605              <div class="t-voice-set">
2606                                  <div class="t-voice-img">
2607                    <a href="/case/voice/9431"><img class="lazyload" data-sizes="auto" data-src="https://www.hakuromarkss.jp/_files/voice/9/9431/photo1/photo1_s.jpg" alt=""></a>
2608                  </div>
2609                                <div class="t-voice-detail">
2610                  <p class="voice-detail-type">アートギャラリーののれん</p>
2611                  <h3 class="voice-detail-ttl txt-justify">入稿データがExcelも可と書いてあったから。</h3>
2612                  <dl class="voice-detail-customerName">
2613                    <dt>えんじゅ工房 様 千葉県松戸市</dt>
2614                  </dl>
2615                  <p class="voice-detail-btn"><a href="/case/voice/9431" class="btn c-gray02-btn"><span>お客様の声の詳細を見る</span></a></p>
2616                </div>
2617              </div>
2618              <!-- ////////////////////////////// お客様の声 set end -->
2619                      </div><!-- //.t-voice-slider -->
2620        </div><!-- //.t-cmn-sct-inner -->
2621
2622        <!-- ////////////////////////////// フォトギャラリーを見る start -->
2623        <div class="t-gallery c-loop-slider bnr-gallery lazyload inview">
2624          <div class="c-loop-slider-wrap">
2625            <div class="slide-anim">
2626              <div class="slide-inline">
2627                <p class="nobori-img"><img src="/common/img/gallery_img01.jpg" srcset="/common/img/gallery_img01.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2628              </div><!-- // .slide-inline -->
2629              <div class="slide-inline">
2630                <p class="nobori-img"><img src="/common/img/gallery_img02.jpg" srcset="/common/img/gallery_img02.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2631              </div><!-- // .slide-inline -->
2632              <div class="slide-inline">
2633                <p class="nobori-img"><img src="/common/img/gallery_img03.jpg" srcset="/common/img/gallery_img03.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2634              </div><!-- // .slide-inline -->
2635              <div class="slide-inline">
2636                <p class="nobori-img"><img src="/common/img/gallery_img05.jpg" srcset="/common/img/gallery_img05.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2637              </div><!-- // .slide-inline -->
2638              <div class="slide-inline">
2639                <p class="nobori-img"><img src="/common/img/gallery_img06.jpg" srcset="/common/img/gallery_img06.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2640              </div><!-- // .slide-inline -->
2641              <div class="slide-inline">
2642                <p class="nobori-img"><img src="/common/img/gallery_img07.jpg" srcset="/common/img/gallery_img07.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2643              </div><!-- // .slide-inline -->
2644              <div class="slide-inline">
2645                <p class="nobori-img"><img src="/common/img/gallery_img08.jpg" srcset="/common/img/gallery_img08.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2646              </div><!-- // .slide-inline -->
2647              <div class="slide-inline">
2648                <p class="nobori-img"><img src="/common/img/gallery_img09.jpg" srcset="/common/img/gallery_img09.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2649              </div><!-- // .slide-inline -->
2650              <div class="slide-inline">
2651                <p class="nobori-img"><img src="/common/img/gallery_img10.jpg" srcset="/common/img/gallery_img10.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2652              </div><!-- // .slide-inline -->
2653              <div class="slide-inline">
2654                <p class="nobori-img"><img src="/common/img/gallery_img11.jpg" srcset="/common/img/gallery_img11.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2655              </div><!-- // .slide-inline -->
2656              <div class="slide-inline">
2657                <p class="nobori-img"><img src="/common/img/gallery_img12.jpg" srcset="/common/img/gallery_img12.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2658              </div><!-- // .slide-inline -->
2659              <div class="slide-inline">
2660                <p class="nobori-img"><img src="/common/img/gallery_img13.jpg" srcset="/common/img/gallery_img13.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2661              </div><!-- // .slide-inline -->
2662              <div class="slide-inline">
2663                <p class="nobori-img"><img src="/common/img/gallery_img14.jpg" srcset="/common/img/gallery_img14.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2664              </div><!-- // .slide-inline -->
2665              <div class="slide-inline">
2666                <p class="nobori-img"><img src="/common/img/gallery_img15.jpg" srcset="/common/img/gallery_img15.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2667              </div><!-- // .slide-inline -->
2668              <div class="slide-inline">
2669                <p class="nobori-img"><img src="/common/img/gallery_img16.jpg" srcset="/common/img/gallery_img16.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2670              </div><!-- // .slide-inline -->
2671              <div class="slide-inline">
2672                <p class="nobori-img"><img src="/common/img/gallery_img17.jpg" srcset="/common/img/gallery_img17.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2673              </div><!-- // .slide-inline -->
2674              <div class="slide-inline">
2675                <p class="nobori-img"><img src="/common/img/gallery_img18.jpg" srcset="/common/img/gallery_img18.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2676              </div><!-- // .slide-inline -->
2677              <div class="slide-inline">
2678                <p class="nobori-img"><img src="/common/img/gallery_img19.jpg" srcset="/common/img/gallery_img19.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2679              </div><!-- // .slide-inline -->
2680              <div class="slide-inline">
2681                <p class="nobori-img"><img src="/common/img/gallery_img20.jpg" srcset="/common/img/gallery_img20.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2682              </div><!-- // .slide-inline -->
2683              <div class="slide-inline">
2684                <p class="nobori-img"><img src="/common/img/gallery_img21.jpg" srcset="/common/img/gallery_img21.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2685              </div><!-- // .slide-inline -->
2686              <div class="slide-inline">
2687                <p class="nobori-img"><img src="/common/img/gallery_img01.jpg" srcset="/common/img/gallery_img01.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2688              </div><!-- // .slide-inline -->
2689              <div class="slide-inline">
2690                <p class="nobori-img"><img src="/common/img/gallery_img02.jpg" srcset="/common/img/gallery_img02.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2691              </div><!-- // .slide-inline -->
2692              <div class="slide-inline">
2693                <p class="nobori-img"><img src="/common/img/gallery_img03.jpg" srcset="/common/img/gallery_img03.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2694              </div><!-- // .slide-inline -->
2695              <div class="slide-inline">
2696                <p class="nobori-img"><img src="/common/img/gallery_img05.jpg" srcset="/common/img/gallery_img05.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2697              </div><!-- // .slide-inline -->
2698              <div class="slide-inline">
2699                <p class="nobori-img"><img src="/common/img/gallery_img06.jpg" srcset="/common/img/gallery_img06.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2700              </div><!-- // .slide-inline -->
2701              <div class="slide-inline">
2702                <p class="nobori-img"><img src="/common/img/gallery_img07.jpg" srcset="/common/img/gallery_img07.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2703              </div><!-- // .slide-inline -->
2704              <div class="slide-inline">
2705                <p class="nobori-img"><img src="/common/img/gallery_img08.jpg" srcset="/common/img/gallery_img08.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2706              </div><!-- // .slide-inline -->
2707              <div class="slide-inline">
2708                <p class="nobori-img"><img src="/common/img/gallery_img09.jpg" srcset="/common/img/gallery_img09.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2709              </div><!-- // .slide-inline -->
2710              <div class="slide-inline">
2711                <p class="nobori-img"><img src="/common/img/gallery_img10.jpg" srcset="/common/img/gallery_img10.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2712              </div><!-- // .slide-inline -->
2713              <div class="slide-inline">
2714                <p class="nobori-img"><img src="/common/img/gallery_img11.jpg" srcset="/common/img/gallery_img11.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2715              </div><!-- // .slide-inline -->
2716              <div class="slide-inline">
2717                <p class="nobori-img"><img src="/common/img/gallery_img12.jpg" srcset="/common/img/gallery_img12.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2718              </div><!-- // .slide-inline -->
2719              <div class="slide-inline">
2720                <p class="nobori-img"><img src="/common/img/gallery_img13.jpg" srcset="/common/img/gallery_img13.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2721              </div><!-- // .slide-inline -->
2722              <div class="slide-inline">
2723                <p class="nobori-img"><img src="/common/img/gallery_img14.jpg" srcset="/common/img/gallery_img14.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2724              </div><!-- // .slide-inline -->
2725              <div class="slide-inline">
2726                <p class="nobori-img"><img src="/common/img/gallery_img15.jpg" srcset="/common/img/gallery_img15.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2727              </div><!-- // .slide-inline -->
2728              <div class="slide-inline">
2729                <p class="nobori-img"><img src="/common/img/gallery_img16.jpg" srcset="/common/img/gallery_img16.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2730              </div><!-- // .slide-inline -->
2731              <div class="slide-inline">
2732                <p class="nobori-img"><img src="/common/img/gallery_img17.jpg" srcset="/common/img/gallery_img17.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2733              </div><!-- // .slide-inline -->
2734              <div class="slide-inline">
2735                <p class="nobori-img"><img src="/common/img/gallery_img18.jpg" srcset="/common/img/gallery_img18.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2736              </div><!-- // .slide-inline -->
2737              <div class="slide-inline">
2738                <p class="nobori-img"><img src="/common/img/gallery_img19.jpg" srcset="/common/img/gallery_img19.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2739              </div><!-- // .slide-inline -->
2740              <div class="slide-inline">
2741                <p class="nobori-img"><img src="/common/img/gallery_img20.jpg" srcset="/common/img/gallery_img20.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2742              </div><!-- // .slide-inline -->
2743              <div class="slide-inline">
2744                <p class="nobori-img"><img src="/common/img/gallery_img21.jpg" srcset="/common/img/gallery_img21.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2745              </div><!-- // .slide-inline -->
2746            </div><!-- marquee-anim -->
2747
2748            <div class="slide-anim2 sp-item">
2749              <div class="slide-inline">
2750                <p class="nobori-img"><img src="/common/img/gallery_img01.jpg" srcset="/common/img/gallery_img01.jpg 1x, /common/img/[email protected] 2x" a
2750lt="" width="400" height="300"></p>
2751              </div><!-- // .slide-inline -->
2752              <div class="slide-inline">
2753                <p class="nobori-img"><img src="/common/img/gallery_img02.jpg" srcset="/common/img/gallery_img02.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2754              </div><!-- // .slide-inline -->
2755              <div class="slide-inline">
2756                <p class="nobori-img"><img src="/common/img/gallery_img03.jpg" srcset="/common/img/gallery_img03.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2757              </div><!-- // .slide-inline -->
2758              <div class="slide-inline">
2759                <p class="nobori-img"><img src="/common/img/gallery_img05.jpg" srcset="/common/img/gallery_img05.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2760              </div><!-- // .slide-inline -->
2761              <div class="slide-inline">
2762                <p class="nobori-img"><img src="/common/img/gallery_img06.jpg" srcset="/common/img/gallery_img06.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2763              </div><!-- // .slide-inline -->
2764              <div class="slide-inline">
2765                <p class="nobori-img"><img src="/common/img/gallery_img07.jpg" srcset="/common/img/gallery_img07.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2766              </div><!-- // .slide-inline -->
2767              <div class="slide-inline">
2768                <p class="nobori-img"><img src="/common/img/gallery_img08.jpg" srcset="/common/img/gallery_img08.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2769              </div><!-- // .slide-inline -->
2770              <div class="slide-inline">
2771                <p class="nobori-img"><img src="/common/img/gallery_img09.jpg" srcset="/common/img/gallery_img09.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2772              </div><!-- // .slide-inline -->
2773              <div class="slide-inline">
2774                <p class="nobori-img"><img src="/common/img/gallery_img10.jpg" srcset="/common/img/gallery_img10.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2775              </div><!-- // .slide-inline -->
2776              <div class="slide-inline">
2777                <p class="nobori-img"><img src="/common/img/gallery_img11.jpg" srcset="/common/img/gallery_img11.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2778              </div><!-- // .slide-inline -->
2779              <div class="slide-inline">
2780                <p class="nobori-img"><img src="/common/img/gallery_img12.jpg" srcset="/common/img/gallery_img12.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2781              </div><!-- // .slide-inline -->
2782              <div class="slide-inline">
2783                <p class="nobori-img"><img src="/common/img/gallery_img13.jpg" srcset="/common/img/gallery_img13.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2784              </div><!-- // .slide-inline -->
2785              <div class="slide-inline">
2786                <p class="nobori-img"><img src="/common/img/gallery_img14.jpg" srcset="/common/img/gallery_img14.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2787              </div><!-- // .slide-inline -->
2788              <div class="slide-inline">
2789                <p class="nobori-img"><img src="/common/img/gallery_img15.jpg" srcset="/common/img/gallery_img15.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2790              </div><!-- // .slide-inline -->
2791              <div class="slide-inline">
2792                <p class="nobori-img"><img src="/common/img/gallery_img16.jpg" srcset="/common/img/gallery_img16.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2793              </div><!-- // .slide-inline -->
2794              <div class="slide-inline">
2795                <p class="nobori-img"><img src="/common/img/gallery_img17.jpg" srcset="/common/img/gallery_img17.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2796              </div><!-- // .slide-inline -->
2797              <div class="slide-inline">
2798                <p class="nobori-img"><img src="/common/img/gallery_img18.jpg" srcset="/common/img/gallery_img18.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2799              </div><!-- // .slide-inline -->
2800              <div class="slide-inline">
2801                <p class="nobori-img"><img src="/common/img/gallery_img19.jpg" srcset="/common/img/gallery_img19.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2802              </div><!-- // .slide-inline -->
2803              <div class="slide-inline">
2804                <p class="nobori-img"><img src="/common/img/gallery_img20.jpg" srcset="/common/img/gallery_img20.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2805              </div><!-- // .slide-inline -->
2806              <div class="slide-inline">
2807                <p class="nobori-img"><img src="/common/img/gallery_img21.jpg" srcset="/common/img/gallery_img21.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2808              </div><!-- // .slide-inline -->
2809              <div class="slide-inline">
2810                <p class="nobori-img"><img src="/common/img/gallery_img01.jpg" srcset="/common/img/gallery_img01.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2811              </div><!-- // .slide-inline -->
2812              <div class="slide-inline">
2813                <p class="nobori-img"><img src="/common/img/gallery_img02.jpg" srcset="/common/img/gallery_img02.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2814              </div><!-- // .slide-inline -->
2815              <div class="slide-inline">
2816                <p class="nobori-img"><img src="/common/img/gallery_img03.jpg" srcset="/common/img/gallery_img03.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2817              </div><!-- // .slide-inline -->
2818              <div class="slide-inline">
2819                <p class="nobori-img"><img src="/common/img/gallery_img05.jpg" srcset="/common/img/gallery_img05.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2820              </div><!-- // .slide-inline -->
2821              <div class="slide-inline">
2822                <p class="nobori-img"><img src="/common/img/gallery_img06.jpg" srcset="/common/img/gallery_img06.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2823              </div><!-- // .slide-inline -->
2824              <div class="slide-inline">
2825                <p class="nobori-img"><img src="/common/img/gallery_img07.jpg" srcset="/common/img/gallery_img07.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2826              </div><!-- // .slide-inline -->
2827              <div class="slide-inline">
2828                <p class="nobori-img"><img src="/common/img/gallery_img08.jpg" srcset="/common/img/gallery_img08.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2829              </div><!-- // .slide-inline -->
2830              <div class="slide-inline">
2831                <p class="nobori-img"><img src="/common/img/gallery_img09.jpg" srcset="/common/img/gallery_img09.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2832              </div><!-- // .slide-inline -->
2833              <div class="slide-inline">
2834                <p class="nobori-img"><img src="/common/img/gallery_img10.jpg" srcset="/common/img/gallery_img10.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2835              </div><!-- // .slide-inline -->
2836              <div class="slide-inline">
2837                <p class="nobori-img"><img src="/common/img/gallery_img11.jpg" srcset="/common/img/gallery_img11.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2838              </div><!-- // .slide-inline -->
2839              <div class="slide-inline">
2840                <p class="nobori-img"><img src="/common/img/gallery_img12.jpg" srcset="/common/img/gallery_img12.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2841              </div><!-- // .slide-inline -->
2842              <div class="slide-inline">
2843                <p class="nobori-img"><img src="/common/img/gallery_img13.jpg" srcset="/common/img/gallery_img13.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2844              </div><!-- // .slide-inline -->
2845              <div class="slide-inline">
2846                <p class="nobori-img"><img src="/common/img/gallery_img14.jpg" srcset="/common/img/gallery_img14.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2847              </div><!-- // .slide-inline -->
2848              <div class="slide-inline">
2849                <p class="nobori-img"><img src="/common/img/gallery_img15.jpg" srcset="/common/img/gallery_img15.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2850              </div><!-- // .slide-inline -->
2851              <div class="slide-inline">
2852                <p class="nobori-img"><img src="/common/img/gallery_img16.jpg" srcset="/common/img/gallery_img16.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2853              </div><!-- // .slide-inline -->
2854              <div class="slide-inline">
2855                <p class="nobori-img"><img src="/common/img/gallery_img17.jpg" srcset="/common/img/gallery_img17.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2856              </div><!-- // .slide-inline -->
2857              <div class="slide-inline">
2858                <p class="nobori-img"><img src="/common/img/gallery_img18.jpg" srcset="/common/img/gallery_img18.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2859              </div><!-- // .slide-inline -->
2860              <div class="slide-inline">
2861                <p class="nobori-img"><img src="/common/img/gallery_img19.jpg" srcset="/common/img/gallery_img19.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2862              </div><!-- // .slide-inline -->
2863              <div class="slide-inline">
2864                <p class="nobori-img"><img src="/common/img/gallery_img20.jpg" srcset="/common/img/gallery_img20.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2865              </div><!-- // .slide-inline -->
2866              <div class="slide-inline">
2867                <p class="nobori-img"><img src="/common/img/gallery_img21.jpg" srcset="/common/img/gallery_img21.jpg 1x, /common/img/[email protected] 2x" alt="" width="400" height="300"></p>
2868              </div><!-- // .slide-inline -->
2869            </div>
2870          </div>
2871          <p class="front-visual"><img class="lazyload" data-sizes="auto" data-src="/common/img/gallery_front_visual.png" data-srcset="/common/img/gallery_front_visual.png 1x, /common/img/[email protected] 2x" alt=""></p>
2872          <p class="c-btn-pressing -small gallery-btn"><a href="/case/gallery/">生地やサイズ感、取り付け方法など<br class="sp-item">参考になる写真を集めました!<br><span>フォトギャラリーを見る</span></a></p>
2873        </div>
2874        <!-- ////////////////////////////// フォトギャラリーを見る end -->
2875      </section>
2876      <!-- ////////////////////////////// お客様の声 end -->
2877
2878
2879      <!-- ////////////////////////////// のれんお役立ち start -->
2880      <section class="t-cmn-sct t-useful">
2881        <div class="t-cmn-sct-inner lazyload inview -padding" data-expand="-20">
2882          <h2>
2883            <picture>
2884              <source media="(min-width:768px)" data-srcset="/common/img/useful_title.png 1x, /common/img/[email protected] 2x">
2885              <source media="(max-width:768px)" data-srcset="/common/img/useful_title.png">
2886              <img class="lazyload" data-sizes="auto" data-src="/common/img/useful_title.png" alt="のれんお役立ち情報">
2887            </picture>
2888          </h2>
2889
2890          <p class="t-useful-copy">「 店舗オーナーや店長様・クライアントの<br class="sp-item">集客支援会社様へ 」</p>
2891          <p class="t-useful-copy -bold -large">オリジナルののれんや日除けのれん、のぼりで<span class="-color">売上アップ!</span></p>
2892
2893          <p class="t-useful-read">のれんや日除けのれんの設置目的は様々ですが、中でも多いのは「店舗への入りやすさの向上」を狙った集客促進です。<br>店舗オーナーや店長様、クライアント様にしてみれば、のれんや日除けのれんは、集客アップ、入店向上のために作っていると言えます。<br><br>私たちは、お客様から支給されたデータ通りに印刷するだけでなく、デザイン作成から携わらせていただくことで、どうすれば集客につながるかを考えなã
2893Œã‚‰ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã®ã‚Œã‚“や日除けのれん作りをしています。<br><br>もちろん、のれんや日除けのれんは、それだけで集客がアップするわけではなく、むしろお客様が店前に来られて初めて威力を発揮するものです。さすがに遠くのお客様を店頭まで引っ張って来るまでの力は弱いです。<br><br>そこで当社では、姉妹サイトで取り扱う「のぼり」で、店舗自体を見つけてもらうところもカバー、両サイトの商品を通じて</p>
2894
2895          <div class="t-useful-main">
2896            <div class="t-useful-mainImage">
2897              <picture>
2898                <source media="(min-width:768px)" data-srcset="img/useful_main.jpg 1x, img/[email protected] 2x">
2899                <source media="(max-width:768px)" data-srcset="img/[email protected]">
2900                <img class="lazyload" data-sizes="auto" data-src="img/useful_main.jpg" alt="">
2901              </picture>
2902            </div>
2903
2904            <div class="t-useful-mainRead">
2905              <p class="t-useful-read-emphasize">お店の発見⇒興味⇒比較⇒入店</p>
2906              <p class="t-useful-read">の流れを作り、トータルでお客様の集客向上をサポートしています。<br><br>詳しくお知りになりたい方は、こちらの<a href="/support/attract/">店頭集客の実例</a>をご覧下さい。<br><br>いずれの商品も、いわゆる普通の「看板」より安価で、取り付けも簡単。季節や販促イベントに合わせて作ることによって店頭に変化を付け、店舗への集客に繋げることも得意です。<br><br>数万円で集客効果も抜群!<br><br>費用対効果の高いオリジナルの、のれん、日除けのれん、のぼりをぜひご検討ください。<br><br>私たちが精一杯お手伝いします!</p>
2907            </div>
2908          </div>
2909        </div>
2910
2911        <div class="t-cmn-sct-inner lazyload inview" data-expand="-20">
2912          <ul class="t-useful-links">
2913            <li>
2914              <a href="/support/shoukatensha/">
2915                <picture>
2916                  <source media="(min-width:768px)" data-srcset="img/useful_links01.jpg 1x, img/[email protected] 2x">
2917                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2918                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links01.jpg" alt="">
2919                </picture>
2920                <span class="c-link-btn -newLineIndent"><span>なぜ「本染め」ではなく「昇華転写捺染」なのか</span></span>
2921              </a>
2922            </li>
2923
2924            <li>
2925              <a href="/support/bouen/">
2926                <picture>
2927                  <source media="(min-width:768px)" data-srcset="img/useful_links02.jpg 1x, img/[email protected] 2x">
2928                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2929                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links02.jpg" alt="">
2930                </picture>
2931                <span class="c-link-btn -newLineIndent"><span>のれんの防炎加工</span></span>
2932              </a>
2933            </li>
2934
2935            <li>
2936              <a href="/support/size/">
2937                <picture>
2938                  <source media="(min-width:768px)" data-srcset="img/useful_links03.jpg 1x, img/[email protected] 2x">
2939                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2940                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links03.jpg" alt="">
2941                </picture>
2942                <span class="c-link-btn -newLineIndent"><span>のれんのサイズの決め方</span></span>
2943              </a>
2944            </li>
2945
2946            <li>
2947              <a href="/support/video/">
2948                <picture>
2949                  <source media="(min-width:768px)" data-srcset="img/useful_links04.jpg 1x, img/[email protected] 2x">
2950                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2951                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links04.
2951jpg" alt="">
2952                </picture>
2953                <span class="c-link-btn -newLineIndent"><span>のれん作りに失敗しない動画集</span></span>
2954              </a>
2955            </li>
2956
2957            <li>
2958              <a href="/support/setting_noren/">
2959                <picture>
2960                  <source media="(min-width:768px)" data-srcset="img/useful_links05.jpg 1x, img/[email protected] 2x">
2961                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2962                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links05.jpg" alt="">
2963                </picture>
2964                <span class="c-link-btn -newLineIndent"><span href="sample">のれんの取り付け方色々</span></span>
2965              </a>
2966            </li>
2967
2968            <li>
2969              <a href="/support/open/">
2970                <picture>
2971                  <source media="(min-width:768px)" data-srcset="img/useful_links06.jpg 1x, img/[email protected] 2x">
2972                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2973                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links06.jpg" alt="">
2974                </picture>
2975                <span class="c-link-btn -newLineIndent"><span>開店祝いにのれんを贈るなら</span></span>
2976              </a>
2977            </li>
2978
2979            <li>
2980              <a href="/support/knowledge/">
2981                <picture>
2982                  <source media="(min-width:768px)" data-srcset="img/useful_links07.jpg 1x, img/[email protected] 2x">
2983                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2984                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links07.jpg" alt="">
2985                </picture>
2986                <span class="c-link-btn -newLineIndent"><span>暖簾うんちく</span></span>
2987              </a>
2988            </li>
2989
2990            <li>
2991              <a href="/support/kamon/">
2992                <picture>
2993                  <source media="(min-width:768px)" data-srcset="img/useful_links08.jpg 1x, img/[email protected] 2x">
2994                  <source media="(max-width:768px)" data-srcset="img/[email protected]">
2995                  <img class="lazyload" data-sizes="auto" data-src="img/useful_links08.jpg" alt="">
2996                </picture>
2997                <span class="c-link-btn -newLineIndent"><span>家紋集</span></span>
2998              </a>
2999            </li>
3000          </ul>
3001        </div>
3002      </section>
3003      <!-- ////////////////////////////// のれんお役立ち end -->
3004
3005
3006      <!-- ////////////////////////////// よくいただくお問い合わせ start -->
3007      <section class="t-cmn-sct t-faq">
3008        <div class="t-cmn-sct-inner lazyload inview -padding" data-expand="-20">
3009          <h2 class="t-cmn-ttl03 -small"><span>よくいただく</span>お問い合わせ</h2>
3010
3011          <ul>
3012            <li>
3013              <p class="faq__textQ">値段はいくらかかりますか?</p>
3014              <p class="faq__textA">オーダーののれんは大きさや生地によって金額が変わりますが、当サイトではご希望サイズを入力するだけで生地毎に金額が自動表示されます。印刷の色数やデザインは関係ありませんので、安心してご検討下さい。</p>
3015            </li>
3016
3017            <li>
3018              <p class="faq__textQ">納期はどのくらいかかりますか?</p>
3019              <p class="faq__textA">当社営業日換算で、のれんの原稿決定後6日後出荷(通常便)と、3日後出荷(特急便)の2種類をご用意しています。到着までの日数は地域によって異なりますので、詳しくは「<a href="/guide/delivery/">送料・納期</a>」のページでご確認ください。</p>
3020            </li>
3021
3022            <li>
3023              <p class="faq__textQ">データ入稿のファイル形式は?</p>
3024              <p class="faq__textA">イラストレーターのみ入稿可という印刷会社が多い中、当店ではワード、エクセル、JPG等にも対応しており、無料でイラストレータデータに描き直しいたします。詳しくはのれんの「<a href="/guide/submit_guide/">データ入稿の注意点</a>」をご覧ください。</p>
3025            </li>
3026          </ul>
3027
3028          <ul class="-undisp">
3029            <li>
3030              <p class="faq__textQ">デザインもしてもらえますか?その場合、デザイン料はいくらですか?</p>
3031              <p class="faq__textA">デザインも作成させていただきますのでご安心ください。お客様が描かれたのれんのデータを無料で再現する<a href="/guide/plan/self/">セルフプラン</a>と、4,000円かかりますがデザインをご提案させていただく<a href="/guide/plan/designers/">デザイナーズプラン</a>があります。</p>
3032            </li>
3033
3034            <li>
3035              <p class="faq__textQ">作って欲しいのれんのイメージがちゃんと伝わるか心配です。</p>
3036              <p class="faq__textA">顔を合わさずに進めていくわけですから、不安を持たれて当然です。それだけに当店でも、ご注文後まずはお電話を差し上げ直接ヒアリングさせていただく等、お客様のニーズやご希望イメージの把握に努めます。</p>
3037            </li>
3038
3039            <li>
3040              <p class="faq__textQ">オリジナルのれんの製作にかかる前に、デザインは見れますか?</p>
3041              <p class="faq__textA">はい、必ず原稿をご覧いただき、ご承認いただいてから製作にかかりますのでご安心ください。</p>
3042            </li>
3043
3044
3045            <li>
3046              <p class="faq__textQ">デザインの修正はしてもらえますか?その場合の金額は?</p>
3047              <p class="faq__textA">お客様が納得ゆくまで、何度でもできます。金額も無料です。イメージ通りののれんが出来るまで、とことんお付き合いさせていただきますのでどうぞご安心ください。</p>
3048            </li>
3049
3050            <li>
3051              <p class="faq__textQ">色はどのように伝えればいいですか?</p>
3052              <p class="faq__textA">ご希望色が印刷されている、例えばチラシや名刺などをお送りいただく方法、DICなどの色番号でご指示いただく方法、実際ののれん生地に45色を印刷した<a href="https://www.hakuromarkss.jp/sample_form/order-noren/" target="_blank">当社生地見本帳</a>でご指示いただく方法、をお勧めしています。</p>
3053            </li>
3054
3055            <li>
3056              <p class="faq__textQ">モニターと現物の色の違いが心配</p>
3057              <p class="faq__textA">仰る通りモニターによって色は違って見えますので、のれんが届いた時、色が違うということが起りえます。そうしたトラブルを避けるためにも直前の回答にある通り、お客様と当社で同じものを見る必要があります。</p>
3058            </li>
3059
3060            <li>
3061              <p class="faq__textQ">のれんの生地がどんな感じか分からない</p>
3062              <p class="faq__textA">生地見本帳を無料でお送りさせて頂きますので、是非<a href="https://www.hakuromarkss.jp/sample_form/order-noren/" target="_blank">ご請求</a>いただき、手に取ってご確認下さい。それぞれの生地に実際に45色を印刷した色見本帳にã
3062‚‚なっていますので、色の確認や色指示にも使えます。</p>
3063            </li>
3064
3065            <li>
3066              <p class="faq__textQ">どれくらいの大きさがいいか分からない</p>
3067              <p class="faq__textA">「<a href="/case/voice/">お客様の声</a>」や「<a href="/case/gallery/">フォトギャラリー</a>」のページに、実際にのれんや日除けのれんが取り付けられているところの写真をサイズ表記と共に掲載していますので、ご覧になってください。大きさ感の参考になるはずです。</p>
3068            </li>
3069
3070            <li>
3071              <p class="faq__textQ">どんなふうに取り付けたらいいか</p>
3072              <p class="faq__textA">のれん棒、のれん掛けや日除けのれん用の重し等<a href="/product/norenbou/">設置関連商品</a>の取り付け方を動画でご説明していますのでご覧下さい。また「<a href="/support/setting_noren/">のれん設置例99連発</a>」「<a href="/support/setting_hiyokemaku/">日除け幕の取付け例</a>」「<a href="/case/">お客様事例</a>」では実際に取り付けられている写真を多数ご覧いただくことができますので、そちらも参考になるはずです。</p>
3073            </li>
3074          </ul>
3075
3076          <div class="-undisp btnBlock">
3077            <!-- <p class="t-designOrder-btn"><a href="/faq/" class="btn c-green-btn"><span>その他よくいただく質問</span></a></p> -->
3078            <p class="t-designOrder-btn"><a href="/faq/" class="btn c-green-btn"><span>教えて!Q&A</span></a></p>
3079          </div>
3080
3081          <p><span class="detail-btn"><span class="btn c-gray02-btn">もっと見る</span></span></p>
3082        </div>
3083      </section>
3084      <!-- ////////////////////////////// よくいただくお問い合わせ end -->
3085
3086
3087      <!-- ////////////////////////////// 最新情報 start -->
3088      <section class="t-cmn-sct t-info">
3089        <div class="t-cmn-sct-inner lazyload inview" data-expand="-20">
3090          <h2 class="t-cmn-ttl03 -small">最新情報</h2>
3091
3092                      <!-- ////////////////////////////// 重要なお知らせ start -->
3093            <div class="info-news-important">
3094              <ul class="info-news-list">
3095                <ul class="info-news-list">
3096<li>
3097<span class="news-list-date">2026年7月16日</span>
3098<span class="news-list-ttl txt-justify">誠に申し訳ないのですが、麻風生平の在庫が切れております。次回入荷が未定でして麻風スラブでご検討いただければ幸いです。ご迷惑をお掛けいたします。</span>
3099</li>
3100<li>
3101<span class="news-list-date">2026年1月21日</span>
3102<span class="news-list-ttl txt-justify">【重要】弊社を装った不審なサイトにご注意ください<br />
3103現在、弊社の名前を勝手に使用し、フィッシング詐欺等を行っている疑いのあるサイトが確認されております。<br />
3104個人情報やログイン情報の入力を促す可能性がありますので、アクセスや情報入力は決して行わないようご注意ください。<br />
3105万が一、不審なメールやサイトを確認された場合は、URLの確認を行い、被害防止のため速やかにご利用を中止してください。<br />
3106今後も安心してご利用いただけるよう、引き続き注意喚起を行ってまいります。</span>
3107</li>
3108<li>
3109<span class="news-list-date">2025年8月29日</span>
3110<a href="https://www.post.japanpost.jp/int/information/overview.html" target="_blank">
3111<span class="news-list-ttl txt-justify">現在アメリカ行きの運送便が止まっております。日本国内への配達か、その他の国への配達をご指定ください。ご迷惑をお掛けいたしますが、よろしくお願いします。詳しくは郵便局のホームページをご覧ください。</span>
3112</a>
3113</li>
3114</ul>
3115              </ul>
3116            </div>
3117            <!-- ////////////////////////////// 重要なお知らせ end -->
3118          
3119          <div class="t-info-box">
3120
3121                          <!-- ////////////////////////////// お知らせ一覧 start -->
3122              <div class="t-info-news">
3123                <ul class="info-news-list">
3124<li>
3125<span class="news-list-date">2026年7月29日</span>
3126<span class="news-list-ttl txt-justify">熊本県を中心とする地震の影響により、九州エリア宛てのお荷物のお届けに遅れが生じております。<br />
3127お届けをお急ぎのお客様には大変ご迷惑をおかけいたしますが、何卒ご理解のほどお願い申し上げます。<br />
3128被災された皆様の安全と、一日も早い復興を心よりお祈り申し上げます。</span>
3129</li>
3130<li>
3131<span class="news-list-date">2026年1月21日</span>
3132<span class="news-list-ttl txt-justify">1月21日から25日にかけて予報されている大雪の影響により、道路状況の悪化や交通規制等が見込まれております。そのため、全国的にお荷物のお届けに遅れが発生する可能性がございます。お客さまにはご迷惑をおかけいたしますが、何卒ご理解賜りますようお願い申し上げます。</span>
3133</li>
3134<li>
3135<span class="news-list-date">2025年12月3日</span>
3136<span class="news-list-ttl txt-justify">年内最終発送は、特急便で12/22通常便で12/17原稿校了分ですが、運送便の混雑により到着が遅れる可能性がございます。<br />
3137年内到着をご希望の場合、出来るだけお早目のご注文をお願いします。</span>
3138</li>
3139</ul>
3140                <p class="news-list-btn"><a href="/new/" class="btn c-gray02-btn"><span>お知らせの一覧を見る</span></a></p>
3141              </div>
3142              <!-- ////////////////////////////// お知らせ一覧 end -->
3143            
3144
3145            <!-- ////////////////////////////// Facebook start -->
3146            <!-- <div class="t-info-fb">
3147              <div class="fb-page" data-href="https://www.facebook.com/hakuromark/" data-tabs="timeline" data-width="500" data-height="425" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
3148                <blockquote cite="https://www.facebook.com/hakuromark/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/hakuromark/">株式会社ハクロマーク製作所</a></blockquote>
3149              </div>
3150            </div> -->
3151            <!-- ////////////////////////////// Facebook end -->
3152
3153
3154            <!-- ////////////////////////////// Instagram start -->
3155            <div class="t-info-insta">
3156              <div class="insta__titleBlock">
3157                <a href="https://www.instagram.com/hakuro_mark/" target="_blank">ハクロマーク公式<br><span>Instagram</span></a>
3158              </div>
3159
3160              <ul>
3161                <li>
3162                  <a href="https://www.instagram.com/p/CggOYWnLQzd/?utm_source=ig_web_copy_link" target="_blank">
3163                    <picture>
3164                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb01.jpg 1x, /common/img/insta_thumb01.jpg 2x">
3165                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb01.jpg">
3166                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb01.jpg" alt="">
3167                    </picture>
3168                  </a>
3169                </li>
3170                <li>
3171                  <a href="https://www.instagram.com/p/Cc1iS7oPYAs/?utm_source=ig_web_copy_link" target="_blank">
3172                    <picture>
3173                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb02.jpg 1x, /common/img/insta_thumb02.jpg 2x">
3174                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb02.jpg">
3175                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb02.jpg" alt="">
3176                    </picture>
3177                  </a>
3178                </li>
3179                <li>
3180                  <a href="https://www.instagram.com/p/ChTsacoLEy5/?utm_source=ig_web_copy_link" target="_blank">
3181                    <picture>
3182                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb03.jpg 1x, /common/img/insta_thumb03.jpg 2x">
3183                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb03.jpg">
3184                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb03.jpg" alt="">
3185                    </picture>
3186                  </a>
3187                </li>
3188                <li>
3189                  <a href="https://www.instagram.com/p/Cf-yKB7LCp2/?utm_source=ig_web_copy_link" target="_blank">
3190                    <picture>
3191                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb04.jpg 1x, /common/img/insta_thumb04.jpg 2x">
3192                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb04.jpg">
3193                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb04.jpg" alt="">
3194                    </picture>
3195                  </a>
3196                </li>
3197                <li>
3198                  <a href="https://www.instagram.com/p/CgBlPqar-T-/?utm_source=ig_web_copy_link" target="_blank">
3199                    <picture>
3200                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb05.jpg 1x, /common/img/insta_thumb05.jpg 2x">
3201                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb05.jpg">
3202                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb05.jpg" alt="">
3203                    </picture>
3204                  </a>
3205                </li>
3206                <li>
3207                  <a href="https://www.instagram.com/p/Cem25IXvDSx/?utm_source=ig_web_copy_link" target="_blank">
3208                    <picture>
3209                      <source media="(min-width:768px)" data-srcset="/common/img/insta_thumb06.jpg 1x, /common/img/insta_thumb06.jpg 2x">
3210                      <source media="(max-width:768px)" data-srcset="/common/img/insta_thumb06.jpg">
3211                      <img class="lazyload" data-sizes="auto" data-src="/common/img/insta_thumb06.jpg" alt="">
3212                    </picture>
3213                  </a>
3214                </li>
3215              </ul>
3216            </div>
3217            <!-- ////////////////////////////// Instagram end -->
3218
3219          </div><!-- //.t-info-box -->
3220        </div>
3221      </section>
3222      <!-- ////////////////////////////// 最新情報 end -->
3223
3224
3225      <!-- ////////////////////////////// 会社案内 start -->
3226      <section class="t-company">
3227        <div class="t-company-bg -flex lazyload inview" data-expand="-20">
3228          <div class="t-company-iframe">
3229            <iframe class="lazyload pc-item" width="100%" height="auto" src="https://www.youtube.com/embed/aUlJCTpuyIg?rel=0&loop=1&playlist=haakmlv-JY4&autoplay=1&controls=0&modestbranding=1&mute=1&playsinline=1" frameborder="0" referrerpolicy="str
3229ict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
3230            <div id="sp-youtube" class="sp-item"></div>
3231          </div>
3232          <img class="lazyload pc-item" data-sizes="auto" data-src="img/company_img_pc_2.jpg" data-srcset="img/company_img_pc_2.jpg 1x,img/[email protected] 2x" alt="" width="1500" height="900">
3233          <img class="lazyload sp-item" data-sizes="auto" data-src="img/company_img_sp_2.jpg" data-srcset="img/company_img_sp_2.jpg 1x,img/[email protected] 2x" alt="" width="710" height="1172" class="sp-item">
3234        </div>
3235
3236        <div class="t-company-item lazyload inview" data-expand="-20">
3237          <div class="t-company-item-inner">
3238            <h2 class="company-item-ttl"><img src="img/company_ttl.jpg" alt="こんな会社です" width="271" height="67"></h2>
3239            <p class="company-item-copy">お客様に「夢」と「感動」を!<br>それが私たちの目標です</p>
3240            <p class="company-item-btn"><a href="/company/" class="btn c-green-btn -full"><span>会社案内</span></a></p>
3241          </div>
3242        </div>
3243
3244      </section>
3245      <!-- ////////////////////////////// 会社案内 end -->
3246
3247    </div><!-- // .box-center -->
3248  </article>
3249</main>
3250<div id="pagetop" class="sticky"><a href="#"><span></span></a></div>
3251</div><!-- // #contents -->
3252
3253<!-- ////////////////////////////////////////////////// footer start -->
3254<footer id="foot">
3255  <div class="box-center sp-pdg">
3256
3257    <!-- ////////////////////////////// ショップご利用にあたって start -->
3258    <section class="foot-sct-wrap foot-using">
3259      <div class="foot-sct-wrap-inner lazyload inview" data-expand="-20">
3260        <p class="foot-sct-ttl">ショップご利用にあたって</p>
3261        <div class="foot-using-wrap">
3262          <div class="foot-using-left">
3263            <div class="method-payment">
3264              <div class="foot-ctg-ttl-block">
3265                <p class="foot-ctg-ttl">消費税について</p>
3266              </div>
3267              <p>当店の価格は税抜表示です。10%の消費税がかかります。</p>
3268            </div>
3269            <div class="method-payment">
3270              <div class="foot-ctg-ttl-block">
3271                <p class="foot-ctg-ttl">お支払い方法</p>
3272                <p class="c-gray02-btn"><a href="/guide/payment/"><span>詳細</span></a></p>
3273              </div>
3274              <p class="credit-icon-list">
3275                <picture>
3276                  <source media="(min-width:768px)" data-srcset="/common/img/credit_list.png 1x, /common/img/[email protected] 2x">
3277                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3278                  <img class="lazyload" data-sizes="auto" data-src="/common/img/credit_list.png" alt="" width="267" height="79" data-aspectratio="267/79">
3279                </picture>
3280              </p>
3281              <ul class="dot-list">
3282                <li>各種クレジットカード</li>
3283                <li>銀行振込(振込手数料はお客様負担)</li>
3284                <li>代金引換(手数料は当社負担)</li>
3285                <li>AmazonPay</li>
3286              </ul>
3287            </div>
3288
3289            <div class="shipping-cost">
3290              <div class="foot-ctg-ttl-block">
3291                <p class="foot-ctg-ttl">送料について</p>
3292                <p class="c-gray02-btn"><a href="/guide/delivery/"><span>詳細</span></a></p>
3293              </div>
3294              <ul class="dot-list shipping-price">
3295                <li><span>本州・四国・九州</span>:1,000円</li>
3296                <li><span>北海道</span>:2,000円</li>
3297                <li><span>沖縄</span>:3,000円</li>
3298              </ul>
3299              <p class="c-asteriskTxt">離島への送料は以下のようになります。<br>ご購入金額 10,000円未満:実費ご負担<br>ご購入金額 10,000円以上:上記送料区分</p>
3300            </div>
3301          </div>
3302
3303          <div class="foot-using-right">
3304            <div id="foot-calendar" class="shipping-calendar">
3305              <div class="foot-ctg-ttl-block calendar-ttl">
3306                <p class="foot-ctg-ttl">出荷予定カレンダー</p>
3307              </div>
3308              <p>カレンダーをクリックすると「原稿確定日」を変更した出荷日をご確認いただけます。</p>
3309              <ul class="shipping-schedule">
3310                <li class="-originalDate">
3311                  <p class="label-ttl">原稿確定日</p>
3312                  <p class="label-date"><span class="c-item-month"></span>月<span class="c-item-day"></span>日(<span class="c-item-week"></span>)</p>
3313                </li>
3314                <li class="-expressShippingDate">
3315                  <p class="label-ttl">出荷日(特急便)</p>
3316                  <p class="label-date"><span class="c-item-month"></span>月<span class="c-item-day"></span>日(<span class="c-item-week"></span>)</p>
3317                </li>
3318                <li class="-normalShippingDate">
3319                  <p class="label-ttl">出荷日(通常便)</p>
3320                  <p class="label-date"><span class="c-item-month"></span>月<span class="c-item-day"></span>日(<span class="c-item-week"></span>)</p>
3321                </li>
3322              </ul>
3323
3324              <div class="calendar-block">
3325  <div id="foot_calendar"></div>
3326  <div id="foot_calendar_nx"></div>
3327  <div id="foot_calendar_nx2" style="display:none;"></div>
3328</div>
3329
3330<div class="fontplus-support">
3331  <p>月火水木金土日</p>
3332  <p>12345678910</p>
3333</div>
3334              <div class="calendar-bottom-block">
3335                <ul class="icon-list">
3336                  <li>
3337                    <p class="icon-holiday">定休日</p>
3338                  </li>
3339                  <li>
3340                    <p class="icon-original">原稿確定日</p>
3341                  </li>
3342                  <li>
3343                    <p class="icon-express">出荷日(特急便)</p>
3344                  </li>
3345                  <li>
3346                    <p class="icon-normal">出荷日(通常便)</p>
3347                  </li>
3348                </ul>
3349                <div class="asterisk-block">
3350                  <p class="c-asteriskTxt txt-justify">出荷日は早めることも可能ですので遠慮なくご相談ください。</p>
3351                  <p class="c-asteriskTxt txt-justify">到着予定日は地域によって異なります。詳しくは<a href="/guide/delivery/#case5">こちら</a>をご覧ください。</p>
3352                  <p class="c-calendar-caution c-asteriskTxt txt-justify">15時までのご注文分は当日中に原稿をお送りします。<span class="-txtBold">原稿確定日が納期計算の基準</span>になります。</p>
3353                </div>
3354              </div>
3355
3356              <a href="/faq/detail/960" class="overseas-shipping-banner">
3357                <picture>
3358                  <source media="(min-width:768px)" data-srcset="/common/img/overseasShipping.jpg 1x, /common/img/[email protected] 2x">
3359                  <source media="(max-width:768px)" data-srcset="/common/img/overseasShipping.jpg">
3360                  <img class="lazyload" data-sizes="auto" data-src="/common/img/overseasShipping.jpg" alt="">
3361                </picture>
3362              </a>
3363            </div>
3364          </div>
3365        </div>
3366      </div>
3367    </section>
3368    <!-- ////////////////////////////// ショップご利用にあたって end -->
3369
3370    <!-- ////////////////////////////// SNSエリア start -->
3371    <section class="foot-sct-wrap foot-sns">
3372      <div class="foot-sct-wrap-inner lazyload inview" data-expand="-20">
3373        <!-- SNSエリア -->
3374        <ul class="sns-block">
3375          <li>
3376            <a href="https://www.facebook.com/hakuromark/" target="_blank">
3377              <p class="sns-icon">
3378                <picture>
3379                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3380                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3381                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3382                </picture>
3383              </p>
3384              <div class=" txt-block">
3385                <p class="jp-txt">ハクロマーク公式</p>
3386                <p class="en-txt">Facebook</p>
3387              </div>
3388            </a>
3389          </li>
3390          <li>
3391            <a href="https://twitter.com/hakuro_mark/" target="_blank">
3392              <p class="sns-icon">
3393                <picture>
3394                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3395                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3396                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3397                </picture>
3398              </p>
3399              <div class=" txt-block">
3400                <p class="jp-txt">ハクロマーク公式</p>
3401                <p class="en-txt">Twitter</p>
3402              </div>
3403            </a>
3404          </li>
3405          <li>
3406            <a href="https://www.pinterest.jp/hakuromark/" target="_blank">
3407              <p class="sns-icon">
3408                <picture>
3409                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3410                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3411                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3412                </picture>
3413              </p>
3414              <div class=" txt-block">
3415                <p class="jp-txt">ハクロマーク公式</p>
3416                <p class="en-txt">Pinterest</p>
3417              </div>
3418            </a>
3419          </li>
3420          <li>
3421            <a href="https://www.youtube.com/channel/UC6ZH_bqhcnWpgX_VgT6Rc0w" target="_blank">
3422              <p class="sns-icon">
3423                <picture>
3424                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3425                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3426                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3427                </picture>
3428              </p>
3429              <div class=" txt-block">
3430                <p class="jp-txt">ハクロマーク公式</p>
3431                <p class="en-txt">YouTube</p>
3432              </div>
3433            </a>
3434          </li>
3435          <li>
3436            <a href="https://lin.ee/ysAspXO" target="_blank">
3437              <p class="sns-icon">
3438                <picture>
3439                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3440                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3441                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3442                </picture>
3443              </p>
3444              <div class=" txt-block">
3445                <p class="jp-txt">ハクロマーク公式</p>
3446                <p class="en-txt">LINE</p>
3447              </div>
3448            </a>
3449          </li>
3450          <li>
3451            <a href="https://www.instagram.com/hakuro_mark/" target="_blank">
3452              <p class="sns-icon">
3453                <picture>
3454                  <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3455                  <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3456                  <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3457                </picture>
3458              </p>
3459              <div class=" txt-block">
3460                <p class="jp-txt">ハクロマーク公式</p>
3461                <p class="en-txt">instagram</p>
3462              </div>
3463            </a>
3464          </li>
3465        </ul>
3466
3467        <div class="blog-block">
3468          <a href="http://www.order-noren.com/blog/home/">
3469            <p class="sns-icon">
3470              <picture>
3471                <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3472                <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3473                <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3474              </picture>
3475            </p>
3476            <div class=" txt-block">
3477              <p class="jp-txt">オーダーのれん<br class="pc-item">ドットコム</p>
3478              <p class="en-txt">スタッフブログ</p>
3479            </div>
3480            <p class="blog-thumb">
3481              <picture>
3482                <source media="(min-width:768px)" data-srcset="/common/img/[email protected]">
3483                <source media="(max-width:768px)" data-srcset="/common/img/[email protected]">
3484                <img class="lazyload" data-sizes="auto" data-src="/common/img/[email protected]" alt="">
3485              </picture>
3486            </p>
3487          </a>
3488        </div>
3489      </div>
3490    </section>
3491    <!-- ////////////////////////////// SNSエリア end -->
3492
3493    <!-- ////////////////////////////// パンくず、フッターナビ start -->
3494    <section class=" foot-sct-wrap foot-links">
3495      <div class="foot-sct-wrap-inner lazyload inview" data-expand="-20">
3496        <!-- ////////////////////////////////////////////////// パンくずリスト start -->
3497<ol class="topicpath sp-pdg" itemscope itemtype="http://schema.org/BreadcrumbList">
3498<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
3499<a itemprop="item" href="/"><span itemprop="name">HOME</span></a>
3500<meta itemprop="position" content="1">
3501</li>
3502</ol>
3503<!-- ////////////////////////////////////////////////// パンくずリスト end -->
3504        <div class="foot-links-wrap">
3505          <ul class="link-ctg-list">
3506            <li class="ctg-block -product">
3507              <p class="list-ctg-ttl"><a href="/product/">商品一覧</a></p>
3508              <ul class="product-list sct-list">
3509                <li>
3510                  <ul>
3511                    <li><a href="/product/noren/">のれん</a></li>
3512                    <li><a href="/product/hiyokemaku/">日除け幕</a></li>
3513                  </ul>
3514                </li>
3515              </ul>
3516            </li>
3517
3518            <li class="ctg-block -sample-case">
3519              <p class="list-ctg-ttl"><a href="/sample/">デザインサンプル</a></p>
3520              <p class="list-ctg-ttl"><a href="/case/">事例紹介</a></p>
3521              <ul class="sct-list">
3522                <li><a href="/case/scene/">業種・シーン別活用事例</a></li>
3523                <li><a href="/case/work/">製作事例</a></li>
3524                <li><a href="/case/gallery/">フォトギャラリー</a></li>
3525                <li><a href="/case/voice/">お客様の声</a></li>
3526              </ul>
3527            </li>
3528
3529            <li class="ctg-block -guide">
3530              <p class="list-ctg-ttl"><a href="/guide/">ご利用ガイド</a></p>
3531              <ul class="sct-list">
3532                <li><a href="/guide/first/">はじめての方へ</a></li>
3533                <li><a href="/guide/merit/">お客様10のメリット</a></li>
3534                <li><a href="/guide/order/product/">ご注文方法</a></li>
3535                <li><a href="/guide/plan/">原稿作成プラン</a></li>
3536                <li><a href="/guide/flow/">ご注文から商品到着まで</a></li>
3537                <li><a href="/guide/submit_guide/">データ入稿ガイド</a></li>
3538                <li><a href="/guide/template/">テンプレート</a></li>
3539                <li><a href="/guide/estimate/">自動見積</a></li>
3540                <li><a href="/guide/payment/">お支払方法</a></li>
3541                <li><a href="/guide/delivery/">送料・納期</a></li>
3542                <li><a href="/guide/material/">生地一覧</a></li>
3543                <li><a href="https://www.hakuromarkss.jp/sample_form/order-noren/">生地見本帳&現物サンプル</a></li>
3544                <li><a href="/guide/print/">印刷方法</a></li>
3545              </ul>
3546            </li>
3547
3548            <li class="ctg-block -support">
3549              <p class="list-ctg-ttl"><a href="/support/">サポート</a></p>
3550              <ul class="sct-list">
3551                <li><a href="
3551/support/shoukatensha/">なぜ「本染め」ではなく<br class="sp-item">「昇華転写捺染」なのか</a></li>
3552                <li><a href="/support/bouen/">のれんの防炎加工</a></li>
3553                <li><a href="/support/size/">のれんのサイズの決め方</a></li>
3554                <li><a href="/support/price/">のれん価格表</a></li>
3555                <li><a href="/support/video/">のれん作りに失敗しない動画集</a></li>
3556                <li><a href="/support/setting_noren/">のれん掛け 設置例99連発</a></li>
3557                <li><a href="/support/setting_hiyokemaku/">日除け幕(店頭幕)の設置例</a></li>
3558                <li><a href="/support/open/">開店祝いにのれんを贈るなら</a></li>
3559                <li><a href="/support/attract/">集客アップ3つの関門<br class="sp-item">~店頭集客の実例~</a></li>
3560                <li><a href="/support/knowledge/">暖簾とは?</a></li>
3561                <li><a href="/support/font/">書体と色</a></li>
3562                <li><a href="/support/kamon/">家紋集</a></li>
3563                <li><a href="/faq/">教えて!Q&A</a></li>
3564                <li><a href="https://www.order-noren.com/column/">お役立ちコラム</a></li>
3565              </ul>
3566            </li>
3567
3568            <li class="ctg-block -company">
3569              <p class="list-ctg-ttl">各種お問い合わせ</p>
3570              <ul class="sct-list">
3571                <li><a href="/inquiry_form/">お問い合わせ</a></li>
3572                <li><a href="/design_form/">デザイン相談</a></li>
3573                <!-- <li><a href="/faq/">教えて!Q&A</a></li> -->
3574              </ul>
3575            </li>
3576          </ul>
3577        </div>
3578      </div>
3579    </section>
3580    <!-- ////////////////////////////// パンくず、フッターナビ end -->
3581
3582    <!-- ////////////////////////////// 運営サイト start -->
3583    <section class="foot-sct-wrap foot-management">
3584      <div class="foot-sct-wrap-inner lazyload inview" data-expand="-20">
3585        <div class="foot-management-wrap">
3586          <p class="management-ttl"><span>運営サイト</span></p>
3587          <ul class="managementSite-list">
3588            <li>
3589              <a href="http://www.hata-maku.com/" target="_blank">
3590                <picture>
3591                  <source media="(min-width:768px)" data-srcset="/common/img/hataMaku_dotcom.png 1x, /common/img/[email protected] 2x">
3592                  <source media="(max-width:768px)" data-srcset="/common/img/hataMaku_dotcom.png">
3593                  <img class="lazyload" data-sizes="auto" data-src="/common/img/hataMaku_dotcom.png" alt="">
3594                </picture>
3595              </a>
3596            </li>
3597            <li>
3598              <a href="http://www.order-nobori.com/" target="_blank">
3599                <picture>
3600                  <source media="(min-width:768px)" data-srcset="/common/img/orderNobori_dotcom.png 1x, /common/img/[email protected] 2x">
3601                  <source media="(max-width:768px)" data-srcset="/common/img/orderNobori_dotcom.png">
3602                  <img class="lazyload" data-sizes="auto" data-src="/common/img/orderNobori_dotcom.png" alt="">
3603                </picture>
3604              </a>
3605            </li>
3606            <li>
3607              <a href="http://www.order-noren.com/">
3608                <picture>
3609                  <source media="(min-width:768px)" data-srcset="/common/img/orderNoren_dotcom.png 1x, /common/img/[email protected] 2x">
3610                  <source media="(max-width:768px)" data-srcset="/common/img/orderNoren_dotcom.png">
3611                  <img class="lazyload" data-sizes="auto" data-src="/common/img/orderNoren_dotcom.png" alt="">
3612                </picture>
3613              </a>
3614            </li>
3615            <li>
3616              <a href="https://www.fudousan-ouen.com/" target="_blank">
3617                <picture>
3618                  <source media="(min-width:768px)" data-srcset="/common/img/fudosan_dotcom.png 1x, /common/img/[email protected] 2x">
3619                  <source media="(max-width:768px)" data-srcset="/common/img/fudosan_dotcom.png">
3620                  <img class="lazyload" data-sizes="auto" data-src="/common/img/fudosan_dotcom.png" alt="">
3621                </picture>
3622              </a>
3623            </li>
3624            <li>
3625              <a href="http://www.parking-kanban.com/" target="_blank">
3626                <picture>
3627                  <source media="(min-width:768px)" data-srcset="/common/img/parking_dotcom.png 1x, /common/img/[email protected] 2x">
3628                  <source media="(max-width:768px)" data-srcset="/common/img/parking_dotcom.png">
3629                  <img class="lazyload" data-sizes="auto" data-src="/common/img/parking_dotcom.png" alt="">
3630                </picture>
3631              </a>
3632            </li>
3633          </ul>
3634
3635          <div class="company-detail">
3636            <div class="detail-left">
3637              <div class="company-wrap">
3638                <p class="detail-logo">
3639                  <picture>
3640                    <source media="(min-width:768px)" data-srcset="/common/img/hakuro_mark.png 1x, /common/img/[email protected] 2x">
3641                    <source media="(max-width:768px)" data-srcset="/common/img/hakuro_mark.png">
3642                    <img class="lazyload" data-sizes="auto" data-src="/common/img/hakuro_mark.png" alt="">
3643                  </picture>
3644                </p>
3645                <div class="detail-txt">
3646                  <p class="company-address">〒670-0804 <br class="sp-item">兵庫県姫路市保城337-1</p>
3647                  <p class="company-tel">TEL 079-281-8898 <span class="pc-item">|</span> <br class="sp-item">FAX 079-281-7062</p>
3648                </div>
3649              </div>
3650            </div>
3651            <div class="detail-right">
3652              <ul>
3653                <li><a href="/new/">お知らせ</a></li>
3654                <li><a href="/company/">会社概要</a></li>
3655                <li><a href="https://www.order-nobori.com/recruit/index.html" target="_blank">採用情報</a></li>
3656                <li><a href="https://www.hakuromarkss.jp/law/" target="_blank">特定商取引法の表記</a></li>
3657                <li><a href="https://www.hakuromarkss.jp/policy/" target="_blank">プライバシーポリシー</a></li>
3658                <li><a href="https://www.hakuromarkss.jp/use/" target="_blank">ご利用環境</a></li>
3659              </ul>
3660
3661              <!-- <p class="copyright pc-item">Copyright 2021 HakuroMarks Inc. All rights reserved.</p> -->
3662              <p class="copyright pc-item">Copyright 2021-2026 HakuroMarks Inc. All rights reserved.</p>
3663            </div>
3664          </div>
3665
3666          <!-- <p class="copyright sp-item">Copyright 2021 HakuroMarks Inc. All rights reserved.</p> -->
3667          <p class="copyright sp-item">Copyright 2021-2026 HakuroMarks Inc. All rights reserved.</p>
3668        </div>
3669      </div>
3670    </section>
3671    <!-- ////////////////////////////// 運営サイト end -->
3672
3673  </div><!-- // .box-center -->
3674</footer>
3675<!-- ////////////////////////////////////////////////// footer end -->
3676
3677<div id="hide-contents">
3678  <p class="font-r">1234567890</p>
3679  <p class="font-m">1234567890</p>
3680  <p class="font-b">1234567890</p>
3681  <p class="font-b">…</p>
3682</div>
3683
3684</div><!-- // #wrapper -->
3685
3686<script src="/common/js/lib/jquery-3.2.1.min.js?v=1"></script>
vendor: 1 bytes, line 3686
3686
3687<script src="/common/js/lib/jqc.min.js?v=1"></script>
vendor: 1 bytes, line 3687
3687
3688<script src="/common/js/lib/ofi.min.js?v=1"></script>
vendor: 1 bytes, line 3688
3688
3689<script src="/common/js/lib/sticky-state.min.js?v=1"></script>
vendor: 1 bytes, line 3689
3689
3690<script src="/common/js/lib/stickyfill.min.js?v=1"></script>
vendor: 1 bytes, line 3690
3690
3691<script src="/common/js/lib/lazysizes.js?v=1"></script>
vendor: 1 bytes, line 3691
3691
3692<script src="/common/js/lib/ls.aspectratio.min.js?v=1"></script>
vendor: 1 bytes, line 3692
3692
3693<script src="/common/js/lib/jquery.matchHeight-min.js?v=1"></script>
vendor: 1 bytes, line 3693
3693
3694<script src="/common/js/app_rsp.js?v=1"> </script>
vendor: 1 bytes, line 3694
3694
3695<script src="/common/js/holiday.js"></script>
vendor: 1 bytes, line 3695
3695
3696<script src="/common/js/calendar.js?v=1"></script>
vendor: 1 bytes, line 3696
3696
3697<script src="/common/js/css_browser_selector.js?v=1"></script>
vendor: 1 bytes, line 3697
3697
3698<script src="/common/js/common.js?v=1"></script>
vendor: 1 bytes, line 3698
3698
3699<script>var _debug_flg = false;</script>
vendor: 1 bytes, line 3699
3699
3700<script src="/common/js/lib/vue.min.js?v="></script>
vendor: 1 bytes, line 3700
3700
3701<script src="/common/js/sample_navi.js?v=1"></script>
3701
3702    
3702<script src="/common/js/lib/ls.aspectratio.min.js?v=1" ></script>
3702
3703    
3703<script src="/common/js/lib/jquery.matchHeight-min.js?v=1" ></script>
3703
3704    
3704<script src="/common/js/lib/slick.min.js?v=1" ></script>
3704
3705    
3705<script src="js/script.js?v=1" ></script>
vendor: 1 bytes, line 3705
3705
3706<script>
3707  $(function() {
3708    $.ajax({
3709      url: 'https://www.hakuromarkss.jp/common/ajax_get_member',
3710      xhrFields: {
3711        withCredentials: true
3712      },
3713      success: function(data) {
3714        if (data.name) {
3715          $('#member-name-pc').text(data.name);
3716          $('#member-name-sp').text(data.name);
3717          $('#member-navi-pc').addClass('-loaded -logged');
3718          $('#member-navi-sp').addClass('-loaded -logged');
3719        } else {
3720          $('#member-navi-pc').addClass('-loaded');
3721          $('#member-navi-sp').addClass('-loaded');
3722        }
3723      }
3724    });
3725  });
3726</script>
3726
3727
3728<script>
3729$(".t-faq .detail-btn").on("click",function(){
3730  $(".t-faq .-undisp").css({"display":"block"});
3731  $(".t-faq .-undisp.btnBlock").css({"display":"flex"});
3732  $(this).remove();
3733});
3734</script>
3734
3735
3736<!--------- ★チャットプラス設置タグ★ここから hakuromark shimada 2024/03/05 --------->
3737<script>
3738  (function() {
3739    var w = window,
3740      d = document;
3741    var s = "https://app.chatplus.jp/cp.js";
3742    d["__cp_d"] = "https://app.chatplus.jp";
3743    d["__cp_c"] = "0c9421da_1";
3744    var a = d.createElement("script"),
3745      m = d.getElementsByTagName("script")[0];
3746    a.async = true, a.src = s, m.parentNode.insertBefore(a, m);
3747  })();
3748</script>
3748
3749<!--------- ★チャットプラス設置タグ★ここまで hakuromark shimada 2024/03/05  --------->
3750
3751</body>
3752
3753</html>

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