PageSourceSearch

https://kankyo-shiroki.com/product/

html kankyo-shiroki.com collected 2026-10-05 08:44:53 UTC 53,979 bytes, 1,146 lines download raw bytes

1
2<!doctype html>
3<html lang="ja">
4<head>
5<script>_strwpcnf_=["https://webpush.satori.cloud","d9f900bd"]</script>
vendor: 1 bytes, line 5
5
6<script src="https://webpush.satori.cloud/js/webpush.js" defer></script>
6
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-KNSZ2MM
vendor: 3 bytes, line 13
13');
13</script>
13
14<!-- End Google Tag Manager -->
15
16<meta name="facebook-domain-verification" content="7q5b6s2wq3855u7s8c9adm69vu1g6m" />
17
18<meta charset="UTF-8">
19<meta name="viewport" content="width=device-width, initial-scale=1.0">
20<meta name="format-detection" content="temanifestlephone=no">
21<meta name="format-detection" content="telephone=no" class="phone">
22<!-- ここから WordPredd では出力しない -->
23<!-- ここまで WordPredd では出力しない -->
24<title>商材一覧 | 商材の紹介 | シロキコーポレーション株式会社 環境ソリューション</title>
25<meta name="description" content="いつも 「お客様のため」 を第一に、より良い商材を納得価格でお届けします。">
26<meta property="og:title" content="商材一覧 | 商材の紹介 | シロキコーポレーション株式会社 環境ソリューション">
27<meta property="og:site_name" content="シロキコーポレーション株式会社 環境ソリューション">
28<meta property="og:type" content="website">
29<meta property="og:url" content="https://kankyo-shiroki.com/product/">
30<meta property="og:image" content="">
31<meta property="og:description" content="いつも 「お客様のため」 を第一に、より良い商材を納得価格でお届けします。">
32<meta property="og:locale" content="ja_JP">
33<meta name="twitter:card" content="summary">
34<meta name="twitter:site" content="@user">
35<meta name="twitter:description" content="いつも 「お客様のため」 を第一に、より良い商材を納得価格でお届けします。">
36<meta name="twitter:image" content="">
37<meta name="twitter:url" content="https://kankyo-shiroki.com/product/" />
38<link rel="canonical" href="https://kankyo-shiroki.com/product/">
39
40
41<!-- worksへのパス -->
42
43<!-- headタグ内で読み込むリソース:start -->
44<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" integrity="sha512-B46MVOJpI6RBsdcU307elYeStF2JKT87SsHZfRSkjVi4/iZ3912zXi45X5/CBr/GbCyLx6M1GQtTKYRd52Jxgw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
45<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/solid.min.css" integrity="sha512-/r+0SvLvMMSIf41xiuy19aNkXxI+3zb/BN8K9lnDDWI09VM0dwgTMzK7Qi5vv5macJ3VH4XZXr60ip7v13QnmQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
46<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese" rel="stylesheet">
47<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap">
48<link rel="stylesheet" href="../assets/css/base.css?1653621492">
49<link rel="stylesheet" href="../assets/css/common.css?1780367154">
50<!-- headタグ内で読み込むリソース:end -->
51
52<!-- ページ独自css:start -->
53<link rel="stylesheet" href="../assets/css/index.css?">
54<link rel="stylesheet" href="../assets/css/product.css?">
55<!-- ページ独自css:end -->
56</head>
57
58<body class="page-index">
59    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 59-60
59
60<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
60GTM-KNSZ2MM
vendor: 91 bytes, lines 60-62
60"
61    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
62    
62<!-- End Google Tag Manager (noscript) -->
63    <div id="document" class="top">
64        <!-- header:start -->
65        <style>
66html.noscroll,
67html.noscroll body {
68    overflow-y: hidden;
69    /* pointer-events: none; */
70    height: 100%;
71}
72
73header {
74    width: 100%;
75    background: #fff;
76    box-shadow: 0px 3px 6px #00000029;
77}
78
79header.is-fixed {
80    position: fixed;
81    top: 0;
82    left: 0;
83    z-index: 999;
84}
85
86header nav {
87    /* display: none;
88    opacity: 0;
89    transition-property: opacity; */
90}
91
92header nav.is-open {
93    display: block;
94    opacity: 1;
95    transition-property: opacity;
96}
97
98.header__inner .info .group-link li .button {
99    white-space: nowrap;
100}
101
102.header__inner .js-hamburger {
103    margin-left: 10px;
104    transform: translateY(40%);
105}
106
107main,
108.wp-header {
109    /* margin-top: 130px; */
110}
111
112@media screen and (max-width: 1014.98px) {
113
114    main,
115    .wp-header {
116        /* margin-top: 205.43px;
117        margin-top: 188.08px;*/
118        /* margin-top: 237.66px; */
119    }
120}
121
122@media screen and (max-width: 991.98px) {
123
124    main,
125    .wp-header {
126        /* margin-top: 216.94px; */
127    }
128}
129
130@media screen and (max-width: 834px) {
131
132    /* main,
133    .wp-header {
134        margin-top: 243.94px;
135    } */
136}
137
138@media screen and (max-width: 767.98px) {
139
140    main,
141    .wp-header {
142        /* margin-top: 74.28px; */
143    }
144}
145
146@media screen and (max-width: 767px) {
147    .header__inner .js-hamburger {
148        display: none !important;
149    }
150}
151
152@media screen and (max-width: 767.98px) {
153    header nav {
154        display: none;
155        position: absolute;
156        top: 78.3px;
157        overflow-y: scroll !important;
158        height: 80vh;
159        -ms-overflow-style: none;
160    }
161
162    header nav::-webkit-scrollbar {
163        display: none;
164    }
165
166    .header nav>ul>li>div.main {
167        border-top: solid 1px #e5e5e5;
168        padding: 15px;
169        font-size: 1.3rem;
170    }
171
172    .header nav .js-toggle.is-active::after {
173        border-width: 0 5px 6px 5px;
174        border-color: transparent transparent #000 transparent;
175        transform: translateY(-3px);
176    }
177
178    .header__sp {
179        height: 78px;
180    }
181
182    /* safari */
183    _:lang(x)+_:-webkit-full-screen-document,
184    header nav {
185        min-height: 460px;
186        height: -webkit-fill-available;
187    }
188
189    footer .address>p:nth-of-type(2) {
190        letter-spacing: 0;
191    }
192}
193
194#gotoTop {
195    border-radius: 50%;
196    width: 50px;
197    height: 50px;
198    position: fixed;
199    bottom: 3rem;
200    right: 1rem;
201    background: rgba(255, 255, 255, .7);
202    z-index: 100;
203    cursor: pointer;
204}
205
206#gotoTop span {
207    height: 2px;
208    width: 20px;
209    position: absolute;
210    top: 15px;
211    left: calc(50% + 1px);
212    background: #000;
213    transform-origin: 0 0;
214}
215
216#gotoTop span:first-of-type {
217    transform: rotate(120deg);
218}
219
220#gotoTop span:last-of-type {
221    transform: rotate(60deg);
222    width: 19px;
223}
224
225@media screen and (max-width: 768px) {
226    #gotoTop {
227        bottom: 8rem;
228    }
229}
230
231.header nav>ul>li .sub .ttl {
232    background: url(https://kankyo-shiroki.com/assets/images/common/nav_bg1.png) no-repeat center / cover;
233}
234
235.header nav>ul>li.search .heat {
236    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_sun.png);
237}
238
239.header nav>ul>li.search .safety {
240    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_safety.png);
241}
242
243.header nav>ul>li.search .rain {
244    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_rain.png);
245}
246
247.header nav>ul>li.search .view {
248    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_view.png);
249}
250
251.header nav>ul>li.search .cost {
252    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_yen.png);
253}
254
255.header nav>ul>li.search .sdgs {
256    background-image: url(https://kankyo-shiroki.com/assets/images/common/ico_sdgs_mark.png);
257}
258
259/* 業種別ナビ:PC表示で1段目と2段目の間の余白 */
260@media screen and (min-width: 768px) {
261  .header nav li.industry .sub ul.column.col-3 {
262    row-gap: 24px;
263  }
264
265}
266
267/* 20260421追加 ヘッダーのQ&Aおよびお役立ち情報の画像位置の調整*/
268@media screen and (min-width: 768px) {
269    .header nav>ul>li.nav_left .sub .container {
270        padding: 40px 40px;
271    }
272
273    .header nav>ul>li.nav_left .column {
274        display: flex;
275        justify-content: flex-start;
276        gap: 25px;
277    }
278}
279
280@media screen and (max-width: 497px) {
281    .header nav>ul>li.useful .column {
282        justify-content: flex-start;
283        gap: 25px;
284    }
285}
286
287.header nav li.qa .main::after {
288  display: none;
289}
290
291</style>
292<header class="header">
293    <div class="header__inner">
294        <div class="container">
295                        <h1 class="logo">
296                                    <span class="catch">豊かな循環型社会の一翼を担う価値創造企業 シロキコーポレーション</span>
297                                                <a href="https://kankyo-shiroki.com/index.html"><img src="https://kankyo-shiroki.com/assets/images/common/logo.svg"
298                        alt="豊かな循環型社会の一翼を担う価値創造企業 シロキコーポレーション"></a>
299                            </h1>
300
301            <div class="info">
302                <div class="item menu_info">
303                <span><a href="https://kankyo-shiroki.com/info.html">企業情報</a>|</span>
304                </div>
305                <div class="item menu_recruit">
306                <a href="https://kankyo-shiroki.com/recruit/">採用情報</a>
307                </div>
308                <div class="item tel">
309                    <span>TEL</span><a href="tel:0120-461-553">0120-461-553</a>
310                </div>
311                <div style="display: flex;">
312                    <div class="item group">
313                        <ul class="group-link" style="width: auto;">
314                            <li>
315                                <a href="https://kankyo-shiroki.com/contact/" class="button yellow">
316                                    <img src="https://kankyo-shiroki.com/assets/images/common/ico_contact.svg" alt="お問合せ・お見積り">
317                                    <span>お問合せ<br>お見積り</span>
318                                </a>
319                            </li>
320                            <li>
321                                <a href="https://kankyo-shiroki.com/catalog.html" class="button blue">
322                                    <img src="https://kankyo-shiroki.com/assets/images/common/ico_catalog.svg" alt="カタログダウンロード">
323                                    <span>カタログ<br>ダウンロード</span>
324                                </a>
325                            </li>
326                        </ul>
327                    </div>
328                    <!-- <div class="js-hamburger pc"><span></span><span></span><span></span></div> -->
329                </div>
330            </div>
331        </div>
332    </div>
333    <div class="header__sp">
334        <div class="logo">
335            <a href="https://kankyo-shiroki.com/"><img src="https://kankyo-shiroki.com/assets/images/common/logo.png" alt=""></a>
336        </div>
337        <div class="js-hamburger sm"><span></span><span></span><span></span></div>
338    </div>
339    <div class="js-overlay"></div>
340    <nav>
341        <ul>
342            <li class="search">
343                <div class="main js-toggle">お困りの場所・課題から探す</div>
344                <div class="sub">
345                    <div class="container row">
346                        <div class="ttl">
347                            <a href="https://kankyo-shiroki.com/problems/" class="link">お困りごと・<br>課題一覧</a>
348                        </div>
349                        <div class="menu">
350                            <p class="menu__ttl">お困りのテーマは?</p>
351                            <ul class="column col-2 text-menu">
352                                <li><a href="https://kankyo-shiroki.com/problems/#detail-1" class="link heat">暑さ対策</a></li>
353                                <li><a href="https://kankyo-shiroki.com/problems/#detail-2" class="link safety">働く人の安全対策</a>
354                                </li>
355                                <li><a href="https://kankyo-shiroki.com/problems/#detail-3" class="link rain">雨漏り対策</a></li>
356                                <li><a href="https://kankyo-shiroki.com/problems/#detail-4" class="link view">建物の汚れ・劣化</a></li>
357                                <li><a href="https://kankyo-shiroki.com/problems/#detail-5" class="link cost">空調コスト削減</a></li>
358                                <li><a href="https://kankyo-shiroki.com/problems/#detail-6" class="link sdgs">SDGs</a></li>
359                            </ul>
360                            <p class="menu__ttl">お困りの場所は?</p>
361                            <ul class="column col-3 tabmenu">
362                                <li>
363                                    <a href="https://kankyo-shiroki.com/problems/2/#detail7" class="bg-image" id="detail-7">
364                                        <img src="https://kankyo-shiroki.com/assets/images/common/nav_yane.webp" alt="屋上・屋根">
365                                        <span class="link">屋上・屋根</span>
366                                    </a>
367                                </li>
368                                <li>
369                                    <a href="https://kankyo-shiroki.com/problems/2/#detail8" class="bg-image" id="detail-8">
370                                        <img src="https://kankyo-shiroki.com/assets/images/common/nav_yuka.webp" alt="床・アスファルト">
371                                        <span class="link">床・アスファルト</span>
372                                    </a>
373                                </li>
374                                <li>
375                                    <a href="https://kankyo-shiroki.com/problems/2/#detail9" class="bg-image" id="detail-9">
376                                        <img src="https://kankyo-shiroki.com/assets/images/common/nav_kabe.webp" alt="外壁・鉄部">
377                                        <span class="link">外壁・鉄部</span>
378                                    </a>
379                                </li>
380                            </ul>
381                        </div>
382                    </div>
383                </div>
384            </li>
385            <li class="commodity">
386                <div class="main js-toggle">商材の紹介</div>
387                <div class="sub">
388                    <div class="container row">
389                        <div class="ttl">
390                            <a href="https://kankyo-shiroki.com/product/" class="link">商材一覧</a>
391                        </div>
392                        <div class="menu">
393                            <ul class="column col-2">
394                                <li>
395                                    <a href="https://kankyo-shiroki.com/product/miracool.html" class="bg-image">
396                                        <img src="https://kankyo-shiroki.com/assets/images/common/nav_miracool.webp"
397                                            alt="遮熱塗装ミラクール">
398                                        <span class="link">遮熱塗装ミラクール</span>
399                                    </a>
400                                </li>
401                                <li>
402                                    <a href="https://kankyo-shiroki.com/product/seamless.html" class="bg-image">
403                                        <img src="https://kankyo-shiroki.com/assets/images/common/nav_seamless.webp"
404                                            alt="防水工事シームレス工法">
405                                        <span class="link">防水工事シームレス工法</span>
406                                    </a>
407                                </li>
408                            </ul>
409                            <ul class="column col-2 text-menu">
410                                <li><a href="https://kankyo-shiroki.com/product/relief.html" class="link heat">リリーフ工法</a></li>
411                                <li><a href="https://kankyo-shiroki.com/product/mirathermo.html" class="link heat">ミラサーモフィルム</a></li>
412                                <li><a href="https://kankyo-shiroki.com/product/earthcool.html" class="link heat">アースクール空調システムeco</a></li>
413                                <li><a href="https://kankyo-shiroki.com/product/miracool-roadw.html" class="link cost">ミラクールロードW</a></li>
414                                <li><a href="https://kankyo-shiroki.com/product/miracool-wall.html" class="link view">ミラクールウォール/ミラウォール</a></li>
415                                <li><a href="https://kankyo-shiroki.com/product/wall-coat.html" class="link cost">ウォールコート</a></li>
416                                <li><a href="https://kankyo-shiroki.com/product/f-ri-coat.html" class="link safety">フロアRIコート</a></li>
417                                <li><a href="https://kankyo-shiroki.com/product/asphalt_pavement.html" class="link cost">アスファルト舗装工事</a></li>
418                                <!-- <li><a href="https://kankyo-shiroki.com/product/miracool-barrier.html" class="link rain">ミラクールバリア/スーパーバリア</a></li> -->
419                            </ul>
420                        </div>
421                    </div>
422                </div>
423            </li>
424            <li class="industry">
425                <div class="main js-toggle">業種別の建物改修</div>
426                <div class="sub">
427                    <div class="container">
428                        <ul class="column col-3">
429                            <li>
430                                <a href="https://kankyo-shiroki.com/industry/factory.html" class="bg-image">
431                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_factory.webp" alt="工場・倉庫">
432                                    <span class="link">工場・倉庫</span>
433                                </a>
434                            </li>
435                            <li>
436                                <a href="https://kankyo-shiroki.com/industry/supermarket.html" class="bg-image">
437                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_market.webp" alt="量販店・店舗">
438                                    <span class="link">量販店・店舗</span>
439                                </a>
440                            </li>
441                            <li>
442                                <a href="https://kankyo-shiroki.com/industry/dealer.html" class="bg-image">
443                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_dealer.webp" alt="カーディーラー">
444                                    <span class="link">カーディーラー</span>
445                                </a>
446                            </li>
447                            <li>
448                                <a href="https://kankyo-shiroki.com/industry/school.html" class="bg-image">
449                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_school.webp" alt="学校・幼稚園・教育施設等">
450                                    <span class="link">学校・幼稚園・教育施設等</span>
451                                </a>
452                            </li>
453                        </ul>
454                    </div>
455                </div>
456            </li>
457            <li class="works">
458                <div class="main js-toggle">施工事例</div>
459                <div class="sub">
460                    <div class="container row">
461                        <div class="ttl">
462                            <a href="https://kankyo-shiroki.com/works" class="link">施工事例一覧</a>
463                        </div>
464                        <div class="menu">
465                            <ul class="column col-2 text-menu">
466                                <li><a href="https://kankyo-shiroki.com/works/commodity/miracool/" class="link heat">商材で探す</a>
467                                </li>
468                                <li><a href="https://kankyo-shiroki.com/works/question/heat/" class="link rain">テーマで探す</a></li>
469                                <li><a href="https://kankyo-shiroki.com/works/place/roof/" class="link view">施工箇所で探す</a></li>
470                                <li><a href="https://kankyo-shiroki.com/works/usecase/plant/" class="link cost">建物用途で探す</a></li>
471                            </ul>
472                        </div>
473                    </div>
474                </div>
475            </li>
476            <!-- 20260422追加 ここから -->
477            <li class="qa useful nav_left">
478                <a href="https://kankyo-shiroki.com/faq.html" class="main useful_blue">Q&A</a>
479            </li>
480            <!-- 20260422追加 ここまで -->
481            <li class="useful nav_left">
482                <div class="main js-toggle useful_blue">お役立ち情報</div>
483                <div class="sub">
484                    <div class="container">
485                        <ul class="column col-3">
486                            <li>
487                                <a href="https://kankyo-shiroki.com/ownedmedia/" class="bg-image">
488                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_owndmedia.webp" alt="シロキコーポレーションのオウンドメディア">
489                                </a>
490                            </li>
491                            <li>
492                                <a href="https://kankyo-shiroki.com/useful/useful_detail.html?use=miracool_data" class="bg-image">
493                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_miracool_data.webp" alt="ミラクール施工実績データ集">
494                                </a>
495                            </li>
496                            <li>
497                                <a href="https://www.instagram.com/shiroki.corporation/" class="bg-image">
498                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_instagram.webp" alt="シロキコーポレーション公式Instagram">
499                                </a>
500                            </li>
501
502                        </ul>
503                    </div>
504                </div>
505            </li>
506            <li class="info">
507                <div class="main js-toggle">企業情報</div>
508                <div class="sub">
509                    <div class="container">
510                        <ul class="column col-3">
511                            <li>
512                                <a href="https://kankyo-shiroki.com/info.html" class="bg-image">
513                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_info1.jpg" alt="企業情報">
514                                    <span class="link">企業情報</span>
515                                </a>
516                            </li>
517                            <li>
518                                <a href="https://kankyo-shiroki.com/assets/pdf/shiroki_SDGs.pdf" class="bg-image"
519                                    target="_blank">
520                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_info2.jpg"
521                                        alt="シロキコーポレーションのSDGs">
522                                    <span class="link right ml-10">シロキコーポレーションの<br>SDGs</span>
523                                </a>
524                            </li>
525                            <li>&nbsp;</li>
526                        </ul>
527                    </div>
528                </div>
529            </li>
530            <li class="recruit">
531                <div class="main js-toggle">採用情報</div>
532                <div class="sub">
533                    <div class="container">
534                        <ul class="column col-3">
535                            <li>
536                                <a href="https://kankyo-shiroki.com/recruit/" class="bg-image">
537                                    <img src="https://kankyo-shiroki.com/assets/images/common/nav_recruit.webp" alt="シロキコーポレーション 採用サイト">
538                                </a>
539                            </li>
540                        </ul>
541                    </div>
542                </div>
543            </li>
544        </ul>
545        <div class="option-menu">
546            <ul class="group-link">
547                <li>
548                    <a href="https://kankyo-shiroki.com/contact/" class="button yellow">お問合せ・お見積り</a>
549                </li>
550                <li>
551                    <a href="https://kankyo-shiroki.com/catalog.html" class="button blue">カタログダウンロード</a>
552                </li>
553<!--
554                <li>
555                    <a href="https://kankyo-shiroki.com/recruit/" class="button red">キャリア採用</a>
556                </li>
557-->
558            </ul>
559            <ul class="group-sns">
560                <li><a href="https://twitter.com/ShirokiCorp" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_x.png" alt="X(twitter)"></a></li>
561                <li><a href="https://www.facebook.com/ShirokiCorp" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_facebook.png" alt="facebook"></a></li>
562            </ul>
563        </div>
564        <div class="header__sp-tel">
565            <span>TEL</span><a href="tel:0120461553">0120-461-553</a>
566        </div>
567    </nav>
568</header>
569
570<div id="gotoTop">
571    <span></span>
572    <span></span>
573</div>
574
575<style>
576    #satori__popup_widget.z-index {
577        z-index: 1;
578    }
579</style>
580
581<script>
582document.getElementById("gotoTop").addEventListener("click", () => {
583    window.scrollTo({
584        top: 0,
585        behavior: 'smooth'
586    })
587});
588</script>
588        <!-- header:end -->
589
590        <main>
591            <!-- breadcrumbs:start -->
592            <div class="breadcrumbs">
593                <ol class="container" itemscope itemtype="https://schema.org/BreadcrumbList">
594                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
595                        <a itemprop="item" href="../index.html"><span itemprop="name"><i class="fa-solid fa-house"></i></span></a>
596                        <meta itemprop="position" content="1" />
597                    </li>
598                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
599                        <a itemprop="item" href="index.html"><span itemprop="name">商材の紹介</span></a>
600                        <meta itemprop="position" content="2" />
601                    </li>
602                </ol>
603            </div>
604            <!-- breadcrumbs:end -->
605            <!-- main-image :start -->
606            <div class="top-image">
607                <div class="container">
608                    <h2 class="heading-1">
609                        <b class="jp">商材の紹介</b>
610                        <span class="en">P<span>RODUCT</span></span>
611                </div>
612            </div>
613            <!-- main-image :end -->
614
615            <section class="quality">
616                <div class="container">
617                    <div class="quality_Area">
618                        <div>
619                            <h3><span>Shiroki corporation</span>QUALITY</h3>
620                            <div class="txt">
621                                <h4>いつも"お客様のため"を第一に、<br>より良い商材を納得価格でお届けします。</h4>
622                                <p>シロキコーポレーションは、おかげさまで100周年。<br>
623                                    大正11年の創業以来、「業界の大革命!品質と価格に挑戦!」をスローガンに、優れた商材と培ったノウハウを活かした建物改修で、お客様のお困りごとやさまざまな課題を解決して参りました。
624                                </p>
625                                <p> より良い商材を納得価格でお届けするため、従来の塗装工事とは異なり、塗料・工事それぞれ、流通経路をできる限り減らして、自社製造、自社ブランド製品を中心に使用いたします。
626                                    安心・安全・リーズナブルな工事は、シロキコーポレーションだからこそ実現できた工事のコスト革命です。</p>
627                                <p> 工場・倉庫・商業施設・集合住宅の屋根・壁・床の改修工事やお困りごと・トラブルなら、シロキコーポレーションにお任せください。豊富な実績とノウハウ、優れた商材を活かして、お客様の「コストダウン」と「安全性の向上」をお手伝いいたします。
628                                </p>
629                            </div>
630                        </div>
631                    </div>
632                </div>
633            </section>
634
635            <section class="product">
636                <div class="container">
637                    <h3 class="heading-2">商材一覧<b class="eng">product</b></h3>
638
639                    <div class="product_Area">
640                        <ul class="card">
641                            <!-- contact:start -->
642                            <li>
643    <div class="ico_sdgs">
644        <div class="card__figure">
645            <!-- <a href="#!"> -->
646            <img src="../assets/images/product/product-01.jpg"
647                alt="遮熱塗料ミラクール">
648            </a>
649        </div>
650        <div class="card__detail">
651            <div class="card__heading">
652                <h4>遮熱塗料ミラクール</h4>
653            </div>
654            <p class="txt">暑さもコストも一緒にダウン! 屋根などに塗るだけで、建物内が涼しくなる特殊塗料</p>
655            <div class="column button-group">
656                                <a href="../product/miracool.html" class="button black">製品詳細</a>
657                                                <a href="../works/commodity/miracool/" class="button white">施工事例</a>
658                            </div>
659        </div>
660    </div>
661</li>
662<li>
663    <div class="ico_sdgs">
664        <div class="card__figure">
665            <!-- <a href="#!"> -->
666            <img src="../assets/images/product/product-02.jpg"
667                alt="防水工事シームレス工法">
668            </a>
669        </div>
670        <div class="card__detail">
671            <div class="card__heading">
672                <h4>防水工事シームレス工法</h4>
673            </div>
674            <p class="txt">雨漏りを根本から修理!業界最長保証! 屋上・屋根の劣化を修復して、繰り返す雨漏りにも効果絶大の防水工事</p>
675            <div class="column button-group">
676                                <a href="../product/seamless.html" class="button black">製品詳細</a>
677                                                <a href="../works/commodity/waterproofing-seamless/" class="button white">施工事例</a>
678                            </div>
679        </div>
680    </div>
681</li>
682<li>
683    <div class="">
684        <div class="card__figure">
685            <!-- <a href="#!"> -->
686            <img src="../assets/images/product/product-03.jpg"
687                alt="リリーフ工法(カバー工法・二重屋根)">
688            </a>
689        </div>
690        <div class="card__detail">
691            <div class="card__heading">
692                <h4>リリーフ工法(カバー工法・二重屋根)</h4>
693            </div>
694            <p class="txt">雨漏り・断熱・美観対策におすすめ! 新築そっくりな強く美しい屋根・外壁に変身する防水工事!</p>
695            <div class="column button-group">
696                                <a href="../product/relief.html" class="button black">製品詳細</a>
697                                                <a href="../works/commodity/relief-method/" class="button white">施工事例</a>
698                            </div>
699        </div>
700    </div>
701</li>
702<li>
703    <div class="ico_sdgs">
704        <div class="card__figure">
705            <!-- <a href="#!"> -->
706            <img src="../assets/images/product/product-14.webp"
707                alt="ミラサーモフィルム">
708            </a>
709        </div>
710        <div class="card__detail">
711            <div class="card__heading">
712                <h4>ミラサーモフィルム</h4>
713            </div>
714            <p class="txt">夏は遮熱、冬は保温。一枚で一年中快適に。工場・倉庫の暑さ・寒さを屋根内側から抑える遮熱アルミシート工法</p>
715            <div class="column button-group">
716                                <a href="../product/mirathermo.html" class="button black">製品詳細</a>
717                                            </div>
718        </div>
719    </div>
720</li>
721<li>
722    <div class="ico_sdgs">
723        <div class="card__figure">
724            <!-- <a href="#!"> -->
725            <img src="../assets/images/product/product-13.webp"
726                alt="アースクール空調システムeco">
727            </a>
728        </div>
729        <div class="card__detail">
730            <div class="card__heading">
731                <h4>アースクール空調システムeco</h4>
732            </div>
733            <p class="txt">暑さ対策、省エネ、換気を同時に解決!涼しく快適な職場環境を実現する地中熱スポットエアコン</p>
734            <div class="column button-group">
735                                <a href="../product/earthcool.html" class="button black">製品詳細</a>
736                                            </div>
737        </div>
738    </div>
739</li>
740<li>
741    <div class="ico_sdgs">
742        <div class="card__figure">
743            <!-- <a href="#!"> -->
744            <img src="../assets/images/product/product-06.jpg"
745                alt="ミラクールロードW">
746            </a>
747        </div>
748        <div class="card__detail">
749            <div class="card__heading">
750                <h4>ミラクールロードW</h4>
751            </div>
752            <p class="txt">構内歩道・駐車場が涼しく変身!<br>塗るだけで路面の温度上昇を抑えられるアスファルト塗装用遮熱塗料</p>
753            <div class="column button-group">
754                                <a href="../product/miracool-roadw.html" class="button black">製品詳細</a>
755                                                <a href="../works/commodity/miracool-roadw/" class="button white">施工事例</a>
756                            </div>
757        </div>
758    </div>
759</li>
760<li>
761    <div class="ico_sdgs">
762        <div class="card__figure">
763            <!-- <a href="#!"> -->
764            <img src="../assets/images/product/product-07.jpg"
765                alt="ミラクールウォール/ミラウォール">
766            </a>
767        </div>
768        <div class="card__detail">
769            <div class="card__heading">
770                <h4>ミラクールウォール/<br>ミラウォール</h4>
771            </div>
772            <p class="txt">ピカピカの建物に大変身!<br>長期にわたり建物の美観を保つミラクールの外壁用高機能塗料・長寿命塗料</p>
773            <div class="column button-group">
774                                <a href="../product/miracool-wall.html" class="button black">製品詳細</a>
775                                                <a href="../works/commodity/miracoolwall-mirawall/" class="button white">施工事例</a>
776                            </div>
777        </div>
778    </div>
779</li>
780<li>
781    <div class="">
782        <div class="card__figure">
783            <!-- <a href="#!"> -->
784            <img src="../assets/images/product/product-08.jpg"
785                alt="ウォールコート">
786            </a>
787        </div>
788        <div class="card__detail">
789            <div class="card__heading">
790                <h4>ウォールコート</h4>
791            </div>
792            <p class="txt">グラグラのタイル、ひび割れの外壁を解決!タイル柄はそのままに、モルタルはお好みの色にコーティングする長期防水保証つき外壁改修工法です。</p>
793            <div class="column button-group">
794                                <a href="../product/wall-coat.html" class="button black">製品詳細</a>
795                                                <a href="../works/commodity/ウォールコート工法/" class="button white">施工事例</a>
796                            </div>
797        </div>
798    </div>
799</li>
800<li>
801    <div class="">
802        <div class="card__figure">
803            <!-- <a href="#!"> -->
804            <img src="../assets/images/product/product-04.jpg"
805                alt="フロアRIコート">
806            </a>
807        </div>
808        <div class="card__detail">
809            <div class="card__heading">
810                <h4>フロアRIコート</h4>
811            </div>
812            <p class="txt">床の劣化をプロの技で修復!<br>用途・環境に合わせて美しく安全なフロアに実現する塗り床改修</p>
813            <div class="column button-group">
814                                <a href="../product/f-ri-coat.html" class="button black">製品詳細</a>
815                                                <a href="../works/commodity/floor-ri-coat/" class="button white">施工事例</a>
816                            </div>
817        </div>
818    </div>
819</li>
820<li>
821    <div class="">
822        <div class="card__figure">
823            <!-- <a href="#!"> -->
824            <img src="../assets/images/product/product-09.webp"
825                alt="アスファルト舗装工事">
826            </a>
827        </div>
828        <div class="card__detail">
829            <div class="card__heading">
830                <h4>アスファルト舗装工事</h4>
831            </div>
832            <p class="txt">駐車場や敷地内道路、作業場のひび割れや段差、凹みを低コストで解消できます。暑さ対策に効果的な遮熱性舗装や水たまりを解消する開粒性舗装も!</p>
833            <div class="column button-group">
834                                <a href="../product/asphalt_pavement.html" class="button black">製品詳細</a>
835                                            </div>
836        </div>
837    </div>
838</li>
839<li>
840    <div class="">
841        <div class="card__figure">
842            <!-- <a href="#!"> -->
843            <img src="../assets/images/product/product-10.jpg"
844                alt="窓フィルム工事">
845            </a>
846        </div>
847        <div class="card__detail">
848            <div class="card__heading">
849                <h4>窓フィルム工事</h4>
850            </div>
851            <p class="txt">窓でできる省エネ・暑さ対策。夏は太陽の熱を遮って窓からの熱の流入を防ぎ、冬は暖房ã
851®ç†±ãŒçª“から逃げるのを防ぎます。</p>
852            <div class="column button-group">
853                                <a href="../dr/ecomado.php" class="button black">製品詳細</a>
854                                            </div>
855        </div>
856    </div>
857</li>
858<li>
859    <div class="">
860        <div class="card__figure">
861            <!-- <a href="#!"> -->
862            <img src="../assets/images/product/product-11.jpg"
863                alt="シーリング工事">
864            </a>
865        </div>
866        <div class="card__detail">
867            <div class="card__heading">
868                <h4>シーリング工事</h4>
869            </div>
870            <p class="txt">建物の外壁のつなぎ目や外壁とサッシの隙間などからの雨水の侵入などを防ぎます。</p>
871            <div class="column button-group">
872                                            </div>
873        </div>
874    </div>
875</li>
876<li>
877    <div class="">
878        <div class="card__figure">
879            <!-- <a href="#!"> -->
880            <img src="../assets/images/product/product-12.jpg"
881                alt="樋工事">
882            </a>
883        </div>
884        <div class="card__detail">
885            <div class="card__heading">
886                <h4>樋工事</h4>
887            </div>
888            <p class="txt">経年劣化で水漏れなどのトラブルが発生している樋を補修・修繕します。</p>
889            <div class="column button-group">
890                                            </div>
891        </div>
892    </div>
893</li>
894
895<style>
896.ico_sdgs {
897    position: relative;
898}
899
900.ico_sdgs::after {
901    background: url(..//assets/images/problems/ico_SDGs.png) no-repeat center / 100% auto;
902    box-shadow: 0px 1px 10px #00000029;
903    border-radius: 50%;
904    content: "";
905    display: block;
906    padding-top: 27.71%;
907    position: absolute;
908    right: 16px;
909    top: 4%;
910    transform: translateY(-50%);
911    width: 27.71%;
912}
913
914@media screen and (min-width: 768px) {
915    ul.card>li>div {
916        min-height: 500px;
917    }
918}
919
920ul.card .card__detail {
921    padding: 20px 28px 32px;
922}
923
924ul.card .card__detail .card__heading {
925    font-size: 2.5rem;
926    font-weight: 700;
927    margin: 0 0 10px;
928}
929
930.product .card li:not(:last-child) {
931    margin-bottom: 40px;
932}
933
934.product .card__figure {
935    height: 200px;
936}
937</style>                            <!-- contact:end -->
938                        </ul>
939                    </div>
940
941                </div>
942
943            </section>
944            <!-- banners:start -->
945            <!-- banners:start -->
946<div class="banners">
947    <div class="horizontal">
948        <div class="container">
949            <a href="../sdgs-promotion.html" class="mb-30">
950                <img class="pc" src="../assets/images/common/banner_SDGs2.jpg" alt="遮熱塗料でお客様のSDGs推進のお手伝い">
951                <img class="sm" src="../assets/images/common/banner_SDGs2_sp.jpg" alt="遮熱塗料でお客様のSDGs推進のお手伝い">
952            </a>
953            <a href="../faq.html" class="mb-30">
954                <img class="pc" src="../assets/images/common/banner_faq_horizontal.png" alt="お客様からよくいただくご質問と回答をご紹介">
955                <img class="sm" src="../assets/images/common/banner_faq_horizontal_sp.jpg" alt="お客様からよくいただくご質問と回答をご紹介">
956            </a>
957            <a href="../catalog.html">
958                <img class="pc" src="../assets/images/common/banners_catalog.jpg" alt="カタログダウンロード">
959                <img class="sm" src="../assets/images/common/banners_catalog_sp.jpg" alt="カタログダウンロード">
960            </a>
961        </div>
962    </div>
963</div>
964<style>
965main .pc {
966    display: block;
967}
968main .sm {
969    display: none;
970}
971@media screen and (max-width: 768px) {
972    main .pc {
973        display: none;
974    }
975    main .sm {
976        display: block;
977    } 
978}
979</style>
980<!-- banners:end -->            <!-- banners:end -->
981    
982    
983            <!-- contact:start -->
984            <div class="contact">
985    <div class="container">
986        <h2 class="heading-1 main-jp">お問合せ
987            <b class="eng">CONTACT</b>
988
989        </h2>
990        <div class="lead">
991            具体的なご相談から、省エネ・環境改善をしたいというご要望だけでも結構です。<br>
992            何でもお問合せください。
993        </div>
994        <div class="column">
995            <a href="https://kankyo-shiroki.com/contact/" class="contact__item mail">
996                <b class="ttl">
997                    <span>お問合せ・お見積り</span><span>フォーム</span>
998                </b>
999                <span class="label">
1000                    24時間受付
1001                </span>
1002            </a>
1003            <a href="tel:0120461553" class="contact__item tel">
1004                <b class="ttl">
1005                    0120-461-553
1006                </b>
1007                <span class="label">
1008                    <span>受付9:00-17:00</span><span>(土・日・祝日除く)</span>
1009                </span>
1010            </a>
1011        </div>
1012    </div>
1013</div>            <!-- contact:end -->
1014    
1015    
1016            <!-- footer:start -->
1017            <footer class="footer">
1018    <div class="bg-black">
1019        <div class="container">
1020            <div class="footer__top">
1021                <div class="logo">
1022                    <a href="https://kankyo-shiroki.com/index.html">
1023                        <img src="https://kankyo-shiroki.com/assets/images/common/logo_white.svg" alt="シロキコーポレーション株式会社">
1024                    </a>
1025                </div>
1026                <div class="address">
1027                    <p class="txt">
1028                        <p>〒464-0858 愛知県名古屋市千種区千種3-26-18</p>
1029                        <p class="tel">TEL:<a href="tel:0120-461-533">0120-461-553</a>(全国対応)</p>
1030                    </p>
1031                </div>
1032            </div>
1033            <div class="footer__middle">
1034                <div class="category">
1035                    <p class="ttl">お困りの場所・課題から探す</p>
1036                    <p class="heading">
1037                        <a href="https://kankyo-shiroki.com/problems/">お困りごと・課題一覧</a>
1038                    </p>
1039                    <div class="sub">
1040                        <div class="wrap">
1041                            <p class="sub-ttl">テーマで探す</p>
1042                            <ul class="list">
1043                                <li><a href="https://kankyo-shiroki.com/problems/#detail-1">暑さ対策</a></li>
1044                                <li><a href="https://kankyo-shiroki.com/problems/#detail-2">働く人の安全対策</a></li>
1045                                <li><a href="https://kankyo-shiroki.com/problems/#detail-3">雨漏り対策</a></li>
1046                                <li><a href="https://kankyo-shiroki.com/problems/#detail-4">建物の汚れ・劣化</a></li>
1047                                <li><a href="https://kankyo-shiroki.com/problems/#detail-5">空調コスト削減</a></li>
1048                                <li><a href="https://kankyo-shiroki.com/problems/#detail-6">SDGs</a></li>
1049                            </ul>
1050                        </div>
1051                        <div class="wrap">
1052                            <p class="sub-ttl">施工箇所で探す</p>
1053                            <ul class="list">
1054                                <li><a href="https://kankyo-shiroki.com/problems/2/#detail7">
1054屋根</a></li>
1055                                <li><a href="https://kankyo-shiroki.com/problems/2/#detail8">床・アスファルト</a></li>
1056                                <li><a href="https://kankyo-shiroki.com/problems/2/#detail9">外壁・鉄部</a></li>
1057                            </ul>
1058                        </div>
1059                    </div>
1060                </div>
1061                <div class="category">
1062                    <p class="ttl">商材の紹介</p>
1063                    <p class="heading">
1064                        <a href="https://kankyo-shiroki.com/product/">商材一覧</a>
1065                    </p>
1066                    <ul class="list">
1067                        <li><a href="https://kankyo-shiroki.com/product/miracool.html">遮熱塗料ミラクール</a></li>
1068                        <li><a href="https://kankyo-shiroki.com/product/seamless.html">防水工事シームレス工法</a></li>
1069                        <li><a href="https://kankyo-shiroki.com/product/relief.html">リリーフ工法</a></li>
1070                        <li><a href="https://kankyo-shiroki.com/product/mirathermo.html">ミラサーモフィルム</a></li>
1071                        <li><a href="https://kankyo-shiroki.com/product/earthcool.html">アースクール空調システムeco</a></li>
1072                        <li><a href="https://kankyo-shiroki.com/product/miracool-roadw.html">ミラクールロードW</a></li>
1073                        <li><a href="https://kankyo-shiroki.com/product/miracool-wall.html">ミラクールウォール/ミラウォール</a></li>
1074                        <li><a href="https://kankyo-shiroki.com/product/wall-coat.html">ウォールコート</a></li>
1075                        <li><a href="https://kankyo-shiroki.com/product/f-ri-coat.html">フロアRIコート</a></li>
1076                        <li><a href="https://kankyo-shiroki.com/product/asphalt_pavement.html">アスファルト舗装工事</a></li>
1077                        <!-- <li><a href="https://kankyo-shiroki.com/product/miracool-barrier.html">ミラクールバリア/スーパーバリア</a></li> -->
1078                    </ul>
1079                </div>
1080                <div class="category">
1081                    <p class="ttl">業種別の建物改修</p>
1082                    <ul class="list">
1083                        <li><a href="https://kankyo-shiroki.com/industry/factory.html">工場・倉庫</a></li>
1084                        <li><a href="https://kankyo-shiroki.com/industry/supermarket.html">量販店・店舗</a></li>
1085                        <li><a href="https://kankyo-shiroki.com/industry/dealer.html">カーディーラー</a></li>
1086                        <li><a href="https://kankyo-shiroki.com/industry/school.html">学校・幼稚園・教育施設等</a></li>
1087                    </ul>
1088                </div>
1089                <div class="category">
1090                    <p class="ttl">施工事例</p>
1091                    <p class="heading"><a href="https://kankyo-shiroki.com/works/">最新の事例一覧</a></p>
1092                    <ul class="list">
1093                        <li><a href="https://kankyo-shiroki.com/works/commodity/miracool/">商材で探す</a></li>
1094                        <li><a href="https://kankyo-shiroki.com/works/question/heat/">テーマで探す</a></li>
1095                        <li><a href="https://kankyo-shiroki.com/works/place/roof/">施工箇所で探す</a></li>
1096                        <li><a href="https://kankyo-shiroki.com/works/usecase/plant/">建物用途で探す</a></li>
1097                    </ul>
1098                </div>
1099            </div>
1100            <div class="footer__sns">
1101                <ul class="sns_icon">
1102                    <!-- <li><a href="https://twitter.com/ShirokiCorp" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_x.png" alt="X(twitter)"></a></li> -->
1103                    <li><a href="https://www.facebook.com/kankyo.shiroki/" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_facebook.png" alt="facebook"></a></li>
1104                    <li><a href="https://www.instagram.com/shiroki.corporation/" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_instagram.png" alt="instagram"></a></li>
1105                    <li><a href="https://www.youtube.com/channel/UCWNCPvYq_ozbELhFWqOIEOA" target="_blank"><img src="https://kankyo-shiroki.com/assets/images/common/ico_youtube.png" alt="youtube"></a></li>
1106                    <li class="sns_policy"><a href="https://shiroki-cp.satori.site/sns_policy" target="_blank" rel="noopener">ソーシャルメディアポリシー</a></li>
1107                </ul>
1108            </div>
1109            <div class="footer__bottom">
1110                <ul class="nav">
1111                    <li><a href="https://kankyo-shiroki.com/info.html">企業情報</a></li>
1112                    <li><a href="https://kankyo-shiroki.com/faq.html">Q&A</a></li>
1113                    <li>
1113<a href="https://kankyo-shiroki.com/works/news">環境ニュース</a></li>
1114                    <li><a href="https://kankyo-shiroki.com/contact/">お問合せ・お見積り</a></li>
1115                    <li><a href="https://kankyo-shiroki.com/catalog.html">カタログダウンロード</a></li>
1116                    <li><a href="/recruit/" class="external">採用情報</a></li>
1117                    <li><a href="https://kankyo-shiroki.com//ownedmedia" target="_blank" class="external">シロキコーポレーションWEBマガジン</a>
1118                    </li>
1119                </ul>
1120            </div>
1121        </div>
1122    </div>
1123    <div class="footer__copy">
1124        <div class="container">
1125            <p><small>© SHIROKI Corporation Inc. All Rights Reserved.</small></p>
1126            <ul class="site-link">
1127                <li><a href="https://kankyo-shiroki.com/sitemap.html">サイトマップ</a></li>
1128                <li><a href="https://kankyo-shiroki.com/policy.html">セキュリティポリシー</a></li>
1129            </ul>
1130        </div>
1131    </div>
1132</footer>
1132            <!-- footer:end -->
1133        </div>
1134        <!-- script assets:start -->
1135        
1135<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 1 bytes, line 1135
1135
1136<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
vendor: 1 bytes, line 1136
1136
1137<script src="../assets/js/script.js?v3"></script>
1137
1138        <!-- script assets:end -->
1139        </main>
1140
1141
1142
1143
1144</body>
1145
1146</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.