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 å ã«å ¥ããã¨ï¼³ï¼°æã®æ¨ªã¹ã¯ãã¼ã«ãåºæ¥ã¦ãã¾ãåé¡ããã 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">></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">></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.