1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 5<meta charset="UTF-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<title>å¶ä½å®ç¸¾ã®ä¸è¦§ / UGO MOTION / ã¢ã¼ã·ã§ã³ã°ã©ãã£ãã¯ã¹ã®å¶ä½</title> 8<meta name="description" content="UGO MOTIONããããã¾ã§ã«å¶ä½ãã¦ããå¶ä½å®ç¸¾ãä¸è¦§ã¨ãã¦è¡¨ç¤ºãã¦ãããã¼ã¸ã§ããä¸è¦§ã®åé ç®ã¦ã¯ãåç»ã®ç¨éãåç»ã®ã¿ã¤ãã«ãã¯ã©ã¤ã¢ã³ãåãããã¸ã§ã¯ãåãæ å½ããå¶ä½ã®ç¯å²ãªã©ãç´¹ä»ãã¦ãã¾ãã"> 9<link rel="icon" type="image/png" href="https://storage.googleapis.com/production-os-assets/assets/1a1b52ba-b465-4f9a-93da-df0a9ce9527d"> 10<link rel="canonical" href="https://ugomotion.com/works"> 11<meta property="og:url" content="https://ugomotion.com/works"> 12<link rel="apple-touch-icon" type="image/png" href="https://storage.googleapis.com/production-os-assets/assets/1a1b52ba-b465-4f9a-93da-df0a9ce9527d"> 13<meta name="robots" content="all"> 14<meta property="og:site_name" content="UGO MOTION / ã¢ã¼ã·ã§ã³ã°ã©ãã£ãã¯ã¹å¶ä½"> 15<meta property="og:title" content="å¶ä½å®ç¸¾ã®ä¸è¦§ / UGO MOTION / ã¢ã¼ã·ã§ã³ã°ã©ãã£ãã¯ã¹ã®å¶ä½"> 16<meta property="og:image" content="https://storage.googleapis.com/production-os-assets/assets/eae590ff-0489-4920-a54f-93a6e73a16a3"> 17<meta property="og:description" content="UGO MOTIONããããã¾ã§ã«å¶ä½ãã¦ããå¶ä½å®ç¸¾ãä¸è¦§ã¨ãã¦è¡¨ç¤ºãã¦ãããã¼ã¸ã§ããä¸è¦§ã®åé ç®ã¦ã¯ãåç»ã®ç¨éãåç»ã®ã¿ã¤ãã«ãã¯ã©ã¤ã¢ã³ãåãããã¸ã§ã¯ãåãæ å½ããå¶ä½ã®ç¯å²ãªã©ãç´¹ä»ãã¦ãã¾ãã"> 18<meta property="og:type" content="website"> 19<meta property="twitter:card" content="summary_large_image"> 20<meta property="twitter:image" content="https://storage.googleapis.com/production-os-assets/assets/eae590ff-0489-4920-a54f-93a6e73a16a3"> 21<meta name="apple-mobile-web-app-title" content="å¶ä½å®ç¸¾ã®ä¸è¦§ / UGO MOTION / ã¢ã¼ã·ã§ã³ã°ã©ãã£ãã¯ã¹ã®å¶ä½"> 22<meta name="format-detection" content="telephone=no,email=no,address=no"> 23<meta name="chrome" content="nointentdetection"> 24 25 26<meta name="date" content="2026-10-05T18:09:01+00:00"> 27<meta name="generator" content="Studio.Design.HRC"> 28<link rel="preconnect" href="https://storage.googleapis.com" crossorigin /> 29<style> 30/*! * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ 31.fa-solid, .fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} 32@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url(https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/6.4.2/webfonts/fa-solid-900.woff2) format('woff2')} 33@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url(https://storage.googleapis.com/production-os-assets/assets/fontawesome/1629704621943/6.4.2/webfonts/fa-brands-400.woff2) format('woff2')} 34.fa-solid{font-family:'Font Awesome 6 Free'; font-weight:900} 35.fa-brands{font-family:'Font Awesome 6 Brands'; font-weight:400} 36:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Free';--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'} 37</style> 38<style>.fa-diamond:before { content: "\f219"; } .fa-angles-right:before { content: "\f101"; }</style> 39 40<link rel="preconnect" href="https://fonts.studio.design" crossorigin /> 41<link rel="stylesheet" href="https://fonts.studio.design/ts/ot-udshingopr6n-heavy/fonts.css?site=ugomotion.com" /> 42<link rel="stylesheet" href="https://fonts.studio.design/ts/ot-udshingopr6n-regular/fonts.css?site=ugomotion.com" /> 43<style> :root { --s-font-6b8c4842:'UDæ°ã´ H JIS2004';--s-font-7c9e1586:'UDæ°ã´ R JIS2004'; } </style> 44<style> 45html { 46 height: 100%; 47 padding: 0; 48 margin: 0; 49 scroll-behavior: smooth; 50 -webkit-font-smoothing: antialiased; 51} 52 53@media (prefers-reduced-motion: reduce) { 54 html { 55 scroll-behavior: auto; 56 } 57} 58 59body { 60 display: block; 61 62 min-height: 100vh; 63 min-height: 100dvh; 64 background: #fff; 65 font-family: sans-serif; 66 line-height: 1; 67 transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1); 68 padding: 0; 69 margin: 0; 70} 71 72a { 73 background: transparent; 74 color: rgb(51, 51, 51); 75 font-size: 100%; 76 margin: 0; 77 padding: 0; 78 vertical-align: baseline; 79 border: none; 80 text-decoration: none; 81} 82 83button { 84 background: transparent; 85 color: inherit; 86 font-size: 100%; 87 margin: 0; 88 padding: 0; 89 vertical-align: baseline; 90 border: none; 91} 92 93button { 94 pointer-events: all; 95 cursor: pointer; 96 user-select: none; 97} 98 99hr { 100 border: 0; 101 border-top: 1px solid #ccc; 102 display: block; 103 height: 1px; 104 margin: 1em 0; 105 padding: 0; 106} 107 108h1, h2, h3, h4, h5, h6 { 109 color: rgb(51, 51, 51); 110 line-height: 1; 111} 112 113.img, 114.box, 115.text, 116.frame, 117.section, 118.section-inner, 119.input, 120.toggle, 121.icon, 122.video, 123.video-container { 124 border: 0; 125 box-sizing: border-box; 126 max-width: 100%; 127 z-index: 0; 128 position: relative; 129 margin: 0; 130 padding: 0; 131 flex: none; 132} 133 134.img { 135 height: auto; 136} 137 138.img, 139.box, 140.text, 141.frame, 142.section, 143.section-inner, 144.toggle, 145.icon, 146.video-container { 147 transition: all 0.3s cubic-bezier(0.4, 0.4, 0, 1); 148 transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11; 149 list-style: none; 150 margin: 0; 151 padding: 0; 152 text-decoration: none; 153 align-content: center; 154} 155 156.input, 157.select { 158 159 font-family: inherit !important; 160 font-size: inherit; 161 font-style: inherit; 162 font-weight: inherit; 163 letter-spacing: inherit; 164 line-height: inherit; 165} 166 167:where(textarea.input) { 168 resize: vertical; 169} 170 171input[type="email"], 172input[type="tel"], 173input[type="text"], 174select, 175textarea { 176 -webkit-appearance: none; 177} 178 179.input, 180.richText * { 181 transition: all 0.3s cubic-bezier(0.4, 0.4, 0, 1); 182 transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11; 183 list-style: none; 184 margin: 0; 185 padding: 0; 186 text-decoration: none; 187 align-content: normal; 188 z-index: 0; 189} 190 191.input:where(textarea) { 192 transition-property: background, border, border-radius, box-shadow, color, filter, opacity, outline, transform, translate, scale, rotate, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11; 193} 194 195.richText s, 196.richText del, 197.richText u { 198 text-decoration: revert; 199} 200 201.box, 202.frame, 203.section, 204.toggle, 205.video-container { 206 display: flex; 207 flex-direction: column; 208 align-items: center; 209} 210 211.img, 212.text, 213.icon { 214 align-items: center; 215 display: flex; 216 flex-direction: row; 217 justify-content: center;
218 overflow-wrap: anywhere; 219 word-break: break-word; 220 z-index: 0; 221} 222 223.box::-webkit-scrollbar { 224 display: none; 225} 226 227:where(table.studio-table).box { 228 display: table; 229 230 max-width: none; 231 min-width: max-content; 232 flex-direction: unset; 233 align-items: unset; 234 align-content: unset; 235} 236 237:where(table.box) { 238 border-collapse: collapse; 239 border-spacing: 0; 240} 241:where(thead).box { 242 display: table-header-group; 243} 244:where(tbody).box { 245 display: table-row-group; 246} 247:where(tr).box { 248 display: table-row; 249} 250:where(th).box, 251:where(td).box { 252 display: table-cell; 253} 254 255:where(th.box, td.box) { 256 text-align: left; 257 vertical-align: middle; 258 height: inherit; 259} 260:where(colgroup).box { 261 display: table-column-group; 262} 263:where(col).box { 264 display: table-column; 265} 266 267.richText { 268 display: block; 269 270 flex-direction: column; 271 flex: none; 272 273 position: relative; 274 z-index: 0; 275 word-break: break-word; 276 -webkit-font-smoothing: antialiased; 277 box-sizing: border-box; 278 line-height: 1; 279 280* { 281 border: 0; 282 list-style: none; 283 margin: 0; 284 padding: 0; 285 text-decoration: none; 286 -webkit-font-smoothing: antialiased; 287 -webkit-backface-visibility: hidden; 288 box-sizing: border-box; 289 word-spacing: 1px; 290 291 backface-visibility: visible; 292 color: inherit; 293 font-family: inherit; 294 font-size: inherit; 295 font-style: inherit; 296 font-weight: inherit; 297 letter-spacing: inherit; 298 line-height: inherit; 299 text-align: inherit; 300 } 301 h1 { 302 font-size: 3em; 303 font-weight: 700; 304 margin: 20px 0; 305 } 306 307 h2, 308 h3 { 309 font-weight: 700; 310 margin: 10px 0; 311 } 312 h2 { 313 font-size: 2em; 314 } 315 h3 { 316 font-size: 1em; 317 } 318 h4, 319 h5, 320 h6 { 321 display: block; 322 font-size: 1em; 323 margin: 10px 0; 324 } 325 h4, 326 h5 { 327 font-weight: 600; 328 } 329 h6 { 330 font-weight: 500; 331 } 332p { 333 margin: 10px 0; 334 } 335> p { 336 min-height: 1em; 337 } 338 339 hr { 340 border-top: 1px solid #ccc; 341 margin: 10px 0; 342 } 343 344 em { 345 font-style: italic; 346 } 347 348> blockquote { 349 border-left: 3px solid rgba(0, 0, 0, 0.15); 350 font-style: italic; 351 margin: 10px 0; 352 padding: 10px 15px; 353 } 354 355 strong { 356 color: inherit; 357 display: inline; 358 font-family: inherit; 359 font-weight: 900; 360 } 361 362> [data-type="table_of_contents"] { 363 line-height: 1; 364 list-style: none; 365 padding: 24px 24px 8px; 366 margin: 0; 367 border-radius: 2px; 368 font-size: 16px; 369 background-color: #f5f5f5; 370 text-decoration: underline; 371 color: #616161; 372 373 .toc_list { 374 margin: 0; 375 padding: 0; 376 } 377 378 .toc_item { 379 font-size: inherit; 380 font-weight: inherit; 381 color: currentColor; 382 list-style: none; 383 margin: 0 0 16px 0; 384 385 padding-left: 2rem; 386 387 &.toc_item--1 { 388 margin: 0 0 16px 0; 389 390 padding-left: 0; 391 } 392 &.toc_item--2 { 393 margin: 0 0 16px 0; 394 padding-left: 2rem; 395 } 396 &.toc_item--3 { 397 margin: 0 0 16px 0; 398 padding-left: 4rem; 399 } 400 401 > a { 402 font-size: inherit; 403 font-weight: inherit; 404 color: currentColor; 405 border: none; 406 text-decoration: none; 407 } 408 } 409 } 410 411> [data-type="table"] { 412 overflow-x: auto; 413 p { 414 white-space: pre-line; 415 word-break: break-all; 416 } 417 } 418 table { 419 table-layout: auto; 420 border-collapse: collapse; 421 border-spacing: unset; 422 margin: 10px 0 10px 0; 423 font-size: 14px; 424 border: 1px solid #f2f2f2; 425 color: #1a1a1a; 426 line-height: 1.4; 427 } 428 th { 429 background: rgba(245, 245, 245, 0.5); 430 } 431 th, 432 td { 433 min-width: 100px; 434 max-width: 240px; 435 border: 1px solid #f2f2f2; 436 padding: 12px; 437 438 p { 439 margin: 0; 440 } 441 } 442 443p > code { 444 background: #eee; 445 border: 1px solid rgba(0, 0, 0, 0.1); 446 border-radius: 6px; 447 display: inline; 448 margin: 2px; 449 padding: 0 5px; 450 } 451 ol { 452 margin: 0 0 0 20px; 453 padding: 0; 454 list-style: none; 455 li { 456 list-style: decimal; 457 margin: 10px 0; 458 } 459 } 460 461 ul { 462 margin: 0 0 0 20px; 463 padding: 0; 464 list-style: none; 465 li { 466 list-style: disc; 467 margin: 10px 0; 468 } 469 } 470 li > p { 471 margin: 0; 472 } 473 pre { 474 margin: 20px 0 20px 0; 475 padding: 25px 35px 25px 35px; 476 background: #eeeeee; 477 border-radius: 6px; 478 white-space: pre-wrap; 479 font-family: Menlo, Monaco, "Courier New", monospace; 480 481 code { 482 padding: 0; 483 border: none; 484 } 485 } 486 487 img, 488 video { 489 height: auto; 490 max-width: 100%; 491 vertical-align: bottom; 492 } 493 494 a { 495 color: #007cff; 496 display: inline; 497 text-decoration: underline; 498 } 499 500 [data-type="embed_code"] { 501 position: relative; 502 margin: 20px 0; 503 .height-adjuster { 504 position: relative; 505 506 .wrapper { 507 position: relative; 508 } 509 510 .wrapper[style*='padding-top'] { 511 iframe { 512 position: absolute; 513 top: 0; 514 left: 0; 515 width: 100%; 516 height: 100%; 517 } 518 } 519 } 520 } 521} 522 523.section { 524 width: 100%; 525} 526 527.section-inner { 528 position: static; 529} 530 531dialog { 532 border: none; 533 background-color: transparent; 534 padding: 0; 535 margin: 0; 536 width: 100%; 537 height: 100%; 538 position: fixed; 539 max-width: none; 540 max-height: none; 541 box-sizing: border-box; 542 543 overflow: visible; 544 545&[open] { 546 display: flex; 547 } 548 549&::backdrop { 550 background: transparent; 551 } 552} 553 554.modal-container { 555 556 box-sizing: border-box; 557 position: relative; 558 width: 100%; 559 height: 100%; 560 display: flex; 561 flex-direction: column; 562 align-items: center; 563 justify-content: center; 564 pointer-events: none; 565 z-index: 1; 566} 567 568.modal-container > * { 569 pointer-events: auto; 570} 571 572.modal-backdrop { 573 position: absolute; 574 inset: 0; 575 pointer-events: none; 576 z-index: 0; 577} 578 579dialog[open][data-modal-transition-base]:not(.modal-ready) .modal-container * { 580 transition: none !important; 581} 582 583dialog[open][data-modal-transition-base] > .modal-container { 584 opacity: 0; 585 586} 587 588dialog[open][data-modal-transition-base] > .modal-backdrop { 589 opacity: 0; 590} 591 592dialog[open][data-modal-transition-base].modal-ready > .modal-container { 593 opacity: 1; 594 transform: none;
595 transition: opacity 400ms cubic-bezier(.4,.4,0,1), transform 400ms cubic-bezier(.4,.4,0,1); 596} 597 598dialog[open][data-modal-transition-base].modal-ready > .modal-backdrop { 599 opacity: 1; 600 transition: opacity 400ms cubic-bezier(.4,.4,0,1); 601} 602 603dialog[data-modal-transition-base].modal-closing > .modal-container { 604 opacity: 0; 605 transition: opacity 400ms cubic-bezier(.4,.4,0,1), transform 400ms cubic-bezier(.4,.4,0,1); 606} 607 608dialog[data-modal-transition-base].modal-closing > .modal-backdrop { 609 opacity: 0; 610 transition: opacity 400ms cubic-bezier(.4,.4,0,1); 611} 612 613@media (prefers-reduced-motion: reduce) { 614 dialog[open][data-modal-transition-base] > .modal-container, 615 dialog[open][data-modal-transition-base].modal-ready > .modal-container, 616 dialog[data-modal-transition-base].modal-closing > .modal-container { 617 transition: none; 618 opacity: 1; 619 transform: none !important; 620 } 621 622 dialog[open][data-modal-transition-base] > .modal-backdrop, 623 dialog[open][data-modal-transition-base].modal-ready > .modal-backdrop, 624 dialog[data-modal-transition-base].modal-closing > .modal-backdrop { 625 transition: none; 626 opacity: 1; 627 } 628} 629 630.image__bg-container { 631 container-type: size; 632 container-name: image-container; 633 display: block; 634 position: absolute; 635 top: 0; 636 left: 0; 637 width: 100%; 638 height: 100%; 639 pointer-events: none; 640 z-index: -2; 641 border-radius: inherit; 642 transition: inherit; 643} 644 645.image__bg-container::before { 646 content: ''; 647 display: block; 648 position: absolute; 649 top: 0; 650 left: 0; 651 width: 100%; 652 height: 100%; 653 background-image: var(--img-current); 654 background-position: 50%; 655 background-size: cover; 656 border-radius: inherit; 657 transition-duration: inherit; 658 transition-timing-function: inherit; 659 transition-delay: inherit; 660 661 transition-property: 662 filter, backdrop-filter, opacity, color, 663 background-color, background-position, background-size, 664 border, border-color, border-width, border-radius, 665 outline, outline-color, outline-width, outline-offset, 666 box-shadow, text-shadow, transform, transform-origin, 667 width, height, margin, padding, 668 top, left, right, bottom, z-index, gap, 669 letter-spacing, word-spacing, line-height, font-size, font-weight, 670 clip-path; 671} 672 673@media (min-resolution: 1.5dppx) { 674 675 .image--horizontal .image__bg-container::before { 676 --img-current: var(--img-small); 677 } 678 679 @container (aspect-ratio < 1) and (width < 300px) { 680 .image--horizontal .image__bg-container::before { 681 --img-current: var(--img-middle); 682 } 683 } 684 685 @container (aspect-ratio < 0.5) and (width < 300px) { 686 .image--horizontal .image__bg-container::before { 687 --img-current: var(--img-regular); 688 } 689 } 690 691 @container (300px <= width) and (aspect-ratio >= 1) { 692 .image--horizontal .image__bg-container::before { 693 --img-current: var(--img-middle); 694 } 695 } 696 697 @container (300px <= width < 500px) and (aspect-ratio < 1) { 698 .image--horizontal .image__bg-container::before { 699 --img-current: var(--img-regular); 700 } 701 } 702 703 @container (300px <= width < 500px) and (aspect-ratio < 0.5) { 704 .image--horizontal .image__bg-container::before { 705 --img-current: var(--img-origin); 706 } 707 } 708 709 @container (500px <= width) and (aspect-ratio >= 1) { 710 .image--horizontal .image__bg-container::before { 711 --img-current: var(--img-regular); 712 } 713 } 714 715 @container (500px <= width < 901px) and (aspect-ratio < 1) { 716 .image--horizontal .image__bg-container::before { 717 --img-current: var(--img-origin); 718 } 719 } 720 721 @container (901px <= width) { 722 .image--horizontal .image__bg-container::before { 723 --img-current: var(--img-origin); 724 } 725 } 726 727 .image--vertical .image__bg-container::before { 728 --img-current: var(--img-small); 729 } 730 731 @container (aspect-ratio < 0.5) and (width < 300px) { 732 .image--vertical .image__bg-container::before { 733 --img-current: var(--img-middle); 734 } 735 } 736 737 @container (aspect-ratio < 0.25) and (width < 300px) { 738 .image--vertical .image__bg-container::before { 739 --img-current: var(--img-regular); 740 } 741 } 742 743 @container (300px <= width < 500px) and (aspect-ratio >= 0.5) { 744 .image--vertical .image__bg-container::before { 745 --img-current: var(--img-middle); 746 } 747 } 748 749 @container (300px <= width < 500px) and (aspect-ratio < 0.5) { 750 .image--vertical .image__bg-container::before { 751 --img-current: var(--img-regular); 752 } 753 } 754 755 @container (300px <= width < 500px) and (aspect-ratio < 0.25) { 756 .image--vertical .image__bg-container::before {
757 --img-current: var(--img-origin); 758 } 759 } 760 761 @container (500px <= width < 901px) and (aspect-ratio >= 0.5) { 762 .image--vertical .image__bg-container::before { 763 --img-current: var(--img-regular); 764 } 765 } 766 767 @container (500px <= width < 901px) and (aspect-ratio < 0.5) { 768 .image--vertical .image__bg-container::before { 769 --img-current: var(--img-origin); 770 } 771 } 772 773 @container (901px <= width) { 774 .image--vertical .image__bg-container::before { 775 --img-current: var(--img-origin); 776 } 777 } 778} 779 780@media (min-resolution: 1dppx) and (max-resolution: 1.5dppx) { 781 782 .image--horizontal .image__bg-container::before { 783 --img-current: var(--img-small); 784 } 785 786 @container (aspect-ratio < 1) and (width < 400px) { 787 .image--horizontal .image__bg-container::before { 788 --img-current: var(--img-middle); 789 } 790 } 791 792 @container (aspect-ratio < 0.5) and (width < 400px) { 793 .image--horizontal .image__bg-container::before { 794 --img-current: var(--img-regular); 795 } 796 } 797 798 @container (400px <= width) and (aspect-ratio >= 1) { 799 .image--horizontal .image__bg-container::before { 800 --img-current: var(--img-middle); 801 } 802 } 803 804 @container (400px <= width < 667px) and (aspect-ratio < 1) { 805 .image--horizontal .image__bg-container::before { 806 --img-current: var(--img-regular); 807 } 808 } 809 810 @container (400px <= width < 667px) and (aspect-ratio < 0.5) { 811 .image--horizontal .image__bg-container::before { 812 --img-current: var(--img-origin); 813 } 814 } 815 816 @container (667px <= width) and (aspect-ratio >= 1) { 817 .image--horizontal .image__bg-container::before { 818 --img-current: var(--img-regular); 819 } 820 } 821 822 @container (667px <= width < 1201px) and (aspect-ratio < 1) { 823 .image--horizontal .image__bg-container::before { 824 --img-current: var(--img-origin); 825 } 826 } 827 828 @container (1201px <= width) { 829 .image--horizontal .image__bg-container::before { 830 --img-current: var(--img-origin); 831 } 832 } 833 834 .image--vertical .image__bg-container::before { 835 --img-current: var(--img-small); 836 } 837 838 @container (aspect-ratio < 0.5) and (width < 400px) { 839 .image--vertical .image__bg-container::before { 840 --img-current: var(--img-middle); 841 } 842 } 843 844 @container (aspect-ratio < 0.25) and (width < 400px) { 845 .image--vertical .image__bg-container::before { 846 --img-current: var(--img-regular); 847 } 848 } 849 850 @container (400px <= width < 667px) and (aspect-ratio >= 0.5) { 851 .image--vertical .image__bg-container::before { 852 --img-current: var(--img-middle); 853 } 854 } 855 856 @container (400px <= width < 667px) and (aspect-ratio < 0.5) { 857 .image--vertical .image__bg-container::before { 858 --img-current: var(--img-regular); 859 } 860 } 861 862 @container (400px <= width < 667px) and (aspect-ratio < 0.25) { 863 .image--vertical .image__bg-container::before { 864 --img-current: var(--img-origin); 865 } 866 } 867 868 @container (667px <= width < 1201px) and (aspect-ratio >= 0.5) { 869 .image--vertical .image__bg-container::before { 870 --img-current: var(--img-regular); 871 } 872 } 873 874 @container (667px <= width < 1201px) and (aspect-ratio < 0.5) { 875 .image--vertical .image__bg-container::before { 876 --img-current: var(--img-origin); 877 } 878 } 879 880 @container (1201px <= width) { 881 .image--vertical .image__bg-container::before { 882 --img-current: var(--img-origin); 883 } 884 } 885} 886 887@media (max-resolution: 1dppx) { 888 889 .image--horizontal .image__bg-container::before { 890 --img-current: var(--img-small); 891 } 892 893 @container (aspect-ratio < 1) and (width < 600px) { 894 .image--horizontal .image__bg-container::before { 895 --img-current: var(--img-middle); 896 } 897 } 898 899 @container (aspect-ratio < 0.5) and (width < 600px) { 900 .image--horizontal .image__bg-container::before { 901 --img-current: var(--img-regular); 902 } 903 } 904 905 @container (600px <= width) and (aspect-ratio >= 1) { 906 .image--horizontal .image__bg-container::before { 907 --img-current: var(--img-middle); 908 } 909 } 910 911 @container (600px <= width < 1000px) and (aspect-ratio < 1) { 912 .image--horizontal .image__bg-container::before { 913 --img-current: var(--img-regular); 914 } 915 } 916 917 @container (600px <= width < 1000px) and (aspect-ratio < 0.5) { 918 .image--horizontal .image__bg-container::before {
919 --img-current: var(--img-origin); 920 } 921 } 922 923 @container (1000px <= width) and (aspect-ratio >= 1) { 924 .image--horizontal .image__bg-container::before { 925 --img-current: var(--img-regular); 926 } 927 } 928 929 @container (1000px <= width < 1801px) and (aspect-ratio < 1) { 930 .image--horizontal .image__bg-container::before { 931 --img-current: var(--img-origin); 932 } 933 } 934 935 @container (1801px <= width) { 936 .image--horizontal .image__bg-container::before { 937 --img-current: var(--img-origin); 938 } 939 } 940 941 .image--vertical .image__bg-container::before { 942 --img-current: var(--img-small); 943 } 944 945 @container (aspect-ratio < 0.5) and (width < 600px) { 946 .image--vertical .image__bg-container::before { 947 --img-current: var(--img-middle); 948 } 949 } 950 951 @container (aspect-ratio < 0.25) and (width < 600px) { 952 .image--vertical .image__bg-container::before { 953 --img-current: var(--img-regular); 954 } 955 } 956 957 @container (600px <= width < 1000px) and (aspect-ratio >= 0.5) { 958 .image--vertical .image__bg-container::before { 959 --img-current: var(--img-middle); 960 } 961 } 962 963 @container (600px <= width < 1000px) and (aspect-ratio < 0.5) { 964 .image--vertical .image__bg-container::before { 965 --img-current: var(--img-regular); 966 } 967 } 968 969 @container (600px <= width < 1000px) and (aspect-ratio < 0.25) { 970 .image--vertical .image__bg-container::before { 971 --img-current: var(--img-origin); 972 } 973 } 974 975 @container (1000px <= width < 1801px) and (aspect-ratio >= 0.5) { 976 .image--vertical .image__bg-container::before { 977 --img-current: var(--img-regular); 978 } 979 } 980 981 @container (1000px <= width < 1801px) and (aspect-ratio < 0.5) { 982 .image--vertical .image__bg-container::before { 983 --img-current: var(--img-origin); 984 } 985 } 986 987 @container (1801px <= width) { 988 .image--vertical .image__bg-container::before { 989 --img-current: var(--img-origin); 990 } 991 } 992} 993 994.image--shift-1 .image__bg-container::before { 995 --img-current: var(--img-middle); 996} 997 998@container (min-width: 600px) { 999 .image--shift-1 .image__bg-container::before { 1000 --img-current: var(--img-regular); 1001 } 1002} 1003 1004@container (min-width: 1000px) { 1005 .image--shift-1 .image__bg-container::before { 1006 --img-current: var(--img-origin); 1007 } 1008} 1009 1010.image--shift-2 .image__bg-container::before { 1011 --img-current: var(--img-regular); 1012} 1013 1014@container (min-width: 600px) { 1015 .image--shift-2 .image__bg-container::before { 1016 --img-current: var(--img-origin); 1017 } 1018} 1019 1020.text { 1021 1022 -webkit-font-smoothing: antialiased; 1023 position: relative; 1024 line-height: 1; 1025 word-spacing: 1px; 1026 1027} 1028 1029.frame { 1030 display: block; 1031 overflow: hidden; 1032 1033 line-height: 1; 1034 1035} 1036 1037.frame > iframe { 1038 border: none; 1039 width: 100%; 1040 height: 100%; 1041} 1042 1043.file { 1044 box-sizing: border-box; 1045 display: flex; 1046 align-items: center; 1047 flex-direction: row; 1048 word-break: break-word; 1049 overflow-wrap: anywhere; 1050 cursor: pointer; 1051 outline: 2px solid transparent; 1052 outline-offset: -1px; 1053 position: relative; 1054 1055 font-family: inherit !important; 1056} 1057 1058.file:focus-within { 1059 outline-color: rgba(56, 110, 220, 0.5); 1060} 1061 1062.file > input[type='file'] { 1063 opacity: 0; 1064 position: absolute; 1065 pointer-events: none; 1066 inset: 0; 1067 width: 100%; 1068 height: 100%; 1069} 1070 1071.toggle[data-toggle-overlay]:not([open]):not([data-toggle-closing]) > [data-toggle-content] { 1072 display: none; 1073} 1074 1075sd-video { 1076 display: block; 1077 overflow: hidden; 1078 object-fit: contain; 1079} 1080 1081sd-video > video { 1082 display: block; 1083 max-width: 100%; 1084 max-height: 100%; 1085 object-fit: inherit; 1086} 1087 1088div[data-type="video_block"] > sd-video { 1089 display: inline-block; 1090 max-width: 100%; 1091 vertical-align: bottom; 1092} 1093 1094div[data-type="video_block"] > sd-video[data-sd-video-sized] > video { 1095 width: 100%; 1096} 1097 1098.video-container { 1099 user-select: none; 1100} 1101 1102.video-container[data-video-state="paused"] [data-video-label="pause"], 1103.video-container[data-video-state="playing"] [data-video-label="play"] { 1104 display: none; 1105} 1106 1107.video-container[data-video-state="paused"] [data-video-label="play"], 1108.video-container[data-video-state="playing"] [data-video-label="pause"] { 1109 display: inline; 1110} 1111 1112sd-carousel { 1113 display: flex; 1114 flex-direction: column; 1115 align-items: center; 1116} 1117 1118sd-carousel:not([is-playing]) [slot="pause"], 1119sd-carousel[is-playing] [slot="play"] { 1120 display: none !important; 1121} 1122 1123sd-carousel :where([slot="prev"], [slot="next"], [slot="play-toggle"]) { 1124 cursor: pointer; 1125} 1126 1127.sd-1 { 1128 1129 min-height: 100vh; 1130 min-height: 100dvh; 1131 overflow: clip; 1132} 1133 1134@property --g-angle { 1135 syntax: "<angle>"; 1136 inherits: false; 1137 initial-value: 180deg; 1138} 1139@property --g-color-0 { 1140 syntax: "<color>"; 1141 inherits: false; 1142 initial-value: transparent; 1143} 1144@property --g-position-0 { 1145 syntax: "<percentage>"; 1146 inherits: false; 1147 initial-value: 0.01%; 1148} 1149@property --g-color-1 { 1150 syntax: "<color>"; 1151 inherits: false; 1152 initial-value: transparent; 1153} 1154@property --g-position-1 { 1155 syntax: "<percentage>"; 1156 inherits: false; 1157 initial-value: 100%; 1158} 1159@property --g-color-2 { 1160 syntax: "<color>"; 1161 inherits: false; 1162 initial-value: transparent; 1163} 1164@property --g-position-2 { 1165 syntax: "<percentage>"; 1166 inherits: false; 1167 initial-value: 100%; 1168} 1169@property --g-color-3 { 1170 syntax: "<color>"; 1171 inherits: false; 1172 initial-value: transparent; 1173} 1174@property --g-position-3 { 1175 syntax: "<percentage>"; 1176 inherits: false; 1177 initial-value: 100%; 1178} 1179@property --g-color-4 { 1180 syntax: "<color>"; 1181 inherits: false; 1182 initial-value: transparent; 1183} 1184@property --g-position-4 { 1185 syntax: "<percentage>"; 1186 inherits: false; 1187 initial-value: 100%; 1188} 1189@property --g-color-5 { 1190 syntax: "<color>"; 1191 inherits: false; 1192 initial-value: transparent; 1193} 1194@property --g-position-5 { 1195 syntax: "<percentage>"; 1196 inherits: false; 1197 initial-value: 100%; 1198} 1199@property --g-color-6 { 1200 syntax: "<color>"; 1201 inherits: false; 1202 initial-value: transparent; 1203} 1204@property --g-position-6 { 1205 syntax: "<percentage>"; 1206 inherits: false; 1207 initial-value: 100%; 1208} 1209@property --g-color-7 { 1210 syntax: "<color>"; 1211 inherits: false; 1212 initial-value: transparent; 1213} 1214@property --g-position-7 { 1215 syntax: "<percentage>"; 1216 inherits: false; 1217 initial-value: 100%; 1218} 1219@property --g-color-8 { 1220 syntax: "<color>"; 1221 inherits: false; 1222 initial-value: transparent; 1223} 1224@property --g-position-8 { 1225 syntax: "<percentage>"; 1226 inherits: false; 1227 initial-value: 100%; 1228} 1229@property --g-color-9 { 1230 syntax: "<color>"; 1231 inherits: false; 1232 initial-value: transparent; 1233} 1234@property --g-position-9 { 1235 syntax: "<percentage>"; 1236 inherits: false; 1237 initial-value: 100%; 1238} 1239@property --g-color-10 { 1240 syntax: "<color>"; 1241 inherits: false; 1242 initial-value: transparent; 1243} 1244@property --g-position-10 { 1245 syntax: "<percentage>"; 1246 inherits: false; 1247 initial-value: 100%; 1248} 1249@property --g-color-11 { 1250 syntax: "<color>"; 1251 inherits: false; 1252 initial-value: transparent; 1253} 1254@property --g-position-11 { 1255 syntax: "<percentage>"; 1256 inherits: false; 1257 initial-value: 100%; 1258} 1259 1260sd-loop-box { 1261 overflow: hidden !important; 1262} 1263 1264sd-loop-box > .img { 1265 max-width: 100%; 1266 height: auto; 1267} 1268 1269</style>
1270<script>(function(d){if(!location.hash)return;d.style.scrollBehavior="auto";function r(){d.style.scrollBehavior="";removeEventListener("click",r,true);removeEventListener("keydown",r,true);removeEventListener("load",r)}addEventListener("click",r,true);addEventListener("keydown",r,true);addEventListener("load",r)})(document.documentElement)</script>
1270 1271<noscript><style>img[data-sd-img-src]{display:none}</style></noscript> 1272<style>:root { --s-color-25ba8a6d: #ff4500ff; --s-color-44a2e69b: #1a1d26ff; --s-color-ee898a95: #fff300ff; --s-color-dea8b5e3: #a2d6f2ff; --s-color-8c987e88: #f2e2ceff; --s-color-b9afbdd1: #ff6640ff; --s-color-98bc871e: #adafb8ff; --s-color-91b6414f: #ffffffff; --s-color-bba47b89: #f8f8f8ff; }</style> 1273<style>.text.theme-5c896b18{font-family:var(--s-font-6b8c4842);font-size:54px;letter-spacing:0;line-height:1.30}.text.theme-04928c2e{font-family:var(--s-font-7c9e1586);font-size:17px;letter-spacing:0.04em;line-height:1.75}.text.theme-9584f349{font-family:var(--s-font-7c9e1586);font-size:17px;letter-spacing:0.04em;line-height:1.50}.text.theme-f88c2a9b{font-family:var(--s-font-7c9e1586);font-size:12px;letter-spacing:0;line-height:1.50}.text.theme-27a6077a{font-family:var(--s-font-7c9e1586);font-size:20px;letter-spacing:0.04em;line-height:1.5}.text.theme-ef9cef32{font-family:var(--s-font-6b8c4842);font-size:45px;font-weight:400;letter-spacing:0;line-height:1.30}.text.theme-2097bf8e{font-family:var(--s-font-6b8c4842);font-size:36px;font-weight:400;letter-spacing:0;line-height:1.30}.text.theme-8f8be537{font-family:var(--s-font-6b8c4842);font-size:21px;font-weight:400;letter-spacing:0;line-height:1.30}.text.theme-f78f3bfd{font-family:var(--s-font-7c9e1586);font-size:24px;letter-spacing:0.04em;line-height:1.5}.text.theme-fc963fd7{font-family:var(--s-font-6b8c4842);font-size:15px;font-weight:400;letter-spacing:0;line-height:1.30}</style> 1274<style media="(max-width: 768px)">.text.theme-5c896b18{font-size:45px}.text.theme-04928c2e{font-size:16px}.text.theme-9584f349{font-size:16px}.text.theme-f88c2a9b{font-size:11px}.text.theme-27a6077a{font-size:19px}.text.theme-ef9cef32{font-size:36px}.text.theme-2097bf8e{font-size:33px}.text.theme-f78f3bfd{font-size:23px}</style> 1275<style media="(max-width: 480px)">.text.theme-5c896b18{font-size:28px}.text.theme-04928c2e{font-size:15px}.text.theme-9584f349{font-size:15px}.text.theme-f88c2a9b{font-size:10px}.text.theme-27a6077a{font-size:18px}.text.theme-ef9cef32{font-size:24px}.text.theme-2097bf8e{font-size:24px}.text.theme-f78f3bfd{font-size:22px}</style> 1276<style>body{background:var(--s-color-91b6414f)}.sd-3 > *{--gap-h:80px;--gap-v:0px}.sd-4 > *{--gap-h:0px;--gap-v:0px}.list-1__item__sd-1:hover{color:var(--s-color-25ba8a6d);font-size:18px;scale:1.2 1.2;transition-duration:200ms;transition-timing-function:ease-in-out;--ha:1}.list-2 > *{--gap-h:24px;--gap-v:24px}.list-2__item > *{--gap-h:0px;--gap-v:0px}.list-2__item__sd-2 > *{--gap-h:0px;--gap-v:0px}.list-2__item__sd-5 > *{--gap-h:8px;--gap-v:0px}.list-2__item__sd-8 > *{--gap-h:8px;--gap-v:0px}.list-3 > *{--gap-h:12px;--gap-v:12px}.list-3__item > *{--gap-h:0px;--gap-v:10px}.list-4 > *{--gap-h:24px;--gap-v:24px}.list-4__item > *{--gap-h:0px;--gap-v:0px}.list-4__item__sd-2 > *{--gap-h:0px;--gap-v:8px}.symbol-2__sd-3 > *{--gap-h:0px;--gap-v:60px}.symbol-2__sd-4 > *{--gap-h:20px;--gap-v:0px}.symbol-2__sd-7 > *{--gap-h:0px;--gap-v:6px}.symbol-2__sd-8:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);--ha:1}.symbol-2__sd-8 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-8:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);--ha:1}.symbol-2__sd-11 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);--ha:1}.symbol-2__sd-14 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);--ha:1}.symbol-2__sd-17 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);--ha:1}.symbol-2__sd-20 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23:hover{border-bottom:1px solid var(--s-color-91b6414f);border-left:0px solid var(--s-color-91b6414f);border-right:0px solid var(--s-color-91b6414f);border-top:0px solid var(--s-color-91b6414f);flex:none;height:16px;--ha:1}.symbol-2__sd-23 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-26 > *{--gap-h:0px;--gap-v:0px}.symbol-2__sd-27 > *{--gap-h:0px;--gap-v:0px}.symbol-2__sd-29:hover{background:var(--s-color-91b6414f);--ha:1}.symbol-2__sd-29 > *{--gap-h:0px;--gap-v:0px}.symbol-2__sd-29:hover > *{--gap-h:0px;--gap-v:0px}
1276.symbol-2__sd-29:hover .symbol-2__sd-30{color:var(--s-color-44a2e69b)}.sd-1,.sd-6{background:var(--s-color-91b6414f)}.sd-2,.list-3__item,.list-4__item__sd-2,.symbol-2__sd-1,.symbol-2__sd-4{background:transparent}.sd-3,.sd-15{background:var(--s-color-25ba8a6d)}.sd-4{background:#f0f0f000}.symbol-1__sd-1{background:#eeeeee00}.list-1__item{background:rgb(255, 255, 255)}._p3{background:#FFFFFF}.list-4__item{background:var(--s-color-bba47b89)}.symbol-2{background:var(--s-color-44a2e69b)}.sd-1,.list-4,.list-4__item__sd-1{border-radius:0}.sd-4{border-radius:0px}.list-1__item{border-bottom:1px solid var(--s-color-44a2e69b);border-left:1px solid var(--s-color-44a2e69b);border-radius:80px;border-right:1px solid var(--s-color-44a2e69b);border-top:1px solid var(--s-color-44a2e69b)}.list-2__item{border-bottom:1px solid var(--s-color-44a2e69b);border-left:1px solid var(--s-color-44a2e69b);border-radius:12px;border-right:1px solid var(--s-color-44a2e69b);border-top:1px solid var(--s-color-44a2e69b)}.list-2__item__sd-1{border-radius:11px 11px 0px 0px}.list-3__item{border-bottom:1px solid var(--s-color-44a2e69b);border-left:1px solid var(--s-color-44a2e69b);border-radius:20px;border-right:1px solid var(--s-color-44a2e69b);border-top:1px solid var(--s-color-44a2e69b)}.sd-15{border-radius:120px}.list-4__item{border-bottom:1px solid var(--s-color-98bc871e);border-left:1px solid var(--s-color-98bc871e);border-radius:12px;border-right:1px solid var(--s-color-98bc871e);border-top:1px solid var(--s-color-98bc871e)}.symbol-2__sd-29{border-bottom:1px solid var(--s-color-91b6414f);border-left:1px solid var(--s-color-91b6414f);border-radius:33px;border-right:1px solid var(--s-color-91b6414f);border-top:1px solid var(--s-color-91b6414f)}.sd-1{height:100%;width:100%;max-width:100%}.sd-2,.sd-6,.sd-8,.sd-11,.sd-13,.list-2__item__sd-1,.sd-14,.sd-18,.list-4__item__sd-1,.symbol-2,.symbol-2__sd-2,.symbol-2__sd-4{height:auto;width:100%;max-width:100%}.sd-3{height:70px;width:100%;max-width:100%}.sd-4{height:70px;width:360px;max-width:100%}.sd-5{height:30px;width:300px;max-width:100%}.symbol-1__sd-1{height:100px;width:1280px;max-width:100%}.list-1__item{max-width:calc(100% - 32px)}._p6{height:auto;width:auto;max-width:100%}._p7{width:1280px;max-width:100%}.list-2__item,.list-4__item{width:calc(50% - (var(--gap-h) * 0.5));max-width:calc(50% - (var(--gap-h) * 0.5))}.list-2__item__sd-2,.list-3__item__sd-1{width:auto;max-width:100%}.list-2__item__sd-4{height:auto}.list-4__item__sd-2{height:auto;width:auto;max-width:100%;min-width:0}.symbol-2__sd-5{height:auto;width:calc(33% - (var(--gap-h) * 0.67));max-width:calc(33% - (var(--gap-h) * 0.67))}.symbol-2__sd-6{height:28px;width:280px;max-width:100%}.symbol-2__sd-7{width:calc(59% - (var(--gap-h) * 0.41));max-width:calc(59% - (var(--gap-h) * 0.41))}._pa{height:16px;width:auto;max-width:100%}.symbol-2__sd-26{width:100%;max-width:100%}.sd-1{margin:0}.symbol-1__sd-1{margin:0px}.list-1__item{margin:0px 16px}.sd-15{margin:30px 0px}._pb{opacity:1}._pc{padding:0}.sd-4{padding:12px}._pd{padding:0px}.symbol-1__sd-1{padding:20px 40px}.list-1__item{padding:10px 40px}.sd-9{padding:80px 40px 60px}.list-2{padding:0px 40px 200px}.list-2__item__sd-2,.list-4__item__sd-2{padding:40px 50px 50px}.list-2__item__sd-3{padding:0px 0px 5px}.list-2__item__sd-4{padding:0px 0px 15px}.list-2__item__sd-8{padding:0px 0px 18px}.list-3__item{padding:3px 24px}.sd-15{padding:20px 60px}.sd-16{padding:0px 0px 2px}.list-4{padding:0px 40px 160px}.symbol-2__sd-3{padding:60px 40px 30px}.symbol-2__sd-7{padding:6px 0px 0px}.symbol-2__sd-29{padding:10px 24px}.sd-3{flex:none;flex-direction:row}.sd-4,.sd-9,.list-2__item,.sd-14,.list-4__item,.symbol-2__sd-5,.symbol-2__sd-7{flex:none;flex-direction:column;flex-wrap:nowrap}.sd-5,.sd-11,.list-2__item__sd-4,.list-4__item__sd-3,.list-4__item__sd-4,.symbol-2__sd-6{flex:none}.symbol-1,.list-3__item{flex-wrap:nowrap}._pi{flex:none;flex-direction:row;flex-wrap:nowrap}.list-1,.list-2__item__sd-5,.list-2__item__sd-8,.sd-15,.symbol-2__sd-4,.symbol-2__sd-27,.symbol-2__sd-29{flex-direction:row;flex-wrap:nowrap}.list-1__item{flex-direction:column;flex-wrap:nowrap}._pk{flex:none;flex-direction:row;flex-wrap:wrap}.list-3{flex-direction:row;flex-wrap:wrap}.list-4__item__sd-2{flex:1;flex-direction:column;flex-wrap:nowrap}.symbol-2__sd-3{flex:none;flex-wrap:nowrap}.sd-3{gap:80px}.sd-4{gap:0px 0px}.list-2{gap:24px 24px}.list-2__item,.list-2__item__sd-2,.list-4__item{gap:0px}.list-2__item__sd-5,.list-2__item__sd-8,.list-4__item__sd-2{gap:8px}.list-3{gap:12px 12px}.list-3__item{gap:10px}.list-4{gap:24px}._pn{gap:60px 0px}.symbol-2__sd-4{gap:0px 20px}.symbol-2__sd-7{gap:6px 20px}._pa{gap:0px 10px}._po{align-content:center;align-items:center;justify-content:center}.list-1__item__sd-1,.sd-10,.list-2__item__sd-4,.list-2__item__sd-7,.list-2__item__sd-10,.list-3__item__sd-1,.list-4__item__sd-3,.list-4__item__sd-4,.symbol-2__sd-9,.symbol-2__sd-12,.symbol-2__sd-15,.symbol-2__sd-18,.symbol-2__sd-21,.symbol-2__sd-24,.symbol-2__sd-28,.symbol-2__sd-30{justify-content:flex-start}._pq{align-content:center;align-items:center;justify-content:flex-start}._pr{justify-content:center}.list-2,.list-2__item,.list-4{align-content:stretch;align-items:stretch;justify-content:flex-start}.list-2__item__sd-2,.list-4__item__sd-2,.symbol-2__sd-3,.symbol-2__sd-5{align-content:flex-start;align-items:flex-start;justify-content:flex-start}.list-3{align-content:flex-start;align-items:flex-start}.list-3__item,.symbol-2__sd-4,.symbol-2__sd-7,.symbol-2__sd-27,.symbol-2__sd-29{align-content:flex-start;align-items:flex-start;justify-content:space-between}.symbol-2__sd-26{align-content:center;align-items:center;justify-content:space-between}.list-1{overflow-x:visible;overflow-y:visible}.list-4__item{overflow-x:hidden;overflow-y:hidden}.list-1__item__sd-1,.sd-10,.sd-11,.list-2__item__sd-3,.list-2__item__sd-4,.list-2__item__sd-7,.list-2__item__sd-10,.list-3__item__sd-1,.list-4__item__sd-3,.list-4__item__sd-4{color:var(--s-color-44a2e69b)}.list-2__item__sd-6,.list-2__item__sd-9{color:var(--s-color-25ba8a6d)}.sd-15{color:#333}._px{color:var(--s-color-91b6414f)}.list-1__item__sd-1{font-family:var(--s-font-6b8c4842);font-size:18px;font-weight:700;letter-spacing:0.05em;line-height:1.4}.sd-10,.list-4__item__sd-4{font-feature-settings:'palt' 1;font-style:normal;font-weight:400}.sd-11{font-feature-settings:'palt' 1;font-style:normal}.list-2__item__sd-3,.list-2__item__sd-7,.list-2__item__sd-10,.list-3__item__sd-1,.symbol-2__sd-9,.symbol-2__sd-12,.symbol-2__sd-15,.symbol-2__sd-18,.symbol-2__sd-21,.symbol-2__sd-24,.symbol-2__sd-28,.symbol-2__sd-30{font-weight:400}.list-2__item__sd-6,.list-2__item__sd-9{font-size:12px}.sd-15{font-family:var(--s-font-6b8c4842);font-size:15px;font-weight:400;letter-spacing:0em;line-height:1.4}.list-4__item__sd-3{font-feature-settings:normal}._p11{font-size:14px}.list-1__item__sd-1,.sd-10,.list-2__item__sd-4,.list-2__item__sd-7,.list-2__item__sd-10,.list-3__item__sd-1,.sd-15,.list-4__item__sd-3,.list-4__item__sd-4,.symbol-2__sd-9,.symbol-2__sd-12,.symbol-2__sd-15,.symbol-2__sd-18,.symbol-2__sd-21,.symbol-2__sd-24,.symbol-2__sd-28,.symbol-2__sd-30{text-align:left}.sd-11,.sd-16{text-align:center}.sd-15{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2)}</style> 1277<style media="(max-width: 768px)">.list-2 > *{--gap-h:20px;--gap-v:20px}.list-2__item > *{--gap-h:0px;--gap-v:0px}.list-2__item__sd-2 > *{--gap-h:0px;--gap-v:0px}.list-4 > *{--gap-h:20px;--gap-v:20px}.list-4__item > *{--gap-h:0px;--gap-v:0px}.list-4__item__sd-2 > *{--gap-h:0px;--gap-v:4px}.symbol-2__sd-4 > *{--gap-h:0px;--gap-v:20px}.symbol-2__sd-7 > *{--gap-h:0px;--gap-v:3px}.symbol-2__sd-8 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-8:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23:hover > *{--gap-h:10px;--gap-v:0px}.symbol-1__sd-1{height:auto;width:100%;max-width:100%}.list-1__item{max-width:calc(100% - 20px)}.list-2__item{width:calc(50% - (var(--gap-h) * 0.5));max-width:calc(50% - (var(--gap-h) * 0.5))}._p14{width:100%;max-width:100%}.symbol-1__sd-1{padding:20px}.list-1__item{padding:10px 30px}.sd-9{padding:60px 60px 40px}.list-2{padding:0px 60px 160px}.list-2__item__sd-2,.list-4__item__sd-2{padding:20px 30px 30px}.list-4{padding:0px 60px 120px}.list-1{align-content:center;align-items:center;justify-content:flex-start}.list-1{overflow-x:auto;overflow-y:hidden}.list-1__item{margin:0px 10px}.sd-11{font-size:48px}._p16{gap:20px 20px}.list-4__item__sd-2{gap:4px}.symbol-2__sd-7{gap:3px 20px}.list-2__item,.list-4__item{border-radius:9px}.list-2__item__sd-1{border-radius:8px 8px 0px 0px}.list-2__item,.list-4,.symbol-2__sd-5,.symbol-2__sd-7{flex:none}.symbol-2__sd-4{flex-direction:column;flex-wrap:nowrap}._pa{flex-direction:row;flex-wrap:wrap}</style> 1278<style media="(max-width: 480px)">.list-2 > *{--gap-h:24px;--gap-v:24px}.list-2__item > *{--gap-h:0px;--gap-v:0px}.list-4 > *{--gap-h:24px;--gap-v:24px}.list-4__item > *{--gap-h:0px;--gap-v:0px}.symbol-2__sd-3 > *{--gap-h:0px;--gap-v:60px}.symbol-2__sd-7 > *{--gap-h:0px;--gap-v:6px}.symbol-2__sd-8 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-8:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-11:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-14:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-17:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-20:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23 > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-23:hover > *{--gap-h:10px;--gap-v:0px}.symbol-2__sd-26 > *{--gap-h:0px;--gap-v:20px}.symbol-1__sd-1{padding:20px 0px}.list-1__item{padding:8px 20px}.sd-9{padding:60px 30px 40px}.list-2{padding:0px 30px 160px}.list-4{padding:0px 30px 120px}.symbol-2__sd-3{padding:60px 30px 30px}.list-1{justify-content:flex-start}.symbol-2__sd-26{align-content:flex-end;align-items:flex-end}.list-1{overflow-x:auto;overflow-y:hidden}.list-1__item{margin:0px 0px 0px 10px}
1278.list-1__item{max-width:calc(100% - 10px)}.list-2__item,.list-4__item{width:100%;max-width:100%}._pa{height:auto}.list-1__item__sd-1{font-size:16px}.sd-10{font-size:11px}.list-2__item{flex:none}.list-4__item{flex:none;flex-direction:column;flex-wrap:nowrap}.symbol-2__sd-20{flex-direction:row;flex-wrap:wrap}.symbol-2__sd-26{flex-direction:column;flex-wrap:nowrap}.symbol-2__sd-7{gap:6px 20px}.symbol-2__sd-26{gap:20px 0px}</style> 1279 1280
1281<script> 1282(()=>{function fe(e){let t=!1;for(let i of e.querySelectorAll("dialog[id]")){let n=document.getElementById(i.id);if(n&&n!==i){i.remove();continue}if(i.parentElement!==document.body)document.body.appendChild(i),t=!0}if(t)window.modal?.()}function pe(e){return e.filter((t)=>!(t instanceof HTMLDialogElement)&&t.isConnected)}function j(e){let t=window.Ts;if(typeof t?.loadFont!=="function")return;requestAnimationFrame(()=>{if(!e.isConnected)return;try{t.loadFont()}catch(i){console.warn("[typesquare] font reload failed",{error:i})}})}var G=new WeakMap,ge=new Set,Oe=(e)=>{let t=G.get(e);if(t===void 0)return;if(G.delete(e),ge.delete(e),t.trailingPending)j(e)};if(typeof document<"u")document.addEventListener("visibilitychange",()=>{if(document.visibilityState!=="visible")return;for(let e of Array.from(ge)){let t=G.get(e);if(t===void 0)continue;clearTimeout(t.timer),Oe(e)}});var ke=(e,t)=>{if(!t.contains(e))return null;let i=e;while(i.parentElement&&i.parentElement!==t)i=i.parentElement;return i},Ne=["uuid","page","scopeId","cmsContentId"],Re="__sd_",Pe=(e,t,i,n)=>{let s=e.replace(/\/+$/,""),l=(t.startsWith("?")?t.slice(1):t).split("&").filter((u)=>u!=="").filter((u)=>{let _=u.indexOf("="),L=_===-1?u:u.slice(0,_),E=De(L);return!Ne.includes(E)&&!E.startsWith(Re)}),d=`uuid=${encodeURIComponent(i)}&page=${encodeURIComponent(String(n))}`,h=l.length>0?`${l.join("&")}&${d}`:d;return`${s}/__load-more__?${h}`},De=(e)=>{try{return decodeURIComponent(e.replace(/\+/g," "))}catch{return e}},Fe=(e)=>{let t=e.dataset.page??"2",i=Number(t);return Number.isFinite(i)?i:2},We=(e)=>{try{let t=JSON.parse(e.dataset.initialMethods||"[]");if(!Array.isArray(t))return console.error("[loadMore] Invalid initial-methods JSON",{value:e.dataset.initialMethods}),[];return t.filter((i)=>typeof i==="string")}catch{return console.error("[loadMore] Invalid initial-methods JSON",{value:e.dataset.initialMethods}),[]}};async function $e(e,t){try{let i=await fetch(e,{signal:AbortSignal.timeout(30000)});if(!i.ok)return console.error("[loadMore] HTTP error",{status:i.status,listUuid:t}),null;return await i.text()}catch(i){return console.error("[loadMore] Network error",{error:i,listUuid:t}),null}}function Ue(e,t){let i=t?.getAttribute("data-next-initial-methods");if(!i)return;try{let n=JSON.parse(i);if(Array.isArray(n)&&n.length>0)e.dataset.initialMethods=i}catch{console.error("[loadMore] Invalid next-initial-methods JSON",{value:i})}}function Be(e){for(let t of We(e)){if(t==="loadMore")continue;let i=window[t];if(typeof i==="function")try{i()}catch{}}}var qe=["a[href]","button:not([disabled])","input:not([disabled]):not([type='hidden'])","select:not([disabled])","textarea:not([disabled])","[tabindex]:not([tabindex='-1'])","audio[controls]","video[controls]","[contenteditable='true']"].join(",");function Ve(e){return e.matches(qe)}function Ge(e){if(!Ve(e)&&!e.hasAttribute("tabindex"))e.setAttribute("tabindex","-1");e.focus({preventScroll:!0})}function je(e,t){for(let i of t){if(!(i instanceof HTMLElement))continue;let n=i.matches("[data-load-more-trigger]")?[i,...i.querySelectorAll("[data-load-more-trigger]")]:[...i.querySelectorAll("[data-load-more-trigger]")];for(let s of n)if(s.closest("[data-load-more]")===e)return s}return null}var _e="sd-load-more-announcer";function Ke(){let e=document.getElementById(_e);if(e)return e;let t=document.createElement("div");return t.id=_e,t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px;",document.body.appendChild(t),t}function Qe(){return document.documentElement.lang.toLowerCase().startsWith("ja")?"ã³ã³ãã³ããèªã¿è¾¼ã¿ã¾ãã":"Content loaded"}function Ye(){let e=Ke();e.textContent="",requestAnimationFrame(()=>{e.textContent=Qe()})}async function Je(e,t){let i=ke(t,e);if(!i){console.error("[loadMore] Trigger element is not a descendant of this container",{trigger:t,listUuid:e.dataset.listUuid});return}if(e.dataset.loadMoreLoading==="true")return;e.dataset.loadMoreLoading="true",e.setAttribute("aria-busy","true");try{let n=e.dataset.listUuid||"",s=Fe(e),o=e.dataset.scopeId,l=t.getAttribute("data-next-cms-content-id")??e.dataset.cmsContentId,d=t.getAttribute("data-next-offset")??e.dataset.nextOffset,h=Pe(location.pathname,location.search,n,s),u=o?`&scopeId=${encodeURIComponent(o)}`:"",_=l?`&cmsContentId=${encodeURIComponent(l)}`:"",L=d?`&__sd_nextOffset=${encodeURIComponent(d)}`:"",E=await $e(`${h}${u}${_}${L}`,n);if(E===null)return;let T=new DOMParser().parseFromString(E,"text/html");for(let b of Array.from(e.querySelectorAll("style")))document.head.appendChild(b);fe(T.body);let S=pe(Array.from(T.body.children));i.replaceWith(...S),e.dataset.page=String(s+1);let x=je(e,S),p=x?.getAttribute("data-next-cms-content-id")??void 0;if(p)e.dataset.cmsContentId=p;else delete e.dataset.cmsContentId;let v=x?.getAttribute("data-next-offset")??void 0;if(v)e.dataset.nextOffset=v;else delete e.dataset.nextOffset;if(Ue(e,x),Be(e),j(e),S.length>0)Ye();if(x)Ge(x)}finally{delete e.dataset.loadMoreLoading,e.removeAttribute("aria-busy")}}document.addEventListener("click",(e)=>{let t=e.target;if(!(t instanceof Element))return;let i=t.closest("[data-load-more-trigger]");if(!i)return;let n=i.closest("[data-load-more]");if(!n||!(n instanceof HTMLElement))return;Je(n,i)});var K=[{flag:"s",exists:!1,size:600,append:"_small"},{flag:"m",exists:!1,size:1200,append:"_middle"},{flag:"r",exists:!1,size:1800,append:"_regular"}];var Xe=/(_small|_middle|_regular)?\.(jpg|png|gif|svg|webp)([?#].*)?$/i;var Ze=(e,t)=>e.replace(Xe,(i,n,s,o="")=>`${t(s)}${o}`);var ve=(e)=>{let t={width:0,height:0,webp:!1,variations:K.map((s)=>({...s}))},n=(e.split("/").pop()||"").split("_");for(let s of n){let o=s.match(/^s-(\d+)x(\d+)$/);if(o){t.width=parseInt(o[1],10),t.height=parseInt(o[2],10);continue}let l=s.match(/^v-(\w+)$/);if(l){let d=l[1];for(let h of t.variations)h.exists=d.includes(h.flag);continue}if(s==="webp")t.webp=!0}return t},et=(e,t,i,n)=>{if(!e.exists)return!1;let{size:s,size:o}=e;if(t.width<t.height)s=Math.ceil(e.size/t.height*t.width);else if(t.width>t.height)o=Math.ceil(e.size/t.width*t.height);return i<=s&&n<=o},tt=(e,t,i)=>{for(let n of e.variations)if(et(n,e,t,i))return n.append;return""},be=(e,t,i,n,s)=>{let o=tt(e,t,i),l=e.webp&&s;if(!o&&!l)return n;
1282return Ze(n,(d)=>`${o}.${l?"webp":d}`)};function ye(){try{return globalThis.window!==void 0&&globalThis.window===window}catch{return!1}}var R,J=new WeakSet,X="img[data-sd-img-src]",D,F=[],W=new WeakMap,Q,Y=!1,Ie,Ee,Se,C="sd-img-src-updated";var it=async()=>{if(R!==void 0)return R;try{let e=document.createElement("canvas");e.width=1,e.height=1;let t=e.toDataURL("image/webp").startsWith("data:image/webp");return R=t,t}catch{return R=!1,!1}};var nt=(e)=>{let t=e.getAttribute("data-sd-img-src")??"",i=ve(t),n=i.variations.filter((s)=>s.exists).map((s)=>s.flag).join("");return{src:t,width:i.width,height:i.height,variationFlags:n,webp:i.webp}},st=(e)=>{let t=K.map((i)=>({...i,exists:e.variationFlags.includes(i.flag)}));return{width:e.width,height:e.height,webp:e.webp,variations:t}},rt=(e,t,i,n,s)=>be(e,t,i,n,s),ot=(e)=>e.closest("sd-loop-box")!==null,xe=(e)=>e.closest("sd-loop-box .loop-sizer, sd-loop-box .loop-clone, sd-loop-box [data-fill-clone]")!==null,at=(e)=>{let t=e.getBoundingClientRect();if(t.width===0&&t.height===0)return!1;return t.top<window.innerHeight&&t.bottom>0},P=(e,t,i,n,s)=>{let o=e.getBoundingClientRect(),l=window.devicePixelRatio||1,d=o.width*l,h=o.height*l,u=rt(i,d,h,t.src,n);if(e.src!==u){if(s)e.setAttribute("fetchpriority",s);e.src=u,e.dispatchEvent(new CustomEvent(C,{bubbles:!0}))}},lt=(e,t)=>{let i;return()=>{if(i!==void 0)clearTimeout(i);i=setTimeout(e,t)}},dt=()=>{if(Q)return;Q=new MutationObserver((e)=>{let t=new Set,i=!1;for(let n of e){for(let s of n.removedNodes){if(!(s instanceof HTMLElement))continue;let o=s.tagName==="IMG"&&s.hasAttribute("data-sd-img-src")?[s]:Array.from(s.querySelectorAll(X));for(let l of o)if(D?.unobserve(l),J.delete(l),W.has(l))W.delete(l),t.add(l)}if(!i)for(let s of n.addedNodes){if(!(s instanceof HTMLElement))continue;if((s.tagName==="IMG"&&s.hasAttribute("data-sd-img-src")?[s]:Array.from(s.querySelectorAll(X))).some((l)=>!xe(l))){i=!0;break}}}if(t.size>0)F=F.filter((n)=>!t.has(n.img));if(i&&!Y)Y=!0,Ie=requestAnimationFrame(()=>{Y=!1,Ie=void 0,Le()})}),Q.observe(document.body,{childList:!0,subtree:!0})};async function Le(){dt();let e=document.querySelectorAll(X),t=Array.from(e).filter((n)=>!J.has(n)&&!xe(n));if(t.length===0)return;let i=await it();if(!D){D=new IntersectionObserver((o,l)=>{for(let d of o){if(!d.isIntersecting)continue;if(!(d.target instanceof HTMLImageElement))continue;let h=d.target;l.unobserve(h);let u=W.get(h);if(!u)continue;P(h,u.attrs,u.options,i),u.loaded=!0}},{rootMargin:"100%"});let s=lt(()=>{for(let o of F){if(!o.loaded)continue;P(o.img,o.attrs,o.options,i)}},500);Ee=s,Se=s,window.addEventListener("resize",Ee),window.addEventListener("orientationchange",Se)}for(let n of t){let s=nt(n);if(!s.src)continue;J.add(n);let o=st(s),l={img:n,attrs:s,options:o,loaded:!1};if(F.push(l),W.set(n,l),ot(n))P(n,s,o,i),l.loaded=!0;else if(at(n))P(n,s,o,i,"high"),l.loaded=!0;else D.observe(n)}}if(ye())Object.assign(window,{sdImg:Le});var ct=60,A=(e)=>{let t=Array.from(e.querySelectorAll("img"));return e instanceof HTMLImageElement?[e,...t]:t},Z=(e)=>{let t=A(e);for(let i of t)for(let n of Array.from(i.attributes))if(n.name==="data-sd-img"||n.name.startsWith("data-sd-img-"))i.removeAttribute(n.name)},Te=(e,t)=>e.length===t.length&&e.every((i,n)=>i===t[n]),ht=new Set(["NOSCRIPT","SCRIPT","TEMPLATE","STYLE","LINK","META","TITLE","BASE"]),ut=(e)=>({width:e.style.width,height:e.style.height,maxWidth:e.style.maxWidth,maxHeight:e.style.maxHeight}),mt=(e,t)=>{e.style.width=t.width,e.style.height=t.height,e.style.maxWidth=t.maxWidth,e.style.maxHeight=t.maxHeight},ft=(e)=>Array.from(e.children).filter((t)=>!ht.has(t.tagName));class we extends HTMLElement{static get observedAttributes(){return["speed","reverse"]}_direction="horizontal";_baseItems=[];_lastTrackSize=0;_lastGapValue=Number.NaN;_lastBaseItemOffsetSizes=[];_lastNeedsSizeLock=[];_lastFlexDirection="";_authorInlineSizes=new WeakMap;_itemLayoutSizes=new WeakMap;_resizeObserver=null;_mutationObserver=null;_track=null;_cloneContainer=null;_sizer=null;_animation=null;_reducedMotionQuery=null;_layoutPending=!1;_isHoverPaused=!1;_hoverEnterHandler=null;_hoverLeaveHandler=null;_reducedMotionHandler=null;_transitionEndHandler=null;_sdImgSrcUpdatedHandler=null;_imageObservers=[];_imageLoadAbort=null;_isNested=!1;_pendingChildrenObserver=null;connectedCallback(){if(this._isNested=this.parentElement?.closest("sd-loop-box")!==null,this._isNested){this._teardownForNested();return}if(this._addAppearOverrideStyle(),this._detectDirection(),this._lastFlexDirection=getComputedStyle(this).flexDirection,this.children.length===0){this._setupSdImgSrcSync(),this._runRenderWhenChildrenReady();return}this._render(),this._initLoop(),this._setupHoverPause(),this._setupReducedMotion(),this._setupTransitionWatch(),this._setupSdImgSrcSync()}_runRenderWhenChildrenReady(){let e=()=>{if(this._track)return;if(this.children.length===0)return;this._render(),this._initLoop(),this._setupHoverPause(),this._setupReducedMotion(),this._setupTransitionWatch()};requestAnimationFrame(()=>{if(e(),this._track)return;let t=new MutationObserver(()=>{if(e(),this._track)t.disconnect(),this._pendingChildrenObserver=null});this._pendingChildrenObserver=t,t.observe(this,{childList:!0,subtree:!1})})}_teardownForNested(){if(!this._track)return;this._resizeObserver?.disconnect(),this._mutationObserver?.disconnect(),this._animation?.cancel(),this._animation=null;for(let e of this._baseItems)delete e.dataset.baseItem,this.appendChild(e);this._sizer?.remove(),this._track?.remove(),this._sizer=null,this._track=null,this._cloneContainer=null,this._baseItems=[]}_addAppearOverrideStyle(){if(document.querySelector("#sd-loop-box-appear-override"))return;let e=document.createElement("style");e.id="sd-loop-box-appear-override",e.textContent=` 1283 sd-loop-box .appear { 1284 opacity: inherit !important; 1285 transform: inherit !important; 1286 transition: inherit !important; 1287 } 1288 1289 /* measurementç¨ã®sizerã¯åè¦ç´ ã®å奿å®ãã常ã«åªå ãã¦é表示ã«ãã */ 1290 /* max-width:100%ãè§£é¤ããã³ã³ãã³ãã®èªç¶å¹ ãæ£ç¢ºã«è¨æ¸¬ãã */ 1291 sd-loop-box .loop-sizer, 1292 sd-loop-box .loop-sizer * { 1293 visibility: hidden !important; 1294 max-width: none !important; 1295 } 1296 `,document.head.appendChild(e)}_detectDirection(){let t=getComputedStyle(this).flexDirection;this._direction=t==="column"||t==="column-reverse"?"vertical":"horizontal"}_isVertical(){return this._direction==="vertical"}_isFlexReverse(){let t=getComputedStyle(this).flexDirection;return t==="row-reverse"||t==="column-reverse"}_setupReducedMotion(){this._reducedMotionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this._reducedMotionHandler=(e)=>{if(this._animation){if(e.matches)this._animation.pause();else if(!this._isHoverPaused)this._animation.play()}},this._reducedMotionQuery.addEventListener("change",this._reducedMotionHandler)}_prefersReducedMotion(){return this._reducedMotionQuery?.matches??!1}_setupTransitionWatch(){this._transitionEndHandler=(e)=>{if(e.propertyName==="gap"||e.propertyName==="column-gap"||e.propertyName==="row-gap")this._lastTrackSize=0,this._updateLayout()},this.addEventListener("transitionend",this._transitionEndHandler)}_setupSdImgSrcSync(){if(this._sdImgSrcUpdatedHandler)this.removeEventListener(C,this._sdImgSrcUpdatedHandler);this._sdImgSrcUpdatedHandler=(e)=>{if(!(e.target instanceof HTMLImageElement))return;if(!this._baseItems.some((i)=>i===e.target||i.contains(e.target)))return;this._syncExistingGeneratedImages()},this.addEventListener(C,this._sdImgSrcUpdatedHandler)}_setupHoverPause(){this._hoverEnterHandler=()=>{if(this.hasAttribute("hover-pause"))this._isHoverPaused=!0,this._animation?.pause()},this._hoverLeaveHandler=()=>
1296{if(this.hasAttribute("hover-pause")){if(this._isHoverPaused=!1,!this._prefersReducedMotion())this._animation?.play()}},this.addEventListener("mouseenter",this._hoverEnterHandler),this.addEventListener("mouseleave",this._hoverLeaveHandler)}disconnectedCallback(){if(this._isNested)return;this._pendingChildrenObserver?.disconnect(),this._pendingChildrenObserver=null,this._resizeObserver?.disconnect(),this._mutationObserver?.disconnect();for(let e of this._imageObservers)e.disconnect();if(this._imageObservers=[],this._imageLoadAbort?.abort(),this._imageLoadAbort=null,this._animation?.cancel(),this._hoverEnterHandler)this.removeEventListener("mouseenter",this._hoverEnterHandler);if(this._hoverLeaveHandler)this.removeEventListener("mouseleave",this._hoverLeaveHandler);if(this._reducedMotionQuery&&this._reducedMotionHandler)this._reducedMotionQuery.removeEventListener("change",this._reducedMotionHandler);if(this._transitionEndHandler)this.removeEventListener("transitionend",this._transitionEndHandler);if(this._sdImgSrcUpdatedHandler)this.removeEventListener(C,this._sdImgSrcUpdatedHandler)}attributeChangedCallback(e){if(this._isNested)return;if(this._track)this._lastTrackSize=0,this._updateLayout()}refresh(){if(this._isNested)return;this._resizeObserver?.disconnect(),this._mutationObserver?.disconnect();for(let e of this._imageObservers)e.disconnect();this._imageObservers=[],this._imageLoadAbort?.abort(),this._imageLoadAbort=null,this._animation?.cancel(),this._animation=null,this._lastTrackSize=0;for(let e of this._baseItems)delete e.dataset.baseItem,this.appendChild(e);this._sizer?.remove(),this._track?.remove(),this._sizer=null,this._track=null,this._cloneContainer=null,this._baseItems=[],this._detectDirection(),this._lastFlexDirection=getComputedStyle(this).flexDirection,this._render(),this._initLoop()}get speed(){let e=parseFloat(this.getAttribute("speed")||"");return Number.isNaN(e)?ct:e}set speed(e){this.setAttribute("speed",String(e))}_render(){this._baseItems=ft(this);let e=this._isVertical();for(let t of this._baseItems){t.classList.remove("appear");for(let i of t.querySelectorAll(".appear"))i.classList.remove("appear")}this._sizer=document.createElement("div"),this._sizer.className="loop-sizer",Object.assign(this._sizer.style,{display:"flex",flexDirection:e?"column":"row",[e?"minHeight":"minWidth"]:"100%",visibility:"hidden",columnGap:"var(--gap-h, 0px)",rowGap:"var(--gap-v, 0px)"});for(let t of this._baseItems){let i=t.cloneNode(!0);i.removeAttribute("id");for(let n of i.querySelectorAll("[id]"))n.removeAttribute("id");Z(i),this._fixPlaceholderImages(t,i),this._sizer.appendChild(i)}this._track=document.createElement("div"),this._track.className="loop-track",Object.assign(this._track.style,{position:"absolute",[e?"top":"left"]:"0",[e?"width":"height"]:"100%",display:"flex",flexDirection:e?"column":"row",[e?"minHeight":"minWidth"]:"100%",transition:"none",columnGap:"var(--gap-h, 0px)",rowGap:"var(--gap-v, 0px)"});for(let t of this._baseItems)t.dataset.baseItem="true",this._track.appendChild(t);this._cloneContainer=document.createElement("div"),this._cloneContainer.className="loop-clone",this._cloneContainer.setAttribute("aria-hidden","true"),Object.assign(this._cloneContainer.style,{position:"absolute",[e?"top":"left"]:"0",[e?"width":"height"]:"100%",display:"flex",flexDirection:e?"column":"row",[e?"minHeight":"minWidth"]:"100%",transition:"none",columnGap:"var(--gap-h, 0px)",rowGap:"var(--gap-v, 0px)"}),this._track.appendChild(this._cloneContainer),this.appendChild(this._sizer),this.appendChild(this._track)}_initLoop(){this._setupObservers(),this._watchImageLoads(),this._updateLayout(),this._waitFontsAndRemeasure()}_waitFontsAndRemeasure(){let e=document.fonts;if(!e?.ready)return;e.ready.then(()=>{if(!this.isConnected||this._isNested||!this._track)return;this._lastTrackSize=0,this._measureAndAnimate()})}_setupObservers(){this._resizeObserver?.disconnect(),this._mutationObserver?.disconnect(),this._resizeObserver=new ResizeObserver(()=>{let e=getComputedStyle(this).flexDirection;if(this._lastFlexDirection&&this._lastFlexDirection!==e){this._lastFlexDirection=e,this.refresh();return}this._lastFlexDirection=e,this._updateLayout()});for(let e of this._baseItems)this._resizeObserver.observe(e);this._resizeObserver.observe(this),this._mutationObserver=new MutationObserver(()=>{this._lastTrackSize=0,this._updateLayout()});for(let e of this._baseItems)this._mutationObserver.observe(e,{childList:!0,subtree:!0,characterData:!0}
1296)}_addClickBypass(e,t){if(e.hasAttribute("onclick"))return;e.addEventListener("click",(i)=>{i.stopPropagation(),i.preventDefault(),this._baseItems[t%this._baseItems.length]?.click()})}_prepareIdentifiedClone(e,t){let i=e.cloneNode(!0);i.removeAttribute("id");for(let n of i.querySelectorAll("[id]"))n.removeAttribute("id");return Z(i),i.dataset.loopBaseIndex=String(t),i}_createLoopClones(e,t){if(!this._track||!this._cloneContainer)return;let i=Array.from(this._track.children).filter((n)=>n!==this._cloneContainer);for(let n=0;n<i.length;n++){let s=i[n],o=n%this._baseItems.length,l=this._prepareIdentifiedClone(s,o);if(t[o])l.style[e]="unset";this._addClickBypass(l,o);let d=this._baseItems[o];if(d)this._fixPlaceholderImages(d,l);this._cloneContainer.appendChild(l)}}_fixPlaceholderImages(e,t){this._syncLoadedImages(e,t);let i=A(e);A(t).forEach((s,o)=>{let l=i[o];if(!l)return;if(l.src.startsWith("data:")){let d=new MutationObserver((h)=>{for(let u of h)if(u.attributeName==="src"&&!l.src.startsWith("data:")){this._syncLoadedImages(e,t),d.disconnect(),this._imageObservers=this._imageObservers.filter((_)=>_!==d);break}});d.observe(l,{attributes:!0,attributeFilter:["src"]}),this._imageObservers.push(d)}})}_syncLoadedImages(e,t){let i=A(e);A(t).forEach((s,o)=>{let l=i[o];if(!l||l.src.startsWith("data:"))return;let d=l.src||l.currentSrc;if(s.src!==d)s.src=d})}_syncExistingGeneratedImages(){if(!this._track)return;let e=(t)=>{let i=0;for(let n of t){if(!(n instanceof HTMLElement)){i++;continue}let s=n.dataset.loopBaseIndex,o=s!==void 0?Number(s):i%this._baseItems.length,l=this._baseItems[o];if(l)this._syncLoadedImages(l,n);i++}};if(this._sizer)e(this._sizer.children);if(this._cloneContainer)e(this._cloneContainer.children);e(this._track.querySelectorAll(":scope > [data-fill-clone]"))}_watchImageLoads(){this._imageLoadAbort?.abort(),this._imageLoadAbort=new AbortController;let{signal:e}=this._imageLoadAbort,t=0,i=()=>{if(t--,t<=0)this._lastTrackSize=0,this._measureAndAnimate()};for(let n of this._baseItems){let s=n instanceof HTMLImageElement?[n,...n.querySelectorAll("img")]:n.querySelectorAll("img");for(let o of s)if(o.src.startsWith("data:")||!o.complete)t++,o.addEventListener("load",i,{once:!0,signal:e})}}_updateLayout(){if(!this._track||!this._cloneContainer||this._baseItems.length===0)return;if(this._layoutPending)return;this._layoutPending=!0;let e=this._isVertical()?"height":"width";this._track.style[e]="",requestAnimationFrame(()=>{this._layoutPending=!1,this._measureAndAnimate()})}_recycleEdge(e,t){if(!this._track||!this._cloneContainer)return;let i=this._isVertical()?"translateY":"translateX";if(t){this._track.insertBefore(e,this._cloneContainer);let n=this._cloneContainer.firstElementChild;if(n)this._cloneContainer.appendChild(n)}else{let n=this._track.firstElementChild;if(n)this._track.insertBefore(e,n);let s=this._cloneContainer.lastElementChild;if(s&&this._cloneContainer.firstElementChild)this._cloneContainer.insertBefore(s,this._cloneContainer.firstElementChild)}this._track.style.transform=`${i}(0)`}_measureAndAnimate(){if(!this._track||!this._cloneContainer||this._baseItems.length===0)return;let e=this._isVertical(),t=e?"maxHeight":"maxWidth",i=e?"height":"width",n=e?"clientHeight":"clientWidth",s=e?"marginTop":"marginLeft",o=e?"marginBottom":"marginRight",l=e?"top":"left",d=e?"translateY":"translateX",h=e?"height":"width",u=e?"minHeight":"minWidth",_=e?"width":"height",L=e?"maxWidth":"maxHeight",E=e?"offsetHeight":"offsetWidth",ee=e?"scrollHeight":"scrollWidth",T=getComputedStyle(this),S={flexDirection:T.flexDirection,justifyContent:"flex-start",alignItems:T.alignItems};if(Object.assign(this._track.style,S),Object.assign(this._cloneContainer.style,S),this._sizer)Object.assign(this._sizer.style,S);let x=getComputedStyle(this._track),p=parseFloat(x[e?"rowGap":"columnGap"])||0,v=this[n];this._track.style[h]=`${v}px`;let b=[];for(let r of this._baseItems){let a=this._authorInlineSizes.get(r);if(a)r.style[_]=a[_],r.style[L]=a[L];b.push({width:r.style[h],maxWidth:r.style[t],transform:r.style.transform,rotate:r.style.rotate,scale:r.style.scale,transition:r.style.transition}),r.style.transition="none",r.style[h]="",r.style[t]="unset",r.style.transform="none",r.style.rotate="none",r.style.scale="none"}this._track.offsetWidth;let m=0,g=[],H=[],te=[];
1296this._baseItems.forEach((r,a)=>{let c=getComputedStyle(r),f=r.getBoundingClientRect()[i],w=f+parseFloat(c[s])+parseFloat(c[o]);if(g.push(f),H.push(w),te.push(r[ee]),m+=w,a<this._baseItems.length-1)m+=p}),this._track.style[h]=`${v*2}px`,this._track.offsetWidth;let y=this._baseItems.map((r,a)=>{let c=r.getBoundingClientRect()[i];return Math.abs(c-g[a])>0.5});this._track.style[h]=`${v}px`,this._track.offsetWidth;let B=this._baseItems.map((r,a)=>te[a]>g[a]+0.5||y[a]&&g[a]>=v-0.5);if(B.some(Boolean))this._baseItems.forEach((r,a)=>{if(B[a])r.style[h]="max-content"}),this._track.offsetWidth,m=0,this._baseItems.forEach((r,a)=>{if(B[a]){let c=getComputedStyle(r),f=r.getBoundingClientRect()[i];if(f>g[a])g[a]=f,H[a]=f+parseFloat(c[s])+parseFloat(c[o])}if(m+=H[a],a<this._baseItems.length-1)m+=p});if(this._baseItems.forEach((r,a)=>{r.style[h]=b[a].width,r.style[t]=b[a].maxWidth,r.style.transform=b[a].transform,r.style.rotate=b[a].rotate,r.style.scale=b[a].scale,r.style.transition=b[a].transition}),this._sizer)this._sizer.style[u]="100%";let Ce=this.speed;if(g.every((r)=>r<=0))return;let z=0;if(m>0&&m<v){let r=m+p;z=Math.ceil((v-m)/r);let a=this._baseItems.length*(1+z);m=0;for(let c=0;c<a;c++)if(m+=H[c%this._baseItems.length]??0,c<a-1)m+=p}let ie=T.flexDirection,ne=ie==="row-reverse"||ie==="column-reverse",se=this.hasAttribute("reverse"),re=ne!==se,oe=re?-(m+p):m+p,ae=e?"height":"width";if(m===this._lastTrackSize&&p===this._lastGapValue&&Te(g,this._lastBaseItemOffsetSizes)&&Te(y,this._lastNeedsSizeLock)){this._syncExistingGeneratedImages(),this._cloneContainer.style[l]=`${oe}px`,this._track.style[ae]=`${m}px`;return}let le=this[n];if(this._sizer&&le>0)this._sizer.style[u]=`${le}px`;if(this._sizer){for(let r of this._imageObservers)r.disconnect();this._imageObservers=[],this._sizer.innerHTML="";for(let r of this._baseItems){let a=r.cloneNode(!0);a.removeAttribute("id");for(let c of a.querySelectorAll("[id]"))c.removeAttribute("id");Z(a),a.style[h]="",a.style[t]="",this._fixPlaceholderImages(r,a),this._sizer.appendChild(a)}}this._cloneContainer.innerHTML="";for(let r of this._track.querySelectorAll("[data-fill-clone]"))r.remove();for(let r of this._baseItems)this._track.insertBefore(r,this._cloneContainer);if(z>0)for(let r=0;r<z;r++)for(let a=0;a<this._baseItems.length;a++){let c=this._baseItems[a];if(!c)continue;let f=this._prepareIdentifiedClone(c,a);if(f.dataset.fillClone="true",y[a])f.style[t]="unset";this._fixPlaceholderImages(c,f),this._addClickBypass(f,a),this._track.insertBefore(f,this._cloneContainer)}let de=Array.from(this._track.children).filter((r)=>r!==this._cloneContainer);if(this._baseItems.forEach((r,a)=>{if(!y[a])return;if(this._authorInlineSizes.has(r))return;this._authorInlineSizes.set(r,ut(r))}),de.forEach((r,a)=>{let c=a%this._baseItems.length;this._itemLayoutSizes.set(r,g[c]);let f=this._authorInlineSizes.get(this._baseItems[c]);if(f)mt(r,f);if(!y[c])return;r.style.transition="none",r.style[t]="unset",r.style[h]=`${g[c]}px`}),this._sizer)Array.from(this._sizer.children).forEach((a,c)=>{if(!y[c])return;a.style[h]=`${g[c]}px`});if(this._track.style[ae]=`${m}px`,this._track.offsetWidth,de.forEach((r,a)=>{if(!y[a%this._baseItems.length])return;r.style.transition=""}),this._lastTrackSize=m,this._lastGapValue=p,this._lastBaseItemOffsetSizes=[...g],this._lastNeedsSizeLock=[...y],this._createLoopClones(t,y),this._cloneContainer.style[l]=`${oe}px`,this._animation)this._animation.cancel(),this._animation=null;let O=m+p;if(O<=0||!Number.isFinite(O))return;let ce=ne?1:-1,k=(se?-ce:ce)<0,q=Math.abs(Ce);if(Array.from(this._track.children).filter((r)=>r!==this._cloneContainer).length<2||q<=0){let r=re?"":"-";if(this._animation=this._track.animate([{transform:`${d}(0)`},{transform:`${d}(${r}${O}px)`}],{duration:O*1000,iterations:1/0,easing:"linear"}),this._animation.playbackRate=q,this._isHoverPaused||this._prefersReducedMotion())this._animation.pause();return}let he=()=>{let r=()=>{this._animation=null};if(!this.isConnected||this._isNested||!this._track||!this._cloneContainer){r();return}let a=()=>{if(!this._track||!this._cloneContainer)return null;let I=Array.from(this._track.children).filter((ze)=>ze!==this._cloneContainer);if(I.length<2)return null;let N=k?I[0]:I[I.length-1],Ae=this._itemLayoutSizes.get(N),me=Number.parseFloat(N.style[h]),He=Ae??(Number.isFinite(me)?me:N[E]);return{edge:N,edgeSize:He+p,flowCount:I.length}},c=a();for(let I=0;c!==null&&!(c.edgeSize>0);I++){if(!Number.isFinite(c.edgeSize)||I>=c.flowCount){r();return}this._recycleEdge(c.edge,k),c=a()}if(c===null){r();return}let{edge:f,edgeSize:w}=c,V=w/q*1000;if(!(V>0)||!Number.isFinite(V)){r();return}let ue=k?-w:w;this._track.style.transform=`${d}(0)`;let M=this._track.animate([{transform:`${d}(0)`},{transform:`${d}(${ue}px)`}],{duration:V,easing:"linear",fill:"forwards"});if(this._animation=M,M.onfinish=()=>
1296{if(this._animation!==M||!this.isConnected||!this._track||!this._cloneContainer)return;this._track.style.transform=`${d}(${ue}px)`,M.cancel(),this._recycleEdge(f,k),he()},this._isHoverPaused||this._prefersReducedMotion())M.pause()};he()}}if(typeof customElements<"u"&&!customElements.get("sd-loop-box"))customElements.define("sd-loop-box",we);var pt=[["windows nt","windows"],["android","android"],["iphone","iphone"],["ipad","iphone"],["mac os x","mac"]],gt=[[(e)=>e.includes("msie")||e.includes("trident"),"IE"],[(e)=>e.includes("edge")||e.includes("edg"),"Edge"],[(e)=>e.includes("opr")||e.includes("opera"),"opera"],[(e)=>e.includes("firefox"),"firefox"],[(e)=>e.includes("chrome")&&!e.includes("edg"),"chrome"],[(e)=>e.includes("safari")&&!e.includes("chrome"),"safari"]];function U(e=8){let t=new Uint8Array(e);crypto.getRandomValues(t);let i="";for(let n=0;n<e;n++)i+="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_0123456789"[t[n]%63];return i}function _t(){let e=sessionStorage.getItem("studio_analytics_session_id");if(e)return e;let t=U();return sessionStorage.setItem("studio_analytics_session_id",t),t}function vt(e){return!e||e===""?"none":e}function bt(e){let t=new URL(e);return{url:e,domain:t.hostname,path:t.pathname}}function yt(e){let t=e.toLowerCase(),i=pt.find(([n])=>t.includes(n));if(i)return i[1];return"etc"}function It(e){let t=e.toLowerCase(),i=gt.find(([n])=>n(t));if(i)return i[1];return"other"}function Et(e,t,i,n,s=_t){let{url:o,domain:l,path:d}=bt(e);return{url:o,domain:l,path:d,session_id:s(),user_agent:i,referrer:vt(t),os:yt(i),browser:It(i),project_id:n}}function St(){try{return sessionStorage.setItem("__sas_test__","1"),sessionStorage.removeItem("__sas_test__"),!0}catch{return!1}}function Me(e){if(!e)return null;try{return new URL(e).hostname}catch{return null}}function xt(e,t){let i=Me(e),n=Me(t);if(!n)return!0;if(!i)return!0;return i!==n}function Lt(e,t){if(!St())return U();let i=xt(e,t),n=sessionStorage.getItem("studio_analytics_session_id");if(i){let o=U();return sessionStorage.setItem("studio_analytics_session_id",o),o}if(n)return n;let s=U();return sessionStorage.setItem("studio_analytics_session_id",s),s}function Tt(e){try{let t=window.location.href,i=document.referrer||void 0,n=navigator.userAgent,s=Lt(t,i),o=Et(t,i,n,e,()=>s);setTimeout(()=>{fetch("https://analytics.studiodesignapp.com/event",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o),keepalive:!0}).catch(()=>{})},0)}catch{}}Object.assign(window,{sendAnalytics:Tt});})(); 1297 1298</script>
1298 1299 1300</head> 1301<body> 1302<div class="box sd-1 _pb _pc"><header class="box sd-2" id="header"><sd-loop-box class="box sd-3" speed="60"><div class="box sd-4 _pb _po"><div class="box image image--horizontal sd-5" style="--img-origin:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_5c76d530-e7a5-4e7d-9dfa-877a17d54ff1.webp);--img-small:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_5c76d530-e7a5-4e7d-9dfa-877a17d54ff1_small.webp);--img-middle:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_5c76d530-e7a5-4e7d-9dfa-877a17d54ff1_middle.webp);--img-regular:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_5c76d530-e7a5-4e7d-9dfa-877a17d54ff1_regular.webp)"><span class="image__bg-container" aria-hidden="true"></span></div></div></sd-loop-box><nav class="box symbol-1 _pd _po" data-scope-v2-2aa1e203c0d4dcb1582f7ec608a7244c><div class="box symbol-1__sd-1 _pi _po"><ul class="box list-1 _pd _po"><a class="box list-1__item _po" href="/" data-scope-v2-a88e4cef7fe537f8a196655fb34dc166><p class="text list-1__item__sd-1 _p6">HOME</p></a><a class="box list-1__item _po" href="/works" data-current data-scope-v2-f171735c64e0c32c90f928e98986240b><p class="text list-1__item__sd-1 _p6">WORKS</p></a><a class="box list-1__item _po" href="/blog" data-scope-v2-105ac7d8c15e9cf6fb61e112c481eca0><p class="text list-1__item__sd-1 _p6">BLOG</p></a><a class="box list-1__item _po" href="/#contact" data-scope-v2-ec717715075912f06fb32e7ec5f229b6><p class="text list-1__item__sd-1 _p6">CONTACT</p></a></ul></div></nav></header><main class="box sd-6"><section class="section sd-7 _p3"><div class="section-inner box sd-8 _pc"><div class="box sd-9 _p7 _pq"><h6 class="text sd-10 theme-54849fbe theme-f88c2a9b _p6">UGO MOTION / ã¦ã´ã¢ã¼ã·ã§ã³</h6><h1 class="text sd-11 theme-728cbb74 theme-ef9cef32 _pr">WORKS / å¶ä½å®ç¸¾</h1></div></div></section><section class="section sd-12 _p3"><div class="section-inner box sd-13 _pc"><nav class="box list-2 _p7 _pk _p16" data-load-more="" data-list-uuid="76957002-80c8-4de6-865f-6be6c2194217" data-page="2" data-initial-methods="[]" data-cms-content-id="DWquIz0Atf6rdjtkV29e" data-next-offset="12"><a class="box list-2__item _pd" href="/works/reborn_taiseikako_expo2025_pv01" data-scope-v2-e865a6435462f94e226dd37e1c7a8db7><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_c77e8f46-71dc-43f1-babd-c47ed894201d.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_c77e8f46-71dc-43f1-babd-c47ed894201d_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">伿¥æ´»åã®ç´¹ä»</p><p class="text list-2__item__sd-4 theme-8f8be537">Expo2025 REBORN PV 01</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">大æåå·¥æ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">ãã¤ãªãã©ã¹ããã¯ã§REBORN</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-069dc703bf563c6fd5425a6b98841c16><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-d98562dbb3f18c1fd2bc767593aae672><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-8b01148d1c1aba5b24d5bededd72fb2d><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/mebic_creators_exhibition_2025_pv" data-scope-v2-9d7e6e0cf33e5527509c26f69c9e9d61><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_1ddedf2e-664a-4827-bd1c-add33261d941.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_1ddedf2e-664a-4827-bd1c-add33261d941_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ã¤ãã³ãæ å</p><p class="text list-2__item__sd-4 theme-8f8be537">ãã®è¡ã®ã¯ãªã¨ã¤ã¿ã¼å覧ä¼2025 PV</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span>
1302<p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">SINWA GRAPHIC</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">ãã®è¡ã®ã¯ãªã¨ã¤ã¿ã¼å覧ä¼2025</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-aab17d98df1d5211d70177808bb2e245><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-04bbcb4edc859558a089e2e88fa4523c><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/food_wave_2025_nagoya" data-scope-v2-40f181b1242fa303eb975851796a32ed><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_51a1a819-77c9-4f6e-ab6e-63f6f4384ec1.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_51a1a819-77c9-4f6e-ab6e-63f6f4384ec1_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ã¤ãã³ãåç»</p><p class="text list-2__item__sd-4 theme-8f8be537">FOOD WAVE 2025 NAGOYA</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">ä¼è¤å¿ é£åæ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">FOOD WAVE 2025 NAGOYA</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-813130d0132c3a5a713df803a3af97e9><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-a0cfb58cecd6c27a32a8390423dd01e9><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-fc1629d07522121118c935a6499451c6><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/toilet_de_pon_2024" data-scope-v2-fd7d731285e3d041595cde296c67447e><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_53c18641-c7e9-40d7-b3ec-7a9d63a06c9d.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_53c18641-c7e9-40d7-b3ec-7a9d63a06c9d_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ååã®ä½¿ç¨æ¹æ³</p><p class="text list-2__item__sd-4 theme-8f8be537">ãã¤ã¬ã§ãã³</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">æ ªå¼ä¼ç¤¾Magical</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">ãã¤ã¬ã§ãã³</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-079dae121099c9fe9c736b9d5d318415><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-a7b10258b101db58d2e2da26ed9af9ee><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/food_wave_2024_kobe_promotion_animation" data-scope-v2-50fd33ffe18beeb2b984d8dabf8d7c9a><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_2c35b690-0fbb-4886-bd1e-3a706fb9844e.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_2c35b690-0fbb-4886-bd1e-3a706fb9844e_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ã¤ãã³ãåç»</p><p class="text list-2__item__sd-4 theme-8f8be537">FOOD WAVE 2024 KOBE</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span>
1302<p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">ä¼è¤å¿ é£åæ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">FOOD WAVE 2024 KOBE</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-7733585d070b3afc34e0149de44feaee><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-ed3333d2bc4f27121a9c88e9db3377b6><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-f92c670f236a57d9a0dde1e3c8871262><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/ignition_for_google_cloud_pv_2023" data-scope-v2-620c075debd570e941df0992f5ebf1bf><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_a44e1786-250f-47a8
1302-9e8e-c7c40e6bb19d.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_a44e1786-250f-47a8-9e8e-c7c40e6bb19d_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ãµã¼ãã¹ç´¹ä»</p><p class="text list-2__item__sd-4 theme-8f8be537">Ignition for Google Cloud PV 2023</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">æ ªå¼ä¼ç¤¾ã»ã³ãã£ãªãªã³ã·ã¹ãã </p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">Ignition for Google Cloud</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-28ca8c2b86da20769f02f5a8ec5c5844><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-633a920422644486fd9cda9e2293ce72><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-9041b35c42f7ccd327aa92ebf789f83b><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/food_wave_2023_osaka_promotion_animation" data-scope-v2-520ddffabc53abb2f71c94a3897d3411><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_cba53770-ede3-47d1-8279-c7302cd1d781.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_cba53770-ede3-47d1-8279-c7302cd1d781_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ã¤ãã³ãåç»</p><p class="text list-2__item__sd-4 theme-8f8be537">FOOD WAVE 2023 OSAKA</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">ä¼è¤å¿ é£åæ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">FOOD WAVE 2023 OSAKA</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-986a146cb63790fbf9d3da23b42e30b8><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-d4e939d5c6f76c47b0daae59d05169fc><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-c9a0265302714c911c08f89597c1cee8><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/musubu_pv_animation" data-scope-v2-c467ed064b9be9543467cba21e2afd88><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_55efeb23-8489-4551-8bba-c77aa50b4b9a.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_55efeb23-8489-4551-8bba-c77aa50b4b9a_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ãµã¼ãã¹ç´¹ä»</p><p class="text list-2__item__sd-4 theme-8f8be537">Musubu PV 2022</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span>
1302<p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">Baseconnectæ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">Musubu</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-4eb7624eebe1fa76939d17614be18044><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-fac8fefe1961d23bbd94cb78b72d446c><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-8082ab8446eb0dc3ef8068bf6604a2d8><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/iroful_2022_01" data-scope-v2-5ea225e60440e43f3402ec57c9b6b6b9><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1280' height='720' viewBox='0 0 1280 720'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1280x720_v-fms_webp_1f332a85-3742-4937-8915-94edffd89d14.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1280x720_v-fms_webp_1f332a85-3742-4937-8915-94edffd89d14_small.webp" alt="" width="1280" height="720" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ååç´¹ä»</p><p class="text list-2__item__sd-4 theme-8f8be537">è²ã®æè½ãçºæ®ããç´ ã¤ããã«ã®çè¨åç»</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">ææ å°å·æ ªå¼ä¼ç¤¾</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">iroful</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-f033c9918b2658503833b746f698e669><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-8d6703560d84d9ec55b13a08a1579030><p class="text list-3__item__sd-1 theme-f88c2a9b">Editing</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/scb-action_202107" data-scope-v2-825fd365ed259603561193794e570658><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='810' viewBox='0 0 1440 810'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1440x810_v-fms_webp_99320d68-8f10-4ebb-bda9-7adbea8122d5.jpg" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1440x810_v-fms_webp_99320d68-8f10-4ebb-bda9-7adbea8122d5_small.webp" alt="" width="1440" height="810" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">åèæ´»åã»æè²ç®ç</p><p class="text list-2__item__sd-4 theme-8f8be537">å¦çã«ç¥ã£ã¦ã»ããç´æ¼¢ã®çå®</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">ä¸è¬ç¤¾å£æ³äºº ç´æ¼¢ææ¢æ´»åã»ã³ã¿ã¼</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">ç´æ¼¢ææ¢ããã¸ãã¶ã¤ã³ã³ã³ãã¹ã</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-7e58e1197300a81d4e9a8bb111db0db2><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-359c802f22078308e79f988d38a94bd8><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/baribarishokunin_202105" data-scope-v2-68d251ab70d7608f99971ea33c4a816a><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_955e86a5-ca19-4659-832a-1d80e6e9619d.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_955e86a5-ca19-4659-832a-1d80e6e9619d_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ååç´¹ä»ã¨ãã£ã©ã¯ã¿ã¼</p><p class="text list-2__item__sd-4 theme-8f8be537">ããªããªè·äºº ãã£ã©å çºè¡¨åç»</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span>
1302<p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">æ ªå¼ä¼ç¤¾Magical</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">ããªããªè·äººã·ãªã¼ãº</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-90ab7b03f5022e568c43756060cd2f6c><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li></ul></div></a><a class="box list-2__item _pd" href="/works/pv_pagekit_01" data-scope-v2-f83d20cbbb20d2590b26441dcc77c03a><img class="img list-2__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_07d9ae9c-a5f4-42e3-aeec-6709f01387b5.png" alt="" /><noscript class=""><img class="img list-2__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1920x1080_v-frms_webp_07d9ae9c-a5f4-42e3-aeec-6709f01387b5_small.webp" alt="" width="1920" height="1080" loading="lazy" /></noscript><div class="box list-2__item__sd-2"><p class="text list-2__item__sd-3 theme-f88c2a9b">ãµã¼ãã¹ç´¹ä»</p><p class="text list-2__item__sd-4 theme-8f8be537">PAGEKit PV 01</p><div class="box list-2__item__sd-5 _pd _pq"><span class="icon list-2__item__sd-6 fa-solid fa-diamond"></span><p class="text list-2__item__sd-7 theme-9584f349 _p6 _pd">æ ªå¼ä¼ç¤¾ã¢ã¤ãã¢ã¯ãªãã</p></div><div class="box list-2__item__sd-8 _pq"><span class="icon list-2__item__sd-9 fa-solid fa-diamond"></span><p class="text list-2__item__sd-10 theme-9584f349 _p6 _pd">PAGEKit</p></div><ul class="box list-3"><li class="box list-3__item" data-scope-v2-cf7a82006e9e027d570b7d420f1a8419><p class="text list-3__item__sd-1 theme-f88c2a9b">Planning</p></li><li class="box list-3__item" data-scope-v2-3d15a7d90e0dba184783b51c62736ca2><p class="text list-3__item__sd-1 theme-f88c2a9b">Motion</p></li><li class="box list-3__item" data-scope-v2-075f4606f8ee3174aa0c0e33d5a8c1a3><p class="text list-3__item__sd-1 theme-f88c2a9b">Character</p></li><li class="box list-3__item" data-scope-v2-3dd740fc60f2711f2677ca1626b09545><p class="text list-3__item__sd-1 theme-f88c2a9b">Graphics</p></li></ul></div></a><div class="box sd-14 _po"><button class="box sd-15 _p6 _pb _pr" data-load-more-trigger="" data-next-cms-content-id="DWquIz0Atf6rdjtkV29e" data-next-offset="12" type="button"><span class="text sd-16 theme-8f8be537 _pr _px">View More</span></button></div></nav></div></section></main><section class="section sd-17 _p3"><div class="section-inner box sd-18 _pc"><nav class="box list-4 _p7 _pk _p14 _p16"><a class="box list-4__item _pd _pq" href="https://ugomotion.com" data-scope-v2-27bb7a76550317fa94f3ec068992ffb0><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_cd550e62-942b-4ffb-bbc8-cd290696298f.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_cd550e62-942b-4ffb-bbc8-cd290696298f_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">HOME</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONã®ãã¼ã ã«ããããã¼ã¸ã§ããUGO MOTIONã®ç´¹ä»ãå¶ä½å®ç¸¾ã®ãã¤ã©ã¤ããéå¶ãã¦ããã¯ãªã¨ã¤ã¿ã¼ã®ç´¹ä»ãå¶ä½ã®æµãã3ã¤ã®å¼·ã¿ãFAQããåãåãããã©ã¼ã ãªã©ã®ã³ã³ãã³ããããã¾ãã</p></div></a><a class="box list-4__item _pd _pq" href="https://ugomotion.com/works/" data-scope-v2-b096b11d58e301c436c962a0b7aa13a1><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_aee1582d-a6c4-45db-af24-0fa638c108bf.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_aee1582d-a6c4-45db-af24-0fa638c108bf_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">WORKS</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONããããã¾ã§ã«å¶ä½ãã¦ããå¶ä½å®ç¸¾ãä¸è¦§ã¨ãã¦è¡¨ç¤ºãã¦ãããã¼ã¸ã§ããä¸è¦§ã®åé
ç®ã¦ã¯ãåç»ã®ç¨éãåç»ã®ã¿ã¤ãã«ãã¯ã©ã¤ã¢ã³ãåãããã¸ã§ã¯ãåãæ
å½ããå¶ä½ã®ç¯å²ãªã©ãç´¹ä»ãã¦ãã¾ãã</p></div></a><a class="box list-4__item _pd _pq" href="https://ugomotion.com/blog/" data-scope-v2-97937b02f2860801d8b0248a5810a931><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_2e1cffdc-df3d-4d0c-a721-098ef6e9f282.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_2e1cffdc-df3d-4d0c-a721-098ef6e9f282_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">BLOG</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONã®éå¶ããã¦ããã¯ãªã¨ã¤ã¿ã¼æ¬äººãå·çããããã°ããä¸è¦§ã¨ãã¦è¡¨ç¤ºãã¦ãããã¼ã¸ã§ããä¸è¦§ã®åé
ç®ã§ã¯ãããã°å
容ã®ã«ãã´ãªã¼ãããã°ã®ã¿ã¤ãã«ãæ´æ°æ¥æãå·çè
ã®æ°åãªã©ãç´¹ä»ãã¦ãã¾ãã</p></div></a><a class="box list-4__item _pd _pq" href="https://ugomotion.com/#contact" data-scope-v2-1d9be2f4f56319dc7000ce66036afabc><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_b75583b0-f605-4aac-9e84-55d0d2cb88a7.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_b75583b0-f605-4aac-9e84-55d0d2cb88a7_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">CONTACT</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONã¸ãåãåããã§ããããåãåãããã©ã¼ã ã§ããå
¥åæ¬ã«ã¯ããååãã¡ã¼ã«ã¢ãã¬ã¹ããåãåããå
容ããã©ã¤ãã·ã¼ããªã·ã¼ã¸ã®åæãã¿ã³ãããã¾ãã</p></div></a><a class="box list-4__item _pd _pq" href="https://ugomotion.com/proinfo/privacy_policy" data-scope-v2-97d0f3f5e03cd9afda4fecd2eac1d607><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_ea3c9401-3e82-4932-8a6b-f8bd0998a580.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_ea3c9401-3e82-4932-8a6b-f8bd0998a580_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">ãã©ã¤ãã·ã¼ããªã·ã¼</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONã®ãã©ã¤ãã·ã¼ããªã·ã¼ã«ã¤ãã¦æç¤ºãã¦ãããã¼ã¸ã§ãããã©ã¤ãã·ã¼ããªã·ã¼ã¨ã¯ãUGO MOTIONã«é¢ä¿ããå人æ
å ±çã®åéãå©ç¨ã管ççã®åæ±ãã«é¢ããèãæ¹ãæ¹éã®ã
1302ã¨ã§ãã</p></div></a><a class="box list-4__item _pd _pq" href="https://ugomotion.com/proinfo/special_commercial_transaction_law" data-scope-v2-82983f51eef155b42051f836a84934e1><img class="img list-4__item__sd-1" src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='630' viewBox='0 0 1200 630'></svg>" data-sd-img-src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_8e0e0229-087b-437e-8081-f572ff548445.png" alt="" /><noscript class=""><img class="img list-4__item__sd-1" src="https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-1200x630_v-fms_webp_8e0e0229-087b-437e-8081-f572ff548445_small.webp" alt="" width="1200" height="630" loading="lazy" /></noscript><div class="box list-4__item__sd-2"><p class="text list-4__item__sd-3 theme-8f8be537 _p6">ç¹å®åå弿³ã«åºã¥ã表示</p><p class="text list-4__item__sd-4 theme-f88c2a9b _p6">UGO MOTIONã®ç¹å®åå弿³ã«åºã¥ã表示ã«ã¤ãã¦æç¤ºãã¦ãããã¼ã¸ã§ããç¹å®åå弿³ã«åºã¥ã表示ã¨ã¯ãã¤ã³ã¿ã¼ããããéãã¦ãµã¼ãã¹ãæä¾ããã®ã«ãæ¶è²»è ã¨ã®ãã©ãã«ãæªç¶ã«é²ãããã«ãäºæ¥è ãå ¬éãã¦ãããµã¼ãã¹ãåå¼ã®æ å ±ã«ãªãã¾ãã</p></div></a></nav></div></section><footer class="box symbol-2" data-scope-v2-25e35550c11bfa2f3e6db5343076070b><section class="section symbol-2__sd-1"><div class="section-inner box symbol-2__sd-2 _pc"><div class="box symbol-2__sd-3 _p7 _pn"><div class="box symbol-2__sd-4 _pd _p16"><div class="box symbol-2__sd-5 _pd _p14"><div class="box image image--horizontal symbol-2__sd-6" style="--img-origin:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_b7be988b-8e6e-4497-9d6c-5a92b7cc3873.webp);--img-small:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_b7be988b-8e6e-4497-9d6c-5a92b7cc3873_small.webp);--img-middle:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_b7be988b-8e6e-4497-9d6c-5a92b7cc3873_middle.webp);--img-regular:url(https://storage.googleapis.com/studio-design-asset-files/projects/XKOkjjMPW4/s-3900x390_v-frms_webp_b7be988b-8e6e-4497-9d6c-5a92b7cc3873_regular.webp)"><span class="image__bg-container" aria-hidden="true"></span></div></div><nav class="box symbol-2__sd-7 _p14"><a class="box symbol-2__sd-8 _pa _pd _pi _pq" href="/"><p class="text symbol-2__sd-9 theme-f88c2a9b _p6 _px">HOME / ãã¼ã </p><span class="icon symbol-2__sd-10 fa-solid fa-angles-right _px _p11"></span></a><a class="box symbol-2__sd-11 _pa _pd _pi _pq" href="/works" data-current><p class="text symbol-2__sd-12 theme-f88c2a9b _p6 _px">WORKS / å¶ä½å®ç¸¾</p><span class="icon symbol-2__sd-13 fa-solid fa-angles-right _px _p11"></span></a><a class="box symbol-2__sd-14 _pa _pd _pi _pq" href="/blog"><p class="text symbol-2__sd-15 theme-f88c2a9b _p6 _px">BLOG / ããã°</p><span class="icon symbol-2__sd-16 fa-solid fa-angles-right _px _p11"></span></a><a class="box symbol-2__sd-17 _pa _pd _pi _pq" href="#contact"><p class="text symbol-2__sd-18 theme-f88c2a9b _p6 _px">CONTACT / ãåãåãã</p><span class="icon symbol-2__sd-19 fa-solid fa-angles-right _px _p11"></span></a><a class="box symbol-2__sd-20 _pa _pd _pi _pq" href="/proinfo/privacy_policy"><p class="text symbol-2__sd-21 theme-f88c2a9b _p6 _px">PRIVACY POLICY / ãã©ã¤ãã·ã¼ããªã·ã¼</p><span class="icon symbol-2__sd-22 fa-solid fa-angles-right _px _p11"></span></a><a class="box symbol-2__sd-23 _pa _pd _pi _pq" href="/proinfo/special_commercial_transaction_law"><p class="text symbol-2__sd-24 theme-f88c2a9b _p6 _px">SCTA / ç¹å®åå弿³ã«åºã¥ã表示</p><span class="icon symbol-2__sd-25 fa-solid fa-angles-right _px _p11"></span></a></nav></div><div class="box symbol-2__sd-26 _pd _pi _pn"><div class="box symbol-2__sd-27 _pd _pn"><p class="text symbol-2__sd-28 theme-f88c2a9b _p6 _px">Copyright UGO MOTION / All rights reserved.</p></div><a class="box symbol-2__sd-29 _pn" href="#header"><p class="text symbol-2__sd-30 theme-f88c2a9b _p6 _px">PAGE TOP</p></a></div></div></div></section></footer></div> 1303 1304 1305
1306<script> 1307if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){sdImg();},{once:true})}else{sdImg();} 1308function initModules() { 1309 try{sendAnalytics("XKOkjjMPW4");}catch(e){console.error(e);} 1310} 1311if (document.readyState === 'complete') { 1312 initModules(); 1313} else { 1314 window.addEventListener('load', initModules, { once: true }); 1315} 1316</script>
1316 1317 1318 1319 1320</body> 1321</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.