PageSourceSearch

https://www.tbr.co.jp/

html tbr.co.jp collected 2026-09-25 05:13:38 UTC 32,967 bytes, 728 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8">
5
6    <!-- Google Tag Manager -->
7    
7<script>
vendor: 455 bytes, lines 7-15
7
8      (function (w, d, s, l, i) {
9        w[l] = w[l] || []; w[l].push({
10          'gtm.start':
11            new Date().getTime(), event: 'gtm.js'
12        }); var f = d.getElementsByTagName(s)[0],
13          j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
14            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
15      })(window, document, 'script', 'dataLayer', '
15GTM-T59D582
vendor: 9 bytes, lines 15-16
15');
16    
16</script>
16
17    <!-- End Google Tag Manager -->
18    <meta http-equiv="X-UA-Compatible" content="IE=edge">
19    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
20    <meta name="format-detection" content="telephone=no">
21    <meta name="format-detection" content="email=no">
22    <title>株式会社 東レ経営研究所</title>
23    <meta name="description"
24      content="メーカー系シンクタンクとして「現場重視」の姿勢を基本とし、先端技術をベースにグローバル経営を展開する東レグループの経営資源を活用し、お客様の知恵にわたしたちの知恵を重ねることでより高い価値を生み出す価値創出企業です。">
25    <meta name="keywords" content="調査・研究,人材育成,ダイバーシティ,ワークライフバランス">
26    <link rel="apple-touch-icon" href="//www.toray.com/apple-touch-icon.png">
27    <link rel="canonical" href="https://www.tbr.co.jp/">
28    <link rel="preload" href="/shared/fonts/svgicon.woff?a8ryc2" as="font" crossorigin>
29    <link rel="stylesheet" href="/shared/css/common.css">
30    
30<script src="/shared/js/jquery-3.5.1.min.js"></script>
30
31    <link rel="stylesheet" href="/shared/components/swiper/swiper.min.css">
32  </head>
33
34  <body>
35    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 35-36
35
36    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
36GTM-T59D582
vendor: 97 bytes, lines 36-38
36" height="0"
37        width="0" style="display:none;visibility:hidden"></iframe></noscript>
38    
38<!-- End Google Tag Manager (noscript) -->
39    <!-- skipLink -->
40    <ul id="skipLink">
41      <li><a href="#contents">本文へ移動する</a></li>
42    </ul>
43    <!-- /skipLink -->
44
45    <!-- ===== header ====== -->
46    <header class="ly_header inc_header"><!-- /shared/inc/inc_header --></header>
47    <!-- ===== /header ====== -->
48
49    <!-- ===== globalNav ====== -->
50    <nav id="globalNav" class="inc_globalnav"><!-- /shared/inc/inc_globalnav --></nav>
51    <!-- ===== /globalNav ====== -->
52
53    <!-- ===== contents ====== -->
54    <main id="contents" class="ly_mainContents">
55
56      <!-- swiper slider 
57      /**
58      **ly_inner 内に入れるとSP時の横スクロールが出来てしまう問題があり
59      **
60      -->
61      <div class="swiper-container costomize_tbr" id="kvSwiper">
62        <div class="swiper-wrapper">
63          <div class="swiper-slide">
64            <a href="/company/com_005.html">
65              <picture>
66                <source media="(max-width: 767px)" srcset="images/sp_kv_13.jpg">
67                <source media="(min-width: 768px)" srcset="images/kv_13.jpg">
68                <img srcset="" alt="reports">
69              </picture>
70            </a>
71          </div>
72          <div class="swiper-slide">
73            <a href="/jinteki_shihon/">
74              <picture>
75                <source media="(max-width: 767px)" srcset="images/sp_kv_12.jpg">
76                <source media="(min-width: 768px)" srcset="images/kv_12.jpg">
77                <img srcset="" alt="reports">
78              </picture>
79            </a>
80          </div>
81          <div class="swiper-slide">
82            <a href="/report/tbr_report/">
83              <picture>
84                <source media="(max-width: 767px)" srcset="images/sp_kv_01.jpg">
85                <source media="(min-width: 768px)" srcset="images/kv_01.jpg">
86                <img srcset="" alt="reports">
87              </picture>
88            </a>
89          </div>
90          <!-- <div class="swiper-slide">
91            <a href="/report/economy/">
92              <picture>
93                <source media="(max-width: 767px)" srcset="images/sp_kv_09.jpg">
94                <source media="(min-width: 768px)" srcset="images/kv_09.jpg">
95                <img srcset="" alt="経済見通し">
96              </picture>
97            </a>
98          </div> -->
99          <div class="swiper-slide">
100            <a href="/report/economy/">
101              <picture>
102                <source media="(max-width: 767px)" srcset="images/sp_kv_10.jpg">
103                <source media="(min-width: 768px)" srcset="images/kv_10.jpg">
104                <img srcset="" alt="経済見通し">
105              </picture>
106            </a>
107          </div>
108          
109         <!-- <div class="swiper-slide">
110            <a href="/event/management/" target="_brank">
111              <picture>
112                <source media="(max-width: 767px)" srcset="images/sp_kv_06.jpg">
113                <source media="(min-width: 768px)" srcset="images/kv_06.jpg">
114                <img srcset="" alt="jikeijuku">
115              </picture>
116            </a>
117          </div>-->
118          
119         <!-- <div class="swiper-slide">
120            <a href="/event/mot/" target="_brank">
121              <picture>
122                <source media="(max-width: 767px)" srcset="images/sp_kv_05.jpg">
123                <source media="(min-width: 768px)" srcset="images/kv_05.jpg">
124                <img srcset="" alt="mot">
125              </picture>
126            </a>
127          </div>-->
128
129			
130			<!--社長メッセージ 通常-->
131 <!--         <div class="swiper-slide">
132            <a href="/info/article.html?contentId=2azrmnuyll">
133              <picture>
134                <source media="(max-width: 767px)" srcset="images/sp_kv_02.jpg">
135                <source media="(min-width: 768px)" srcset="images/kv_02.jpg">
136                <img srcset="" alt="CEO_greeting">
137              </picture>
138            </a>
139          </div>-->
140
141          <div class="swiper-slide">
142            <a href="/business_research/">
143              <picture>
144                <source media="(max-width: 767px)" srcset="images/sp_kv_07.jpg">
145                <source media="(min-width: 768px)" srcset="images/kv_07.jpg">
146                <img srcset="" alt="business research">
147              </picture>
148            </a>
149          </div>
150          <div class="swiper-slide">
151            <a href="/hrd/">
152              <picture>
153                <source media="(max-width: 767px)" srcset="images/sp_kv_08.jpg">
154                <source media="(min-width: 768px)" srcset="images/kv_08.jpg">
155                <img srcset="" alt="human resource">
156              </picture>
157            </a>
158          </div>
159          <div class="swiper-slide">
160            <a href="/diversity/">
161              <picture>
162                <source media="(max-width: 767px)" srcset="images/sp_kv_04.jpg">
163                <source media="(min-width: 768px)" srcset="images/kv_04.jpg">
164                <img srcset="" alt="diversity">
165              </picture>
166            </a>
167          </div>
168        </div>
169        <div class="swiper-button-next"></div>
170        <div class="swiper-button-prev"></div>
171      </div>
172      <!-- Initialize Swiper -->
173      
173<script src="/shared/components/swiper/swiper.min.js"></script>
173
174      
174<script>
175        var swiper = new Swiper("#kvSwiper", {
176          navigation: {
177            nextEl: ".swiper-button-next",
178            prevEl: ".swiper-button-prev",
179          },
180          pagination: {
181            el: ".swiper-pagination",
182            clickable: true,
183          },
184          speed: 500,
185          loop: true,
186          autoplay: {
187            delay: 8000,
188            disableOnInteraction: false,
189          },
190          breakpoints: {
191            // 768px以下の場合5秒切替
192            768: {
193              autoplay: {
194                delay: 5000,
195              },
196          }
197        }
198        });
199      </script>
199
200
201      <div class="ly_container">
202        <div class="ly_inner -slim">
203          <!-- TOPICS -->
204          <section class="lySecTopics" id="topics">
205            <div class="d_flex __tab">
206              <div class="topics_hedding">
207                <h2 class="tbr_headingLv2 __blue _mb20">TOPICS</h2>
208                <a class="btn_view _mb20" href="/info/">
209                  view all<br>( レポート検索 )
210                  <span class="arrow_move">&#62;</span>
211                </a>
212              </div>
213              <div class="iframe_wrapper __article">
214                <!-- APIリクエスト設定 -->
215              <!-- js_setFilter: data-type [query] or [attr] -->
216              <!-- js_getCreateType: [list] or [article] -->
217              <input type="hidden" id="js_getCreateType" value="list">
218              <input type="hidden" id="js_limit" value="5">
219              <input type="hidden" id="js_setFilter" data-type="attr">
220
221              <!-- 検索結果 -->
222              <div class="bl_newsList">
223                <ul id="dataListBody">
224                  <!-- === ここにAPIレスポンスが書き出されます ===-->
225                </ul>
226              </div>
227
228              <!-- loading -->
229              <div class="bl_loading -part" id="js_newsloading" role="presentation" aria-hidden="true">
230                <div class="cv-spinner">
231                  <span class="spinner"></span>
232                </div>
233              </div>
234              <!-- /loading -->
235            </div>
236          </section>
237
238          <!-- vision -->
239          <section class="sec_vision" id="vision">
240            <div class="d_flex __tab">
241              <div class="vision_hedding">
242                <h2 class="tbr_headingLv2 __slim __black _fwR __lsp_s _mb20 _mt20">
243                  東レ経営研究所は、<br class="" />新しい視点と発想で<br class="" />未来を切り開く
244                </h2>
245                <a class="btn_view" href="company/com_002.html">
246                  view more
247                  <span class="arrow_move">&#62;</span>
248                </a>
249              </div>
250              <div class="vision_visual">
251                <div class="vision_visual-float_message  js_parallax" data-parallax="fadein">
252                  <p>
253                    メーカー系シンクタンクとして「現場重視」の<br class="_cnPcShow">姿勢を基本とし、先端技術をベースにグローバル<br
254                      class="_cnPcShow">経営を展開する東レグループの経営資源を活用。<br />
255                    お客様の知恵にわたしたちの知恵を重ねることで、<br class="_cnPcShow">より高い価値を生み出す価値創出企業です。
256                  </p>
257                </div>
258                <!-- <figure class="" id="">
259                  <picture>
260                    <source media="(max-width: 767px)" srcset="/images/vision_message_sp.jpg">
261                    <source media="(min-width: 768px)" srcset="/images/vision_message_pc.jpg">
262                    <img class="lazyload" srcset="" alt="vision_message">
263                  </picture>
264                </figure>       -->
265              </div>
266            </div>
267          </section>
268
269          <!-- kv -->
270          <section>
271            <p class="_mb70">
272              <a href="/jinteki_shihon/" class="_opacity07">
273                <img src="images/kv_12.jpg" alt="" class="_pcShow">
274                <img src="images/sp_kv_12.jpg" alt="" class="_spShow">
275              </a>
276            </p>
277          </section>
278
279
280          <!-- service -->
281          <section class="sec_service" id="service">
282            <h2 class="tbr_headingLv2 __blue">SERVICES</h2>
283            
284
285            <div class="sec_service-container">
286              <div class="content">
287                <a class="" href="/business_research/">
288                  <h3 class="">ビジネスリサーチ</h3>
289                  <figure>
290                    <img class="lazyload" src="/images/icon_service_bisinuss.png"
291                      alt="ビジネスリサーチアイコン">
292                  </figure>
293                  <p class="descripion">
294                    メーカー系シンクタンクとして、<br class="_pcShow">
295                    時宜を得た経済、産業、技術に関する<br class="_pcShow">
296                    調査・分析と情報発信
297                  </p>
298                </a>
299              </div>
300              <div class="content">
301                <a href="/hrd/">
302                  <h3>人材・組織開発</h3>
303                  <figure>
304                    <img class="lazyload" src="/images/icon_service_human.png" alt="人材・組織開発アイコン">
305                  </figure>
306                  <p class="descripion">
307                    東レグループの人材育成プログラム企画・<br class="_pcShow">実施の経験を生かし、組織・人材活性化の<br class="_pcShow">支援プログラムの提供
308                  </p>
309                </a>
310              </div>
311              <div class="content">
312                <a href="/diversity/">
313                  <h3>ダイバーシティ</h3>
314                  <figure>
315                    <img class="lazyload" src="/images/icon_service_diver.png" alt="ダイバーシティアイコン">
316                  </figure>
317                  <p class="descripion">
318                    推進プログラムの提供、<br class="_pcShow">最適なコンサルティングを通じて、<br class="_pcShow">企業の価値ある未来創造と発展を支援
319                  </p>
320                </a>
321              </div>
322            </div>
323          </section>
324          <!-- REPORTS / PUBLICATIONS -->
325          <section class="sec_reports" id="reports">
326            <h2 class="tbr_headingLv2 __blue _mt15 _mb15">REPORTS / PUBLICATIONS</h2>
327            <p class="_mb15">
328              メーカー系シンクタンクならではの、時宜を得た経済、産業、技術に関する様々な調査・分析と情報発信を行います。
329            </p>
330            <div class="sec_reports-container">
331              <div class="content">
332                <h3>レポート</h3>
333
334                <ul class="el_pointIconList">
335                  <li>
336                    <svg class="icon_point">
337                      <use class="circle_back" xlink:href="#circle_back"></use>
338                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
339                    </svg>
340                    <a href="/report/tbr_report/">調査レポート</a>
341                  </li>
342                  <!-- <li>
343                    <svg class="icon_point">
344                      <use class="circle_back" xlink:href="#circle_back"></use>
345                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
346                    </svg>
347                    <a href="/report/keyword/">現代のキーワード</a>
348                  </li> -->
349                  <li>
350                    <svg class="icon_point">
351                      <use class="circle_back" xlink:href="#circle_back"></use>
352                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
353                    </svg>
354                    <a href="/report/economy/">経済見通し</a>
355                  </li>
356                  <li>
357                    <svg class="icon_point">
358                      <use class="circle_back" xlink:href="#circle_back"></use>
359                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
360                    </svg>
361                    <a href="/report/column/">ズーム・アイ</a>
362                  </li>
363                </ul>
364              </div>
365              <div class="content">
366                <h3>刊行物</h3>
367
368                <ul class="el_pointIconList">
369                  <li>
370                    <svg class="icon_point">
371                      <use class="circle_back" xlink:href="#circle_back"></use>
372                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
373                    </svg>
374                    <a href="/report/sensor/">経営センサー</a>
375                  </li>
376                  <li>
377                    <svg class="icon_point">
378                      <use class="circle_back" xlink:href="#circle_back"></use>
379                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
380                    </svg>
381                    <a href="/report/fiber/">知りたかった繊維の話</a>
382                  </li>
383                  <li>
384                    <svg class="icon_point">
385                      <use class="circle_back" xlink:href="#circle_back"></use>
386                      <use class="circle_arrow" xlink:href="#circle_arrow"></use>
387                    </svg>
388                    <a href="/report/trend/">繊維トレンド</a>
389                  </li>
390                </ul>
391              </div>
392            </div>
393          </section>
394          <!-- RESEARCHER -->
395          <section class="sec__resercher" id="researcher">
396            <h2 class="tbr_headingLv2 __blue _mt20 _mb20">RESEARCHERS/CONSULTANTS</h2>
397            <section class="swiper-container costomize_tbr_researcher" id="reserchers_swiper">
398              <div class="swiper-wrapper">
399                <div class="swiper-slide">
400                  <a href="/researchers/res_001.html">
401                    <img class="lazyload" src="/researchers/images/business_research/biz_001.jpg" alt="consultant001">
402                    <div class="researcher_top-credit">
403                      <h4 class="researcher_top-credit-name">増田 貴司</h4>
404                      <h5 class="researcher_top-credit-role">取締役<br /><span class="_fzS">エグゼクティブエコノミスト</span></h5>
405                    </div>
406                  </a>
407                </div>
408                <div class="swiper-slide">
409                  <a href="/researchers/res_002.html">
410                    <img class="lazyload" src="/researchers/images/business_research/biz_002.jpg" alt="consultant002">
411                    <div class="researcher_top-credit">
412                      <h4 class="researcher_top-credit-name">福田 佳之</h4>
413                      <h5 class="researcher_top-credit-role">
414                        <span class="_fzS">部門長(未来創造調査部門)</span><br />
415                        チーフエコノミスト</h5>
416                    </div>
417                  </a>
418                </div>
419                <div class="swiper-slide">
420                  <a href="/researchers/res_004.html">
421                    <img class="lazyload" src="/researchers/images/business_research/biz_004.jpg" alt="consultant004">
422                    <div class="researcher_top-credit">
423                      <h4 class="researcher_top-credit-name">川野 茉莉子</h4>
424                      <h5 class="researcher_top-credit-role">シニアアナリスト</h5>
425                    </div>
426                  </a>
427                </div>
428                
429                <div class="swiper-slide">
430                  <a href="/researchers/res_023.html">
431                    <img class="lazyload" src="/researchers/images/business_research/biz_023.jpg" alt="consultant023">
432                    <div class="researcher_top-credit">
433                      <h4 class="researcher_top-credit-name">山口 智也</h4>
434                      <h5 class="researcher_top-credit-role">シニアアナリスト</h5>
435                    </div>
436                  </a>
437                </div>
438                <div class="swiper-slide">
439                  <a href="/researchers/res_019.html">
440                    <img class="lazyload" src="/researchers/images/diversity/div_003.jpg"
441                      alt="consultant019">
442                    <div class="researcher_top-credit">
443                      <h4 class="researcher_top-credit-name">永池 明日香</h4>
444                      <h5 class="researcher_top-credit-role">研究員</h5>
445                    </div>
446                  </a>
447                </div>
448
449                <div class="swiper-slide">
450                  <a href="/researchers/res_024.html">
451                    <img class="lazyload" src="/researchers/images/business_research/biz_024.jpg"
452                      alt="consultant024">
453                    <div class="researcher_top-credit">
454                      <h4 class="researcher_top-credit-name">河合 由里香</h4>
455                      <h5 class="researcher_top-credit-role">研究員</h5>
456                    </div>
457                  </a>
458                </div>
459
460
461                <div class="swiper-slide">
462                  <a href="/researchers/res_003.html">
463                    <img class="lazyload" src="/researchers/images/business_research/biz_003.jpg" alt="consultant003">
464                    <div class="researcher_top-credit">
465                      <h4 class="researcher_top-credit-name">永井 知美</h4>
466                      <h5 class="researcher_top-credit-role">チーフアナリスト</h5>
467                    </div>
468                  </a>
469                </div>
470                
471                <div class="swiper-slide">
472                  <a href="/researchers/res_005.html">
473                    <img class="lazyload" src="/researchers/images/business_research/biz_005.jpg" alt="consultant005">
474                    <div class="researcher_top-credit">
475                      <h4 class="researcher_top-credit-name">黒澤 幸子</h4>
476                      <h5 class="researcher_top-credit-role _fzS">主席研究員(産業技術)</h5>
477                    </div>
478                  </a>
479                </div>
480                
481                <div class="swiper-slide">
482                  <a href="/researchers/res_025.html">
483                    <img class="lazyload" src="/researchers/images/business_research/biz_025.jpg" alt="consultant005">
484                    <div class="researcher_top-credit">
485                      <h4 class="researcher_top-credit-name">梁井 秀規</h4>
486                      <h5 class="researcher_top-credit-role _fzS">理事</h5>
487                    </div>
488                  </a>
489                </div>
490                <!-- human -->
491                <div class="swiper-slide">
492                  <a href="/researchers/res_010.html">
493                    <img class="lazyload" src="/researchers/images/hrd/hum_010.jpg" alt="consultant010">
494                    <div class="researcher_top-credit">
495                      <h4 class="researcher_top-credit-name">福田 貴一</h4>
496                      <h5 class="researcher_top-credit-role">部門長<br>(人材・組織開発部門)</h5>
497                      <h5 class="researcher_top-credit-role">チーフコンサルタント</h5>
498                    </div>
499                  </a>
500                </div>
501                <div class="swiper-slide">
502                  <a href="/researchers/res_009.html">
503                    <img class="lazyload" src="/researchers/images/hrd/hum_002.jpg" alt="consultant002">
504                    <div class="researcher_top-credit">
505                      <h4 class="researcher_top-credit-name">松岡 寛</h4>
506                      <h5 class="researcher_top-credit-role">シニアコンサルタント</h5>
507                    </div>
508                  </a>
509                </div>
510                <div class="swiper-slide">
511                  <a href="/researchers/res_011.html">
512                    <img class="lazyload" src="/researchers/images/hrd/hum_011.jpg" alt="consultant011">
513                    <div class="researcher_top-credit">
514                      <h4 class="researcher_top-credit-name">手計 仁志</h4>
515                      <h5 class="researcher_top-credit-role">チーフコンサルタント</h5>
516                    </div>
517                  </a>
518                </div>
519                <div class="swiper-slide">
520                  <a href="/researchers/res_014.html">
521                    <img class="lazyload" src="/researchers/images/hrd/hum_014.jpg" alt="consultant014">
522                    <div class="researcher_top-credit">
523                      <h4 class="researcher_top-credit-name">森本 有紀</h4>
524                      <h5 class="researcher_top-credit-role">シニアコンサルタント</h5>
525                    </div>
526                  </a>
527                </div>
528                <div class="swiper-slide">
529                  <a href="/researchers/res_007.html">
530                    <img class="lazyload" src="/researchers/images/hrd/hum_007.jpg" alt="consultant007">
531                    <div class="researcher_top-credit">
532                      <h4 class="researcher_top-credit-name">大伴 凌平</h4>
533                      <h5 class="researcher_top-credit-role">コンサルタント</h5>
534                    </div>
535                  </a>
536                </div>
537                
538
539                <!-- diversity -->
540                <div class="swiper-slide">
541                  <a href="/researchers/res_006.html">
542                    <img class="lazyload" src="/researchers/images/diversity/div_006.jpg"
543                      alt="consultant019">
544                    <div class="researcher_top-credit">
545                      <h4 class="researcher_top-credit-name">
545井手 深雪</h4>
546                      <h5 class="researcher_top-credit-role">コンサルタント</h5>
547                    </div>
548                  </a>
549                </div>
550              </div>
551              <div class="swiper-button-next"></div>
552              <div class="swiper-button-prev"></div>
553              <div class="swiper-pagination"></div>
554            </section>
555          </section>
556
557          
557<script>
558            //vision
559            /*
560            var vision_swiper = new Swiper("#kvVision", {
561              speed: 0,
562              loop: true,
563              effect: "fade",
564              crossFade: true,
565              autoplay: {
566                delay: 3000,
567                // disableOnInteraction: false, 効かない
568              },
569              autoplayDisableOnInteraction: false,
570              slideToClickedSlide: false,
571            });
572            // riseze , clickイベント後もautoplay継続
573            $(window).resize(function () {
574              vision_swiper.autoplay.paused = false;
575              vision_swiper.autoplay.start();
576            });
577            $("#kvVision .swiper-slide").on("click", function () {
578              vision_swiper.autoplay.paused = false;
579              vision_swiper.autoplay.start();
580            });
581            */
582
583
584            // reserchers Swiper
585            var res_swiper = new Swiper("#reserchers_swiper", {
586              navigation: {
587                nextEl: ".swiper-button-next",
588                prevEl: ".swiper-button-prev",
589              },
590              pagination: {
591                el: ".swiper-pagination",
592                clickable: true,
593              },
594              speed: 1000,
595              loop: false,
596              slidesPerView: 4,
597              spaceBetween: 50,
598              slidesPerGroup: 4,
599              autoplay: {
600                delay: 6000,
601                disableOnInteraction: false,
602              },
603              breakpoints: {
604                // 768px以下の場合2枚表示
605                768: {
606                  slidesPerView: 2,
607                  spaceBetween: 50,
608                  slidesPerGroup: 2,
609                },
610                // 960px以下の場合3枚表示
611                960: {
612                  slidesPerView: 3,
613                  spaceBetween: 40,
614                  slidesPerGroup: 3,
615                },
616              }
617            });
618
619            // scroll animation
620
621            var scroll = 0;
622
623            $(function () {
624              var _contents = [];
625              var _window = {
626                width: $(window).width(),
627                height: $(window).height()
628              };
629              var _headerH = $("header").innerHeight();
630
631              function initialize() {
632                $('.js_parallax').each(function () {
633                  _contents.push({
634                    elem: $(this),
635                    top: $(this).offset().top,
636                    action: $(this).data('parallax'),
637                    completed: false
638                  });
639                  //console.log($(this).data('parallax'));
640                  //console.log($(this).offset().top);
641                });
642
643                $(window).scroll(function () {
644                  scroll = $(this).scrollTop();
645                  var scrollTop = scroll + _window.height;
646
647                  _contents.forEach(function (e) {
648                    if (e.top + _headerH * 2 <= scrollTop && typeof e.action !== 'undefined' && !e.completed) {
649                      e.completed = true;
650                      ParallaxAction[e.action](e);
651                    }
652                  });
653                });
654              }
655              initialize();
656            });
657
658            var ParallaxAction = {
659              fadeup: function (e) {
660                e.elem.css({
661                  'opacity': '1',
662                  'transform': 'translateY(0)',
663                });
664              },
665              slideToRight: function (e) {
666                e.elem.removeClass("__fade");
667              },
668              fadein: function (e) {
669                e.elem.css({ 'opacity': '1', });
670              }
671            }
672          </script>
672
673
674
675        </div><!-- /ly_inner-->
676      </div><!-- /ly_container-->
677    </main>
678    <!-- ===== /contents ====== -->
679
680    <!-- ===== footer ====== -->
681    <footer class="inc_footer"><!-- /shared/inc/inc_footer --></footer>
682    <!-- ===== /footer ====== -->
683    <p id="pagetop" class="pagetop" role="presentation" aria-label="ページトップへ戻る"><a href=""></a></p>
684
685    <!-- svg def -->
686
687    <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;"
688      version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
689      <defs>
690        <symbol id="jigsaw" viewBox="0 0 48 48">
691
692          <path class="st0"
693            d="M49.67,47.21c-3.49,0-6.71-1.83-8.5-4.83c-1.78-2.99-1.86-6.71-0.2-9.77c1.53-2.83,2.31-5.9,2.31-9.14
694                    	c0-10.64-8.65-19.29-19.29-19.29C13.35,4.18,4.7,12.83,4.7,23.47c0,3.24,0.78,6.31,2.31,9.14c1.66,3.07,1.58,6.78-0.2,9.77
695                    	c-1.78,2.99-5.01,4.83-8.5,4.83h-77.39v0.32v77.37c0,3.51,1.86,6.76,4.89,8.53c3.03,1.78,6.77,1.81,9.84,0.09
696                    	c2.85-1.6,6.1-2.44,9.39-2.44c10.64,0,19.29,8.65,19.29,19.29c0,10.64-8.65,19.29-19.29,19.29c-3.29,0-6.53-0.85-9.39-2.44
697                    	c-3.06-1.72-6.81-1.68-9.84,0.09c-3.03,1.77-4.89,5.02-4.89,8.53v72.62h206.17v-72.42c0-3.49-1.83-6.71-4.83-8.5
698                    	c-2.99-1.78-6.71-1.86-9.77-0.2c-2.83,1.53-5.9,2.31-9.14,2.31c-10.64,0-19.29-8.65-19.29-19.29c0-10.64,8.65-19.29,19.29-19.29
699                    	c3.24,0,6.31,0.78,9.14,2.31c3.07,1.66,6.78,1.58,9.77-0.2c2.99-1.78,4.83-5.01,4.83-8.5V47.53v-0.32H49.67z" />
700        </symbol>
701
702        <symbol id="point" viewBox="0 0 32 32">
703          <g id="circle_back">
704            <path d="M16.05,25.77L16.05,25.77c-5.25,0-9.5-4.25-9.5-9.5v0c0-5.25,4.25-9.5,9.5-9.5h0c5.25,0,9.5,4.25,9.5,9.5v0
705                  		C25.55,21.52,21.3,25.77,16.05,25.77z" />
706          </g>
707          <g id="circle_arrow">
708            <polygon points="15.39,12.95 18.71,16.27 15.39,19.6 	" />
709          </g>
710        </symbol>
711      </defs>
712    </svg>
713
714    
714<script src="/shared/js/plugins.js"></script>
714
715    
715<script src="/shared/js/picturefill.min.js"></script>
715
716    
716<script src="/shared/js/base.js"></script>
716
717    
717<script src="https://cdn.jsdelivr.net/npm/microcms-js-sdk/dist/umd/microcms-js-sdk.min.js"></script>
717
718    
718<script src="/shared/js/filters.js"></script>
718
719
720    <!-- for cookie -->
721    <link rel="stylesheet" type="text/css"
722      href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
723    
723<script
724      src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
724
725    
725<script src="//www.toray.com/shared/js/cookie_dialog.js"></script>
725
726    
726<script>TORAY.cookieDialogInit();</script>
726
727  </body>
728</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.