1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <link rel="stylesheet" href="/css/style.css" /> 7 <link rel="stylesheet" href="/css/style2.css" /> 8 <link rel="stylesheet" href="/css/header4.css" /> 9 <link rel="stylesheet" href="/css/footer.css" /> 10 <link rel="preconnect" href="https://fonts.googleapis.com" /> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 12 <link 13 href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" 14 rel="stylesheet" /> 15 <link 16 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" 17 rel="stylesheet" /> 18 <link 19 rel="icon" 20 type="image/png" 21 href="/img/favicon/favicon-96x96.png" 22 sizes="96x96" /> 23 <link rel="icon" type="image/svg+xml" href="/img/favicon/favicon.svg" /> 24 <link rel="shortcut icon" href="/img/favicon/favicon.ico" /> 25 <link 26 rel="apple-touch-icon" 27 sizes="180x180" 28 href="/img/favicon/apple-touch-icon.png" /> 29 <meta name="apple-mobile-web-app-title" content="MyWebSite" /> 30 <style> 31 html { 32 scroll-behavior: smooth; 33 } 34 </style> 35 <!-- Google Tag Manager -->
36<script>
vendor: 335 bytes, lines 36-40
36(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 37 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 38 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 39 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 40 })(window,document,'script','dataLayer','
40GTM-5G97ZQ2P
vendor: 3 bytes, line 40
40');
40</script>
40 41 <!-- End Google Tag Manager --> 42<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 42-43
42 43<script async src="https://www.googletagmanager.com/gtag/js?id=
43G-1DYEETXPFX
vendor: 12 bytes, line 43
43"></script>
44<script> 45
vendor: 134 bytes, lines 45-49
45window.dataLayer = window.dataLayer || []; 46 function gtag(){dataLayer.push(arguments);} 47 gtag('js', new Date()); 48 49 gtag('config', '
49G-1DYEETXPFX
vendor: 4 bytes, line 49
49');
50</script>
50 51 52 <link rel="preload" as="image" href="img/decor/hero_pc_ribbon_index.png"> 53 <title>æ ªå¼ä¼ç¤¾ããããã</title> 54 <meta 55 name="description" 56 content="æ ªå¼ä¼ç¤¾ãããããã¯ããããããå°ããã¨ã人ã¨äººãã¤ãªããã¨ã§è§£æ±ºãã大ããªã御ç¨è´ãã«ã³ããã¼ã§ãã管çä¼ç¤¾ãµãã¼ãäºæ¥ã¨ãã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥ãããã¾ãã" /> 57 <meta property="og:title" content="æ ªå¼ä¼ç¤¾ããããã" /> 58 <meta 59 property="og:description" 60 content="æ ªå¼ä¼ç¤¾ãããããã¯ããããããå°ããã¨ã人ã¨äººãã¤ãªããã¨ã§è§£æ±ºãã大ããªã御ç¨è´ãã«ã³ããã¼ã§ãã管çä¼ç¤¾ãµãã¼ãäºæ¥ã¨ãã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥ãããã¾ãã" /> 61 <meta property="og:type" content="website" /> 62 <meta property="og:url" content="https://papanets.co.jp/" /> 63 <meta 64 property="og:image" 65 content="https://papanets.co.jp/img/favicon/ogp.jpg" /> 66 <meta property="og:site_name" content="æ ªå¼ä¼ç¤¾ããããã" /> 67 <meta name="twitter:card" content="summary_large_image" /> 68 <meta 69 name="twitter:image" 70 content="https://papanets.co.jp/img/favicon/ogp.jpg" /> 71<link rel="stylesheet" href="css/index.css" /> 72<link rel="stylesheet" href="css/index-add.css" /> 73<!-- xj-contents --> 74<link rel="stylesheet" href="//www.xj-storage.jp/resources/AS81980/xj.css"> 75<!-- // xj-contents // --> 76
76<script src="js/XjStorageLib.js"></script>
76 77 </head> 78 <body> 79 <!-- ãããã¼ --> 80 <header class="site-header"> 81 <div class="container container--flush header-top"> 82 <a class="logo" href="/index.html" aria-label="ãã¼ã "> 83 <img 84 src="/img/logo/papanets_logo_horizontal_tagline_fukusyo.png" 85 alt="伿¥ãã´" 86 width="312" 87 height="81.9" 88 /></a> 89 <!-- ä¸å¤®ï¼ã°ãã¼ãã«ãã --> 90 <div class="header-bottom"> 91 <div class="container header-bottom__inner"> 92 <nav class="gnav" aria-label="ã°ãã¼ãã«ãã"> 93 <a href="/about.html" data-mega="about">ãããããã¨ã¯</a> 94 <a href="/info.html" data-mega="company">伿¥æ å ±</a> 95 <a href="#" data-mega="recruit" onclick="return false;">æ¡ç¨æ å ±</a> 96 <a href="/ir.html" data-mega="ir">IRæ å ±</a> 97 </nav> 98 <div class="mega-wrap" aria-hidden="true"> 99 <div class="mega" id="mega-about"> 100 <div class="mega-grid"> 101 <a href="/about.html">ãããããã¨ã¯</a> 102 <a href="/kanri.html">管çä¼ç¤¾ãµãã¼ãäºæ¥</a> 103 <a href="/interior.html">ã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥</a> 104 </div> 105 </div> 106 107 <div class="mega" id="mega-company"> 108 <div class="mega-grid"> 109 <a href="/info.html">伿¥æ å ±ããã</a> 110 <a href="/message.html">ä»£è¡¨æ¨æ¶</a> 111 <a href="/philosophy.html">çµå¶ç念</a> 112 <a href="/history.html">沿é©</a> 113 <a href="/sustainability.html">ãµã¹ããããªãã£</a> 114 <a href="/profile.html">ä¼ç¤¾æ¦è¦</a> 115 <a href="/organization.html">çµç¹å³</a> 116 <!--<a href="/brand-assets.html">ãã´ãã¼ã¿ãã¦ã³ãã¼ã</a>--> 117 </div> 118 </div> 119 120 <div class="mega" id="mega-recruit"> 121 <div class="mega-grid"> 122 <a href="/recruit/index.html" target="_blank" rel="noopener noreferrer">æ°åã»ç¬¬äºæ°åæ¡ç¨</a> 123 124 <a href="/career.html">ãã£ãªã¢æ¡ç¨</a> 125 126 <a href="/partner/" target="_blank" rel="noopener noreferrer">ãã¼ããã¼æ¡ç¨</a> 127 </div> 128 </div> 129 130 <div class="mega" id="mega-ir"> 131 <div class="mega-grid"> 132 <a href="/ir.html">IR ããã</a> 133 <a href="/ir-message.html">æè³å®¶ã®çæ§ã¸</a> 134 <a href="/ir-list.html">IRæ å ±ä¸è¦§</a> 135 <a href="/ir-financial-condition.html">財åã»æ¥ç¸¾æ å ±</a> 136 <a href="/ir-shareholder-stock.html">æ ªä¸»ã»æ ªå¼æ å ±</a> 137 <a href="/ir-library.html">IRè³æå®¤</a> 138 <a href="/ir-calendar.html">IRã«ã¬ã³ãã¼</a> 139 <a href="/ir-electronic-public-notice.html">é»åå ¬å</a> 140 </div> 141 </div> 142 </div> 143 </div> 144 </div> 145 <!-- å³ç«¯ï¼SNS / å¤é¨ãµã¤ã / ãåãåãã / æ¤ç´¢ --> 146 <nav class="header-links" aria-label="å¤é¨ãªã³ã¯"> 147 <a href="https://blog.papanets.co.jp/" target="_blank" class="ext">å ¬å¼ããã°</a> 148<a 149 href="https://x.com/papanets_jp" 150 class="ico" 151 target="_blank" 152 rel="noopener" 153 aria-label="X(æ§Twitter)" 154 ><img src="/img/icon/ico_x.svg" alt="" 155/></a> 156<a 157 href="https://www.instagram.com/papanets_jp" 158 class="ico" 159 target="_blank" 160 rel="noopener" 161 aria-label="Instagram" 162 ><img src="/img/icon/ico_instagram.svg" alt="" 163/></a> 164<a 165 href="https://www.facebook.com/profile.php?id=61579818262159" 166 class="ico" 167 target="_blank" 168 rel="noopener" 169 aria-label="Facebook" 170 ><img src="/img/icon/ico_facebook.svg" alt="" 171/></a> 172 173 <a href="/contact.html" class="btn btn--sm btn--consult"> 174 <img 175 class="btn-icoimg" 176 src="/img/icon/ico_consult.svg" 177 alt="" 178 width="18" 179 height="18" /> 180 ç¸è«ããã</a 181 > 182 183 <div class="btn-dropdown-wrap"> 184 185 <div class="btn btn--sm btn--work js-dropdown-trigger"> 186 <img 187 class="btn-icoimg -origin" 188 src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V4C20 2.89 19.11 2 18 2ZM12 20C11.45 20 11 19.55 11 19C11 18.45 11.45 18 12 18C12.55 18 13 18.45 13 19C13 19.55 12.55 20 12 20ZM18 16H6V4H18V16Z'/%3E%3C/svg%3E" 189 alt="" 190 width="18" 191 height="18" /> 192 åããã
193 <span class="arrow-icon">â¼</span> 194 </div> 195 196 <div class="dropdown-list"> 197 <a href="/recruit/index.html" target="_blank" rel="noopener noreferrer">æ°åã»ç¬¬äºæ°åæ¡ç¨</a> 198 199 <a href="/career.html">ãã£ãªã¢æ¡ç¨</a> 200 201 <a href="/partner/" target="_blank" rel="noopener noreferrer">ãã¼ããã¼æ¡ç¨</a> 202 </div> 203 </div> 204 205 <!--<div class="lang-switch"> 206 <a href="/jp" class="active">JP</a> / 207 <a href="/en">EN</a> 208 </div>--> 209 210 <button class="search-btn"> 211 <a 212 href="https://www.google.com/search?q=site:papanets.co.jp+" 213 aria-label="ãµã¤ãå æ¤ç´¢" 214 ><img 215 src="/img/icon/ico_search.svg" 216 alt="æ¤ç´¢" 217 width="20" 218 height="20" 219 /></a> 220 </button> 221 </nav> 222 223 <!-- ãã³ãã¼ã¬ã¼ --> 224 <button 225 class="hamburger" 226 aria-label="ã¡ãã¥ã¼ãéã" 227 aria-controls="global-nav" 228 aria-expanded="false"> 229 <span></span><span></span><span></span> 230 </button> 231 </div> 232 233 <!-- SPããã¯ã¼ --> 234 <div 235 class="drawer" 236 role="dialog" 237 aria-modal="true" 238 aria-label="ã¡ãã¥ã¼" 239 hidden> 240 <div class="drawer__scrim" data-close></div> 241 <div class="drawer__panel" role="document"> 242 <div class="drawer__head"> 243 <a class="logo" href="/index.html" 244 ><img 245 src="/img/logo/papanets_logo_horizontal.svg" 246 alt="伿¥ãã´" 247 width="112" 248 height="30" 249 /></a> 250 <button 251 class="drawer__close" 252 aria-label="ã¡ãã¥ã¼ãéãã" 253 data-close> 254 à 255 </button> 256 </div> 257 258 <!-- ã¢ã³ã¼ãã£ãªã³å¼ã¡ãã¥ã¼ --> 259 <div class="accordion"> 260 <button class="acc__hd" aria-expanded="false"> 261 ãããããã¨ã¯ 262 </button> 263 <div class="acc__panel"> 264 <a href="/about.html">ãããããã¨ã¯</a> 265 <a href="/kanri.html">管çä¼ç¤¾ãµãã¼ãäºæ¥</a> 266 <a href="/interior.html">ã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥</a> 267 </div> 268 269 <button class="acc__hd" aria-expanded="false">伿¥æ å ±</button> 270 <div class="acc__panel"> 271 <a href="/info.html">伿¥æ å ±ããã</a> 272 <a href="/message.html">ä»£è¡¨æ¨æ¶</a> 273 <a href="/philosophy.html">çµå¶ç念</a> 274 <a href="/history.html">沿é©</a> 275 <a href="/sustainability.html">ãµã¹ããããªãã£</a> 276 <a href="/profile.html">ä¼ç¤¾æ¦è¦</a> 277 <a href="/organization.html">çµç¹å³</a> 278 <!--<a href="/brand-assets.html">ãã´ãã¼ã¿ãã¦ã³ãã¼ã</a>--> 279 </div> 280 281 <button class="acc__hd" aria-expanded="false">æ¡ç¨æ å ±</button> 282 <div class="acc__panel"> 283 <a href="/recruit/index.html" target="_blank" rel="noopener noreferrer">æ°åã»ç¬¬äºæ°åæ¡ç¨</a> 284 285 <a href="/career.html">ãã£ãªã¢æ¡ç¨</a> 286 287 <a href="/partner/" target="_blank" rel="noopener noreferrer">ãã¼ããã¼æ¡ç¨</a> 288 </div> 289 290 <button class="acc__hd" aria-expanded="false">IRæ å ±</button> 291 <div class="acc__panel"> 292 <a href="/ir.html">IR ããã</a> 293 <a href="/ir-message.html">æè³å®¶ã®çæ§ã¸</a> 294 <a href="/ir-list.html">IRæ å ±ä¸è¦§</a> 295 <a href="/ir-financial-condition.html">財åã»æ¥ç¸¾æ å ±</a> 296 <a href="/ir-shareholder-stock.html">æ ªä¸»ã»æ ªå¼æ å ±</a> 297 <a href="/ir-library.html">IRè³æå®¤</a> 298 <a href="/ir-calendar.html">IRã«ã¬ã³ãã¼</a> 299 <a href="/ir-electronic-public-notice.html">é»åå ¬å</a> 300 </div> 301 </div> 302 <!-- SNSå --> 303 <div class="drawer__sns"> 304 <a href="https://blog.papanets.co.jp" target="_blank" class="ext">å ¬å¼ããã°</a>
305 <span class="spacer"></span> 306<a 307 href="https://x.com/dfoztsca3llbkt9" 308 class="ico" 309 target="_blank" 310 rel="noopener" 311 aria-label="X(æ§Twitter)" 312 ><img src="/img/icon/ico_x.svg" alt="" 313/></a> 314<a 315 href="https://www.instagram.com/papanets.co.jp" 316 class="ico" 317 target="_blank" 318 rel="noopener" 319 aria-label="Instagram" 320 ><img src="/img/icon/ico_instagram.svg" alt="" 321/></a> 322<a 323 href="https://www.facebook.com/profile.php?id=61579818262159" 324 class="ico" 325 target="_blank" 326 rel="noopener" 327 aria-label="Facebook" 328 ><img src="/img/icon/ico_facebook.svg" alt="" 329/></a> 330 </div> 331 332 <div class="drawer__actions"> 333 <a href="/contact.html" class="btn btn--sm btn--consult"> 334 <img 335 class="btn-icoimg" 336 src="/img/icon/ico_consult.svg" 337 alt="" 338 width="18" 339 height="18" /> 340 ç¸è«ããã 341 </a> 342 <div class="btn-dropdown-wrap sp-dropdown"> 343 344 <div class="btn btn--sm btn--work js-dropdown-trigger"> 345 <img 346 class="btn-icoimg -origin" 347 src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V4C20 2.89 19.11 2 18 2ZM12 20C11.45 20 11 19.55 11 19C11 18.45 11.45 18 12 18C12.55 18 13 18.45 13 19C13 19.55 12.55 20 12 20ZM18 16H6V4H18V16Z'/%3E%3C/svg%3E" 348 alt="" 349 width="18" 350 height="18" /> 351 åããã 352 <span class="arrow-icon" style="color: white; margin-left: 10px;">â¼</span> 353 </div> 354 355 <div class="dropdown-list"> 356 <a href="/recruit/index.html" target="_blank" rel="noopener noreferrer">æ°åã»ç¬¬äºæ°åæ¡ç¨</a> 357 358 <a href="/career.html">ãã£ãªã¢æ¡ç¨</a> 359 360 <a href="/partner/" target="_blank" rel="noopener noreferrer">ãã¼ããã¼æ¡ç¨</a> 361 </div> 362 363 </div> 364 </div> 365 </div> 366 </div> 367 </header> 368<main> 369 <!-- Hero --> 370 <section class="index-hero"> 371 <div class="l-inner l-inner__hero"> 372 <div class="index-hero__bg-wrapper"> 373 <div class="index-hero__bg-ribbon js-scrolled"> 374 <picture> 375 <source 376 srcset="./img/decor/hero_sp_ribbon_index.png" 377 media="(max-width: 769px)" 378 width="774" 379 height="747" /> 380 <img 381 src="./img/decor/hero_pc_ribbon_index.png" 382 alt="ãã¼ãã¼ã»ã¯ã·ã§ã³ã®ãã¡ã¼ã¹ãã¬ã¤ã¤ã¼" 383 width="1280" 384 height="830" 385 loading="eager" /> 386 </picture> 387 </div> 388 <div class="index-hero__bg-shape-left js-in-view js-fadeIn-from-right" data-delay="0.5s"> 389 <picture> 390 <source 391 srcset="./img/hero-circles/hero_sp_index_left.png" 392 media="(max-width: 769px)" 393 width="99" 394 height="780" /> 395 <img 396 src="./img/hero-circles/hero_pc_index_left.png" 397 alt="ãã¼ãã¼ã»ã¯ã·ã§ã³ã®å¥³æ§ã®ã¢ã¤ã³ã³" 398 width="207" 399 height="687" 400 loading="eager" /> 401 </picture> 402 </div> 403 <div class="index-hero__bg-shape-right js-in-view js-fadeIn-from-right"> 404 <picture> 405 <source 406 srcset="./img/hero-circles/hero_sp_index_right.png" 407 media="(max-width: 769px)" 408 width="217" 409 height="780" /> 410 <img 411 src="./img/hero-circles/hero_pc_index_right.png" 412 alt="ãã¼ãã¼ã»ã¯ã·ã§ã³ã®äººã ã®ã¢ã¤ã³ã³" 413 width="883" 414 height="830" 415 loading="eager" /> 416 </picture> 417 </div> 418 </div> 419 <div class="index-hero__bg-text"> 420 <h1>令åã«å¾¡ç¨è´ãã<br />æ¬æ°ã§ãã</h1> 421 <p>ã伿¥ã®å°ã£ããã¨ãèªåãããåããããã<br />ã¤ãªã解決ããä¼ç¤¾ããããããã</p> 422 </div> 423 <p class="index-hero__text"> 424 ä¸åç£ç®¡ç代è¡ãã¤ã³ããªã¢ã®è¨ç»ãã<br class="u-hidden-pc" />é éã»è¨ç½®ã¾ã§ã<br />ãã®ä»ãªãã§ããå°ãäºãããã¾ãããã 425 <br class="u-hidden-pc" />ãæ°è»½ã«ãç¸è«ãã ããã 426 </p> 427 </div> 428 </section> 429 430 <!-- ===== CTA 2æ ===== --> 431 <section class="section cta index-cta"> 432 <div class="l-inner l-inner__cta"> 433 <div class="index-cta__cards-wrapper"> 434 <div class="c-cta"> 435 <div class="c-cta-card --blue"> 436 <h2 class="c-cta-card__title --blue">ç¸è«ããã</h2> 437 <div class="c-cta-card__btn-wrapper"> 438 <a href="./contact.html" 439 class="c-cta-card__btn --blue" 440 ><span>åãåãããã©ã¼ã </span></a 441 > 442 </div> 443 </div> 444 <div class="c-cta-card --orange"> 445 <h2 class="c-cta-card__title --orange">åããã</h2> 446 447 <div class="c-cta-buttons"> 448 449 <a href="/recruit/" class="c-cta-btn-white" target="_blank" rel="noopener">
450 <span>æ°åã»ç¬¬äºæ°å</span> 451 </a> 452 453 <a href="/career.html" class="c-cta-btn-white"> 454 <span>ãã£ãªã¢</span> 455 </a> 456 457 <a href="/partner/" class="c-cta-btn-white" target="_blank" rel="noopener"> 458 <span>ãã¼ããã¼</span> 459 </a> 460 </div> 461 </div> 462 </div> 463 </div> 464 </div> 465 </section> 466 467 <!-- ===== News ===== --> 468 <section class="news"> 469 <div class="container news__inner"> 470 <hgroup class="news__title-wrapper"> 471 <h2 class="news__ttl js-in-view js-fadeIn-from-left">News</h2> 472 <p 473 class="news__cat js-in-view js-fadeIn-from-left" 474 style="opacity: 0"> 475 ãç¥ãã 476 </p> 477 </hgroup> 478 <ul class="tab-list"> 479 <li class="tab-item --active" tabindex="0">ãã¥ã¼ã¹</li> 480 <li class="tab-item" tabindex="0">IRãã¥ã¼ã¹</li> 481 </ul> 482 <div class="news__list news__list-add --active" id="newsList"> 483 <div style="padding: 16px; color: #666">èªã¿è¾¼ã¿ä¸â¦</div> 484 </div> 485
485<script> 486 (async () => { 487 const WP_BASE = "https://blog.papanets.co.jp"; 488 const LIMIT = 5; 489 const TARGET_SLUGS = ["employee-work", "pr", "partner-work", "news", "ir"]; 490 const box = document.getElementById("newsList"); 491 492 const fmtDate = (iso) => { 493 try { 494 return new Date(iso) 495 .toLocaleDateString("ja-JP", { 496 year: "numeric", 497 month: "2-digit", 498 day: "2-digit", 499 }) 500 .replace(/\//g, "."); 501 } catch { 502 return ""; 503 } 504 }; 505 const badgeFromSlugs = (slugs = []) => { 506 if (slugs.includes("employee-work")) 507 return '<div class="badge-wrapper"><span class="badge badge-add is-red">社å¡ã®ä»äº</span></div>'; 508 if (slugs.includes("partner-work")) 509 return '<div class="badge-wrapper"><span class="badge badge-add is-orange">ãã¼ããã¼ã®ä»äº</span></div>'; 510 if (slugs.includes("pr")) 511 return '<div class="badge-wrapper"><span class="badge badge-add is-blue">PR</span></div>'; 512 if (slugs.includes("news")) 513 return '<div class="badge-wrapper"><span class="badge badge-add is-green">ãç¥ãã</span></div>'; 514 if (slugs.includes("ir")) 515 return '<div class="badge-wrapper"><span class="badge badge-add is-skyblue">IR</span></div>'; 516 return ""; 517 }; 518 const url = new URL(WP_BASE + "/wp-json/wp/v2/posts"); 519 url.searchParams.set("_embed", "1"); 520 url.searchParams.set("per_page", String(LIMIT)); 521 url.searchParams.set("orderby", "date"); 522 url.searchParams.set("order", "desc"); 523 524 try { 525 const res = await fetch(url.toString(), { mode: "cors" }); 526 if (!res.ok) throw new Error(`HTTP ${res.status}`); 527 let posts = await res.json(); 528 529 if (TARGET_SLUGS.length) { 530 posts = posts.filter((p) => { 531 const cats = p._embedded?.["wp:term"]?.[0] ?? []; 532 const slugs = cats.map((c) => c.slug); 533 return TARGET_SLUGS.some((s) => slugs.includes(s)); 534 }); 535 } 536 537 if (!posts.length) { 538 box.innerHTML = 539 '<div style="padding:16px;color:#666">è¨äºãããã¾ããã</div>'; 540 return; 541 } 542 543 const rows = posts 544 .map((p) => { 545 const link = p.link; 546 const title = (p.title?.rendered ?? "").replace( 547 /<[^>]+>/g, 548 "" 549 ); 550 const date = fmtDate(p.date); 551 const cats = p._embedded?.["wp:term"]?.[0] ?? []; 552 const slugs = cats.map((c) => c.slug); 553 const badge = badgeFromSlugs(slugs); 554 555 return ` 556 <a href="${link}" class="news__item news__item-add" target="_blank" rel="noopener"> 557 <div class="news__item-header"> 558 <time class="news__date news__date-add">${date}</time> 559 ${badge} 560 </div> 561 <span class="news__txt news__txt-add" title="${title}">${title}</span> 562 </a>`; 563 }) 564 .join(""); 565 566 box.innerHTML = rows; 567 } catch (err) { 568 console.error(err); 569 box.innerHTML = 570 '<div style="padding:16px;color:#c00">èªã¿è¾¼ã¿ã«å¤±æãã¾ããã</div>'; 571 } 572 })(); 573 </script>
573 574 <!-- </div> --> 575 <div class="news__btn-wrapper --active"> 576 <a href="https://blog.papanets.co.jp/" class="c-btn__round news__btn --red" target="_blank" rel="noopener" 577 ><span>ãã£ã¨è¦ã</span></a 578 > 579 </div> 580 <!-- IRãã¥ã¼ã¹ã¿ã --> 581 <div class="news__list news__list-add"> 582 <!-- xj-contents --> 583 <div id="xj-mainlist" class="xj-toplist"></div> 584 <!-- // xj-contents // --> 585 </div> 586 <div class="news__btn-wrapper"> 587 <a href="https://papanets.co.jp/ir-list.html" class="c-btn__round news__btn --red" target="_blank" rel="noopener" 588 ><span>ãã£ã¨è¦ã</span></a 589 > 590 </div> 591 </div> 592 </section> 593 594 595 <!-- Upper-divider --> 596 <section class="index-upper-divider"> 597 <div class="index-upper-divider__image js-scrolled"> 598 <div class="index-upper-divider__image-wrapper"> 599 <img 600 src="./img/decor/ribbon1.png" 601 alt="ãªãã³ã®ç»å" 602 width="1280" 603 height="210" /> 604 </div> 605 </div> 606 </section> 607 608 <!-- About ã»ã¯ã·ã§ã³ --> 609 <section class="about section"> 610 <div class="container about__inner l-inner__index-about"> 611 <div class="about__content"> 612 <h2 class="js-in-view js-fadeIn-from-left">About</h2> 613 <h3 class="js-in-view js-fadeIn-from-left">ãããããã¨ã¯</h3> 614 <p> 615 ããããããè¡ã£ã¦ããã御ç¨èããã¨ã¯ã©ã®ãããªãã®ãã<br class="pc-only"> 616 ãã®æ¦è¦ããç´¹ä»ãã¾ãã 617 </p> 618 <div class="index-about__btn-wrapper"> 619 <a href="./about.html" class="c-btn__round --red" 620 ><span>ãã£ã¨è¦ã</span></a 621 > 622 </div> 623 </div> 624 <div class="about__image"> 625 <img 626 src="./img/partner/index/company-image.jpg" 627 alt="ãããããã®é¢¨æ¯" 628 width="564" 629 height="318" /> 630 </div> 631 </div> 632 </section> 633 634 <!-- Service ã»ã¯ã·ã§ã³ --> 635 <section class="service section"> 636 <div class="container service__content"> 637 <h2 class="service__ttl js-in-view js-fadeIn-from-left">Service</h2> 638 <span class="service__sub js-in-view js-fadeIn-from-left" 639 >ãããããã®2ã¤ã®äºæ¥</span 640 > 641 642 <div class="service__grid service__grid-2cols"> 643 <!-- å·¦ï¼ç®¡çä¼ç¤¾ãµãã¼ãäºæ¥ --> 644 <article class="service-card"> 645 <div class="service-card__gallery js-in-view js-fadeIn-from-left"> 646 <img src="./img/index/kanri1.png" alt="" class="thumb" /> 647 <img src="./img/index/kanri2.png" alt="" class="thumb" /> 648 <img src="./img/index/kanri3.png" alt="" class="thumb" /> 649 <img src="./img/index/kanri4.png" alt="" class="thumb" /> 650 </div> 651 652 <h3 class="service-card__hd"><font color="#1D6CF0">管çä¼ç¤¾ãµãã¼ãäºæ¥</font></h3> 653 <p class="service-card__txt"> 654 ä¸åç£ç®¡çä¼ç¤¾ã®ç©ä»¶ç®¡çæ¥åã<br /> 655 宿巡忥åãæ¯æ´ãã¾ãã 656 </p> 657 <div class="index-service__btn-wrapper"> 658 <a href="./kanri.html" class="c-btn__round --blue" 659 ><span>ãã£ã¨è¦ã</span></a 660 > 661 </div> 662 </article> 663 664 <!-- å³ï¼ã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥ --> 665 <article class="service-card"> 666 <div 667 class="service-card__gallery js-in-view js-fadeIn-from-left --delay200"> 668 <img src="./img/index/interior1.jpg" alt="" class="thumb" /> 669 <img src="./img/index/interior2.jpg" alt="" class="thumb" /> 670 <img src="./img/index/interior3.jpg" alt="" class="thumb" /> 671 <img src="./img/index/interior4.jpg" alt="" class="thumb" /> 672 </div> 673 674 <h3 class="service-card__hd"><font color="#FF8144">ã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥</font></h3> 675 <p class="service-card__txt">
676 ãã¦ã¹ã¡ã¼ã«ã¼ã«ãããå®¶å ·ã®å¶ä½ã»è²©å£²ã»é éã<br 677 class="u-hidden-sp" /> 678 ãã¼ã¿ã«ã§æ¯æ´ãã¾ãã 679 </p> 680 <div class="index-service__btn-wrapper"> 681 <a href="./interior.html" class="c-btn__round --orange" 682 ><span>ãã£ã¨è¦ã</span></a 683 > 684 </div> 685 </article> 686 </div> 687 </div> 688 </section> 689 690 <!-- Down-divider --> 691 <section class="index-down-divider"> 692 <div class="index-down-divider__image js-scrolled"> 693 <div class="index-down-divider__image-wrapper"> 694 <img 695 src="./img/decor/ribbon2.png" 696 alt="ãªãã³ã®ç»å" 697 width="1280" 698 height="247" /> 699 </div> 700 </div> 701 </section> 702 703 <!-- Company --> 704 <section class="company section"> 705 <div class="container company__inner"> 706 <h2 class="company__ttl js-in-view js-fadeIn-from-left">Company</h2> 707 <p class="company__sub js-in-view js-fadeIn-from-left">伿¥æ å ±</p> 708 709 <div class="company__grid"> 710 <nav class="company__nav" aria-label="伿¥æ å ±"> 711 <a href="./message.html" class="company__link"> 712 ä»£è¡¨æ¨æ¶ 713 <span class="arrow" aria-hidden="true"> 714 <svg
715 viewBox="0 0 24 24" 716 fill="none" 717 stroke="currentColor" 718 stroke-width="3" 719 stroke-linecap="round" 720 stroke-linejoin="round"> 721 <line x1="5" y1="12" x2="19" y2="12" /> 722 <polyline points="12 5 19 12 12 19" /> 723 </svg> 724 </span> 725 </a> 726 <a href="./philosophy.html" class="company__link"> 727 çµå¶ç念 728 <span class="arrow" aria-hidden="true"> 729 <svg 730 viewBox="0 0 24 24" 731 fill="none" 732 stroke="currentColor" 733 stroke-width="3" 734 stroke-linecap="round" 735 stroke-linejoin="round"> 736 <line x1="5" y1="12" x2="19" y2="12" /> 737 <polyline points="12 5 19 12 12 19" /> 738 </svg> 739 </span> 740 </a> 741 <a href="./history.html" class="company__link"> 742 æ²¿é© 743 <span class="arrow" aria-hidden="true"> 744 <svg
745 viewBox="0 0 24 24" 746 fill="none" 747 stroke="currentColor" 748 stroke-width="3" 749 stroke-linecap="round" 750 stroke-linejoin="round"> 751 <line x1="5" y1="12" x2="19" y2="12" /> 752 <polyline points="12 5 19 12 12 19" /> 753 </svg> 754 </span> 755 </a> 756 <a href="./profile.html" class="company__link"> 757 ä¼ç¤¾æ¦è¦ 758 <span class="arrow" aria-hidden="true"> 759 <svg 760 viewBox="0 0 24 24" 761 fill="none" 762 stroke="currentColor" 763 stroke-width="3" 764 stroke-linecap="round" 765 stroke-linejoin="round"> 766 <line x1="5" y1="12" x2="19" y2="12" /> 767 <polyline points="12 5 19 12 12 19" /> 768 </svg> 769 </span> 770 </a> 771 <a href="./organization.html" class="company__link"> 772 çµç¹å³ 773 <span class="arrow" aria-hidden="true"> 774 <svg
775 viewBox="0 0 24 24" 776 fill="none" 777 stroke="currentColor" 778 stroke-width="3" 779 stroke-linecap="round" 780 stroke-linejoin="round"> 781 <line x1="5" y1="12" x2="19" y2="12" /> 782 <polyline points="12 5 19 12 12 19" /> 783 </svg> 784 </span> 785 </a> 786 <!--<a href="./brand-assets.html" class="company__link"> 787 ãã´ãã¼ã¿ãã¦ã³ãã¼ã 788 <span class="arrow" aria-hidden="true"> 789 <svg 790 viewBox="0 0 24 24" 791 fill="none" 792 stroke="currentColor" 793 stroke-width="3" 794 stroke-linecap="round" 795 stroke-linejoin="round"> 796 <line x1="5" y1="12" x2="19" y2="12" /> 797 <polyline points="12 5 19 12 12 19" /> 798 </svg> 799 </span> 800 </a>--> 801 </nav> 802 803 <!-- å³ï¼ç»å --> 804 <figure class="company__figure js-in-view js-fadeIn-from-left"> 805 <img src="./img/index/ban.jpg" alt="ä¼ç¤¾è»ä¸¡ã®åç" /> 806 </figure> 807 </div> 808 </div> 809 </section> 810 811 <!-- Recruit -->
812 <section id="recruit" class="recruit section"> 813 <div class="container"> 814 <h2 class="recruit__ttl js-in-view js-fadeIn-from-left">Recruit</h2> 815 <p class="recruit__sub js-in-view js-fadeIn-from-left">æ¡ç¨æ å ±</p> 816 817 <p class="recruit__lead"> 818 ãããããã§ã¯ãä¸ç·ã«åãã¦ããã ãã仲éãåéãã¦ãã¾ãã<br /> 819 æ£ç¤¾å¡ã«å ãã¦ã好ããªæéã«åãããããããã»ãã¼ããã¼ï¼æ¥åå§è¨ï¼ãå ¨å½ã§åéãã¦ãã¾ãã 820 </p> 821 822 <!-- 3ãã¿ã³ --> 823 <div class="recruit__actions"> 824 <div class="index-about__btn-wrapper"> 825 <a href="./recruit/index.html" class="c-btn__round --red" target="_blank" rel="noopener"><span>æ°åæ¡ç¨</span></a> 826 </div> 827 <div class="index-about__btn-wrapper"> 828 <a href="./career.html" class="c-btn__round --orange" 829 ><span>ãã£ãªã¢æ¡ç¨</span></a 830 > 831 </div> 832 <div class="index-about__btn-wrapper"> 833 <a href="/partner/" class="c-btn__round --blue" target="_blank" rel="noopener"><span>ãã¼ããã¼æ¡ç¨</span></a> 834 </div> 835 </div> 836 837 <!-- ç»åã°ãªãã --> 838 <div class="scroll-infinity"> 839 <div class="scroll-infinity__wrap"> 840 <ul class="scroll-infinity__list scroll-infinity__list--left"> 841 <li class="scroll-infinity__item"> 842 <img 843 src="./img/index/recruit1.jpg" 844 alt="æ¡ç¨ç»åï¼æç®" 845 width="244" 846 height="294" 847 loading="lazy" /> 848 </li> 849 <li class="scroll-infinity__item"> 850 <img 851 src="./img/index/recruit2.jpg" 852 alt="æ¡ç¨ç»åï¼æç®" 853 width="244" 854 height="294" 855 loading="lazy" /> 856 </li> 857 <li class="scroll-infinity__item"> 858 <img 859 src="./img/index/recruit3.jpg" 860 alt="æ¡ç¨ç»åï¼æç®" 861 width="244" 862 height="294" 863 loading="lazy" /> 864 </li> 865 <li class="scroll-infinity__item"> 866 <img 867 src="./img/index/recruit4.jpg" 868 alt="æ¡ç¨ç»åï¼æç®" 869 width="244" 870 height="294" 871 loading="lazy" /> 872 </li> 873 <li class="scroll-infinity__item"> 874 <img 875 src="./img/index/recruit5.jpg" 876 alt="æ¡ç¨ç»åï¼æç®" 877 width="244" 878 height="294" 879 loading="lazy" /> 880 </li> 881 <li class="scroll-infinity__item"> 882 <img 883 src="./img/index/recruit6.jpg" 884 alt="æ¡ç¨ç»åï¼æç®" 885 width="244" 886 height="294" 887 loading="lazy" /> 888 </li> 889 <li class="scroll-infinity__item"> 890 <img 891 src="./img/index/recruit7.jpg" 892 alt="æ¡ç¨ç»åï¼æç®" 893 width="244" 894 height="294" 895 loading="lazy" /> 896 </li> 897 <li class="scroll-infinity__item"> 898 <img 899 src="./img/index/recruit8.jpg" 900 alt="æ¡ç¨ç»åï¼æç®" 901 width="244" 902 height="294" 903 loading="lazy" /> 904 </li> 905 <li class="scroll-infinity__item"> 906 <img 907 src="./img/index/recruit9.jpg" 908 alt="æ¡ç¨ç»åï¼æç®" 909 width="244" 910 height="294" 911 loading="lazy" /> 912 </li> 913 <li class="scroll-infinity__item"> 914 <img 915 src="./img/index/recruit10.jpg" 916 alt="æ¡ç¨ç»åï¼ï¼æç®" 917 width="244" 918 height="294" 919 loading="lazy" /> 920 </li> 921 </ul> 922 <ul class="scroll-infinity__list scroll-infinity__list--left"> 923 <li class="scroll-infinity__item"> 924 <img 925 src="./img/index/recruit1.jpg" 926 alt="æ¡ç¨ç»åï¼æç®" 927 width="244" 928 height="294" 929 loading="lazy" /> 930 </li> 931 <li class="scroll-infinity__item"> 932 <img 933 src="./img/index/recruit2.jpg" 934 alt="æ¡ç¨ç»åï¼æç®" 935 width="244" 936 height="294" 937 loading="lazy" /> 938 </li> 939 <li class="scroll-infinity__item"> 940 <img 941 src="./img/index/recruit3.jpg" 942 alt="æ¡ç¨ç»åï¼æç®" 943 width="244" 944 height="294" 945 loading="lazy" /> 946 </li> 947 <li class="scroll-infinity__item"> 948 <img 949 src="./img/index/recruit4.jpg" 950 alt="æ¡ç¨ç»åï¼æç®" 951 width="244" 952 height="294" 953 loading="lazy" /> 954 </li> 955 <li class="scroll-infinity__item"> 956 <img 957 src="./img/index/recruit5.jpg" 958 alt="æ¡ç¨ç»åï¼æç®" 959 width="244" 960 height="294" 961 loading="lazy" /> 962 </li> 963 <li class="scroll-infinity__item"> 964 <img 965 src="./img/index/recruit6.jpg" 966 alt="æ¡ç¨ç»åï¼æç®" 967 width="244" 968 height="294" 969 loading="lazy" /> 970 </li> 971 <li class="scroll-infinity__item"> 972 <img 973 src="./img/index/recruit7.jpg" 974 alt="æ¡ç¨ç»åï¼æç®" 975 width="244" 976 height="294" 977 loading="lazy" /> 978 </li> 979 <li class="scroll-infinity__item"> 980 <img 981 src="./img/index/recruit8.jpg" 982 alt="æ¡ç¨ç»åï¼æç®" 983 width="244" 984 height="294" 985 loading="lazy" /> 986 </li> 987 <li class="scroll-infinity__item"> 988 <img 989 src="./img/index/recruit9.jpg" 990 alt="æ¡ç¨ç»åï¼æç®" 991 width="244" 992 height="294" 993 loading="lazy" /> 994 </li> 995 <li class="scroll-infinity__item"> 996 <img 997 src="./img/index/recruit10.jpg" 998 alt="æ¡ç¨ç»åï¼ï¼æç®" 999 width="244" 1000 height="294" 1001 loading="lazy" /> 1002 </li> 1003 </ul> 1004 </div> 1005 </div> 1006 </div> 1007 </section> 1008 </main> 1009 <!-- ããã¿ã¼ --> 1010 <footer class="site-footer"> 1011 <div class="container footer__inner"> 1012 <!-- å·¦ï¼ä¼ç¤¾æ å ± -->
1013 <section class="footer__company"> 1014 <a href="/"> 1015 <img 1016 class="footer__logo" 1017 src="/img/logo/papanets_logo_horizontal_tagline_white.svg" 1018 alt="伿¥ãã´" /> 1019 </a> 1020 <div class="footer__offices"> 1021 <div> 1022 <p>ã343-0813<br />å¼ççè¶è°·å¸è¶ã¶è°·ä¸ä¸ç®5çª17å·9é</p> 1023 <p>TEL:048-960-5088 / FAX:048-960-5080</p> 1024 </div> 1025 </div> 1026 <!-- ããã°/SNS --> 1027 <div class="footer__brands"> 1028 å ¬å¼SNSã»ããã° 1029 </div> 1030<div class="footer__sns"> 1031 <a href="https://x.com/papanets_jp" aria-label="X" target="_blank" rel="noopener" 1032 ><img src="/img/icon/ico_x.svg" alt="" 1033 /></a> 1034 <a 1035 href="https://www.instagram.com/papanets_jp" 1036 aria-label="Instagram" 1037 target="_blank" 1038 rel="noopener" 1039 ><img src="/img/icon/ico_instagram.svg" alt="" 1040 /></a> 1041 <a 1042 href="https://www.facebook.com/profile.php?id=61579818262159" 1043 aria-label="Facebook" 1044 target="_blank" 1045 rel="noopener" 1046 ><img src="/img/icon/ico_facebook_white.svg" alt="" 1047 /></a> 1048 <a 1049 href="https://blog.papanets.co.jp" 1050 target="_blank" 1051 rel="noopener" 1052 aria-label="blog" 1053 ><img src="/img/icon/blog_white.svg" alt="" 1054 /></a> 1055</div> 1056 <p class="footer__note"> 1057 å½ãµã¤ãå ã®ä¸é¨ç»åã«ã¯ãAIçæç´ æã使ç¨ãã¦ãã¾ãã 1058 </p> 1059 </section> 1060 1061 <!-- å³ï¼ãªã³ã¯ç¾¤ --> 1062 <nav class="footer__nav" aria-label="ããã¿ã¼ãã"> 1063 <div class="footer__col"> 1064 <h5>ãããããã¨ã¯</h5> 1065 <ul> 1066 <li><a href="/about.html">ãããããã¨ã¯</a></li> 1067 <li><a href="/kanri.html">管çä¼ç¤¾ãµãã¼ãäºæ¥</a></li> 1068 <li> 1069 <a href="/interior.html">ã¤ã³ããªã¢ã»ãã¼ã¿ã«ãµãã¼ãäºæ¥</a> 1070 </li> 1071 </ul> 1072 </div> 1073 <div class="footer__col"> 1074 <h5>伿¥æ å ±</h5> 1075 <ul> 1076 <li><a href="/info.html">伿¥æ å ±ããã</a></li> 1077 <li><a href="/message.html">ä»£è¡¨æ¨æ¶</a></li> 1078 <li><a href="/philosophy.html">çµå¶ç念</a></li> 1079 <li><a href="/history.html">沿é©</a></li> 1080 <li><a href="/sustainability.html">ãµã¹ããããªãã£</a></li> 1081 <li><a href="/profile.html">ä¼ç¤¾æ¦è¦</a></li> 1082 <li><a href="/organization.html">çµç¹å³</a></li> 1083 <!--<li><a href="/brand-assets.html">ãã´ãã¼ã¿ãã¦ã³ãã¼ã</a></li>--> 1084 </ul> 1085 </div> 1086 <div class="footer__col"> 1087 <h5>æ¡ç¨æ å ±</h5> 1088 <ul> 1089 <li><a href="/recruit/index.html" target="_blank" rel="noopener">æ°åã»ç¬¬äºæ°åæ¡ç¨</a></li> 1090 <li><a href="/career.html">ãã£ãªã¢æ¡ç¨</a></li> 1091 <li><a href="/partner/" target="_blank" rel="noopener">ãã¼ããã¼æ¡ç¨</a></li> 1092 </ul> 1093 </div> 1094 <div class="footer__col"> 1095 <h5>IRæ å ±</h5> 1096 <ul> 1097 <li><a href="/ir.html">IR ããã</a></li> 1098 <li><a href="/ir-message.html">æè³å®¶ã®çæ§ã¸</a></li> 1099 <li><a href="/ir-list.html">IRæ å ±ä¸è¦§</a></li> 1100 <li><a href="/ir-financial-condition.html">財åã»æ¥ç¸¾æ å ±</a></li> 1101 <li><a href="/ir-shareholder-stock.html">æ ªä¸»ã»æ ªå¼æ å ±</a></li> 1102 <li><a href="/ir-library.html">IRè³æå®¤</a></li> 1103 <li><a href="/ir-calendar.html">IRã«ã¬ã³ãã¼</a></li> 1104 <li><a href="/ir-electronic-public-notice.html">é»åå ¬å</a></li> 1105 </ul> 1106 </div> 1107 </nav> 1108 </div> 1109 1110 <!-- 䏿®µï¼ããã ãã --> 1111 <div class="footer__bottom"> 1112 <div class="container footer__bottom__inner"> 1113 <ul class="footer__legal"> 1114 <li><a href="/contact.html">ãåãåãã</a></li> 1115 <li><a href="/privacy-policy.html#customer-harassment">ã«ã¹ã¿ãã¼ãã©ã¹ã¡ã³ãã«å¯¾ããæ¹é</a></li> 1116 <li><a href="/security.html">æ å ±ã»ãã¥ãªãã£æ¹é</a></li> 1117 <li><a href="/privacy-policy.html">å人æ å ±ä¿è·æ¹é</a></li> 1118 <li> 1119 <a href="/sns-use-policy.html">ã½ã¼ã·ã£ã«ã¡ãã£ã¢å©ç¨æ¹é</a> 1120 </li> 1121 <li><a href="/sitemap.html">ãµã¤ãããã</a></li> 1122 </ul>
1123 <small class="footer__copy">© 2025 ããããã</small> 1124 </div> 1125 <button class="pagetop" aria-label="ãã¼ã¸ãããã¸"> 1126 <svg 1127 class="pagetop__icon" 1128 xmlns="http://www.w3.org/2000/svg" 1129 viewBox="0 0 24 24"> 1130 <path d="M12 6L4 14h16L12 6z" /> 1131 </svg> 1132 </button> 1133 </div> 1134 </footer> 1135
1135<script src="js/main.js" defer></script>
1135 1136<!-- xj-contents -->
1137<script src="//www.xj-storage.jp/resources/AS81980/jquery-3.7.1.min.js" defer></script>
vendor: 1 bytes, line 1137
1137
1138<script src="//www.xj-storage.jp/resources/AS81980/XjStorageLoaderTopIRNews.js" defer></script>
1138 1139<!-- // xj-contents // --> 1140</body></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.