{"id":1237,"date":"2026-04-07T11:14:33","date_gmt":"2026-04-07T11:14:33","guid":{"rendered":"http:\/\/yieou.com\/?page_id=1237"},"modified":"2026-09-24T03:23:47","modified_gmt":"2026-09-24T03:23:47","slug":"exhibitions","status":"publish","type":"page","link":"https:\/\/yieou.com\/ja\/exhibitions\/","title":{"rendered":"\u5c55\u89a7\u4f1a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1237\" class=\"elementor elementor-1237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46c68cf e-con-full e-flex e-con e-parent\" data-id=\"46c68cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c44c7ed elementor-widget elementor-widget-html\" data-id=\"c44c7ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <meta name=\"description\" content=\"\u96fb\u6c17\u696d\u754c\u306e\u5c55\u793a\u4f1a\u3067YIEOU\u3092\u4f53\u9a13\u3057\u3001\u5f53\u793e\u306e\u30b1\u30fc\u30d6\u30eb\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u76f4\u63a5\u3054\u89a7\u304f\u3060\u3055\u3044\u3002\">\r\n  <title>\u5c55\u89a7\u4f1a | YIEOU<\/title>\r\n  <script>document.documentElement.classList.add('js');<\/script>\r\n  <style>\r\n    :root {\r\n      --navy: #06132f;\r\n      --navy-2: #091d45;\r\n      --blue: #2458e6;\r\n      --electric: #5a8cff;\r\n      --ice: #dce8ff;\r\n      --white: #f7f9ff;\r\n      --muted: #aab9d6;\r\n      --line: rgba(190, 211, 255, .17);\r\n      --page: min(92vw, 1380px);\r\n      --ease: cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n    html { scroll-behavior: smooth; }\r\n    body {\r\n      margin: 0;\r\n      color: var(--white);\r\n      background: var(--navy);\r\n      font-family: Inter, \"Helvetica Neue\", \"Microsoft YaHei\", Arial, sans-serif;\r\n      overflow-x: hidden;\r\n    }\r\n    body::before {\r\n      content: \"\";\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        radial-gradient(circle at 82% 12%, rgba(55, 105, 229, .24), transparent 30rem),\r\n        linear-gradient(145deg, #071632, #040d22 68%);\r\n    }\r\n    a { color: inherit; }\r\n    img { display: block; max-width: 100%; }\r\n    button, a { -webkit-tap-highlight-color: transparent; }\r\n\r\n    .skip-link {\r\n      position: fixed;\r\n      top: 10px;\r\n      left: 10px;\r\n      z-index: 1000;\r\n      padding: 10px 14px;\r\n      color: #06132f;\r\n      background: #fff;\r\n      transform: translateY(-150%);\r\n    }\r\n    .skip-link:focus { transform: translateY(0); }\r\n\r\n    .hero {\r\n      min-height: 100svh;\r\n      position: relative;\r\n      display: grid;\r\n      align-items: end;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n    }\r\n    .hero__image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      scale: 1.08;\r\n      animation: heroReveal 1.8s var(--ease) forwards;\r\n    }\r\n    .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        linear-gradient(90deg, rgba(2, 10, 29, .94) 0%, rgba(2, 10, 29, .46) 54%, rgba(2, 10, 29, .14)),\r\n        linear-gradient(0deg, #06132f 0%, transparent 45%);\r\n    }\r\n    .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      opacity: .22;\r\n      background-image:\r\n        linear-gradient(rgba(158,188,255,.2) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(158,188,255,.2) 1px, transparent 1px);\r\n      background-size: 72px 72px;\r\n      mask-image: linear-gradient(to right, #000, transparent 72%);\r\n    }\r\n    .hero__inner {\r\n      width: var(--page);\r\n      margin: auto;\r\n      padding: 150px 0 clamp(70px, 11vh, 126px);\r\n    }\r\n    .eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 13px;\r\n      margin: 0 0 22px;\r\n      color: #cbdcff;\r\n      font-size: .78rem;\r\n      font-weight: 650;\r\n      letter-spacing: .2em;\r\n      text-transform: uppercase;\r\n    }\r\n    .eyebrow::before { content: \"\"; width: 34px; height: 1px; background: var(--electric); }\r\n    .hero h1 {\r\n      max-width: 1000px;\r\n      margin: 0;\r\n      font-size: clamp(4rem, 12vw, 11rem);\r\n      font-weight: 780;\r\n      line-height: .82;\r\n      letter-spacing: -.065em;\r\n      text-transform: uppercase;\r\n      color: #ffffff;\r\n    }\r\n    .hero h1 span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.68); }\r\n    .hero__bottom {\r\n      max-width: 900px;\r\n      margin-top: clamp(30px, 6vh, 62px);\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 560px) 1fr;\r\n      gap: 34px;\r\n      align-items: end;\r\n    }\r\n    .hero__lead { margin: 0; font-size: clamp(1.05rem, 1.6vw, 1.4rem); line-height: 1.65; color: rgba(255,255,255,.8); }\r\n    .scroll-cue {\r\n      justify-self: end;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      color: rgba(255,255,255,.62);\r\n      font-size: .72rem;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n    }\r\n    .scroll-cue i { width: 46px; height: 46px; position: relative; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; }\r\n    .scroll-cue i::after { content: \"\u2193\"; position: absolute; inset: 0; display: grid; place-items: center; animation: cue 1.8s ease-in-out infinite; }\r\n\r\n    .intro {\r\n      width: var(--page);\r\n      margin: 0 auto;\r\n      padding: clamp(90px, 14vw, 190px) 0 clamp(70px, 10vw, 130px);\r\n      display: grid;\r\n      grid-template-rows: .7fr 1.3fr;\r\n    }\r\n    .section-index { color: #769cff; font-size: .78rem; letter-spacing: .17em; text-transform: uppercase; }\r\n    .intro h2 {\r\n      margin: 0;\r\n      font-size: clamp(2.2rem, 5.5vw, 5.6rem);\r\n      line-height: 1.04;\r\n      letter-spacing: -.04em;\r\n      font-weight: 650;\r\n    }\r\n    .intro h2 em { color: #89aaff; font-style: normal; }\r\n\r\n    .gallery { width: var(--page); margin: auto; }\r\n    .exhibit {\r\n      position: relative;\r\n      min-height: min(82svh, 920px);\r\n      margin-bottom: clamp(28px, 5vw, 72px);\r\n      overflow: hidden;\r\n      border: 1px solid var(--line);\r\n      border-radius: clamp(18px, 2.5vw, 34px);\r\n      background: #0a1938;\r\n      isolation: isolate;\r\n    }\r\n    .exhibit__image {\r\n      position: absolute;\r\n      inset: -6% 0;\r\n      width: 100%;\r\n      height: 112%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: scale 1.2s var(--ease), filter .6s ease;\r\n      will-change: transform;\r\n    }\r\n    .exhibit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(180deg, rgba(3,10,27,.05) 25%, rgba(3,10,27,.89) 100%);\r\n      pointer-events: none;\r\n    }\r\n    .exhibit::after {\r\n      content: attr(data-number);\r\n      position: absolute;\r\n      top: clamp(18px, 3vw, 42px);\r\n      right: clamp(20px, 3vw, 44px);\r\n      z-index: 2;\r\n      color: rgba(255,255,255,.64);\r\n      font-size: .8rem;\r\n      letter-spacing: .16em;\r\n    }\r\n    .exhibit:hover .exhibit__image { scale: 1.035; filter: saturate(1.08); }\r\n    .exhibit__caption {\r\n      position: absolute;\r\n      inset: auto clamp(24px, 5vw, 72px) clamp(25px, 5vw, 66px);\r\n      z-index: 3;\r\n      display: grid;\r\n      grid-template-columns: minmax(250px, 1fr) minmax(220px, 390px);\r\n      gap: 40px;\r\n      align-items: end;\r\n    }\r\n    .exhibit__label { display: block; margin-bottom: 14px; color: #a9c1ff; font-size: .74rem; letter-spacing: .17em; text-transform: uppercase; }\r\n    .exhibit h3 {\r\n      margin: 0;\r\n      max-width: 680px;\r\n      color: rgba(255,255,255,.84);\r\n      font-size: clamp(1.75rem, 3.8vw, 4rem);\r\n      line-height: 1.06;\r\n      letter-spacing: -.035em;\r\n      font-weight: 560;\r\n      text-shadow: 0 4px 24px rgba(2, 9, 25, .28);\r\n    }\r\n    .exhibit p {\r\n      max-height: 0;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      color: rgba(255,255,255,.78);\r\n      font-size: 1rem;\r\n      line-height: 1.65;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transform: translateY(18px);\r\n      transition:\r\n        max-height .65s var(--ease),\r\n        opacity .45s ease,\r\n        transform .65s var(--ease),\r\n        visibility 0s linear .65s;\r\n    }\r\n    .exhibit:hover p,\r\n    .exhibit:focus-visible p,\r\n    .exhibit:focus-within p {\r\n      max-height: 9rem;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: translateY(0);\r\n      transition-delay: 0s;\r\n    }\r\n    .exhibit:focus-visible {\r\n      outline: 2px solid #91b1ff;\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: clamp(20px, 3vw, 42px);\r\n    }\r\n    .gallery-grid .exhibit {\r\n      height: clamp(580px, 76svh, 760px);\r\n      min-height: 0;\r\n    }\r\n    .gallery-grid .exhibit__caption { grid-template-columns: 1fr; gap: 18px; }\r\n    .gallery-grid .exhibit h3 { font-size: clamp(1.55rem, 2.5vw, 2.75rem); }\r\n\r\n    .closing {\r\n      width: var(--page);\r\n      margin: clamp(80px, 13vw, 180px) auto 0;\r\n      padding: clamp(68px, 10vw, 130px) clamp(28px, 7vw, 100px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-top: 1px solid var(--line);\r\n      text-align: center;\r\n    }\r\n    .closing::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 420px;\r\n      height: 420px;\r\n      left: 50%;\r\n      bottom: -360px;\r\n      border-radius: 50%;\r\n      background: #3568ec;\r\n      filter: blur(55px);\r\n      translate: -50%;\r\n      opacity: .55;\r\n    }\r\n    .closing h2 { position: relative; margin: 0 auto 24px; max-width: 920px; font-size: clamp(2.6rem, 6.5vw, 6.8rem); line-height: .98; letter-spacing: -.055em; }\r\n    .closing p { position: relative; margin: 0 auto 34px; max-width: 580px; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }\r\n    .button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      min-height: 54px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0 25px;\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: #091737;\r\n      font-size: .78rem;\r\n      font-weight: 750;\r\n      letter-spacing: .13em;\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n    .button:hover, .button:focus-visible { \r\n        transform: translateY(-3px); box-shadow: 0 16px 38px rgba(38,88,230,.3);\r\n        color:#091737;\r\n        \r\n    }\r\n    .footer {\r\n      width: var(--page);\r\n      min-height: 110px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      border-top: 1px solid var(--line);\r\n      color: #7e90b1;\r\n      font-size: .75rem;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .reveal { opacity: 1; transform: none; }\r\n    .js .reveal {\r\n      opacity: 0;\r\n      transform: translateY(44px);\r\n      transition: opacity .9s var(--ease), transform .9s var(--ease);\r\n    }\r\n    .js .reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n    .js .hero .eyebrow, .js .hero h1, .js .hero__bottom {\r\n      opacity: 0;\r\n      transform: translateY(32px);\r\n      animation: intro .9s var(--ease) forwards;\r\n    }\r\n    .js .hero h1 { animation-delay: .15s; }\r\n    .js .hero__bottom { animation-delay: .3s; }\r\n    @keyframes heroReveal { to { scale: 1; } }\r\n    @keyframes intro { to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes cue { 0%,100% { transform: translateY(-3px); } 50% { transform: translateY(4px); } }\r\n\r\n    @media (max-width: 820px) {\r\n      .hero__inner { padding-bottom: 62px; }\r\n      .hero h1 { font-size: clamp(3.5rem, 17vw, 6.6rem); }\r\n      .hero__bottom, .intro, .exhibit__caption { grid-template-columns: 1fr; }\r\n      .scroll-cue { display: none; }\r\n      .intro { gap: 28px; }\r\n      .gallery-grid { grid-template-columns: 1fr; }\r\n      .exhibit, .gallery-grid .exhibit { min-height: 70svh; }\r\n      .gallery-grid .exhibit { height: 70svh; min-height: 540px; }\r\n      .exhibit__caption { gap: 18px; }\r\n      .footer { flex-direction: column; justify-content: center; text-align: center; }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      :root { --page: min(92vw, 1380px); }\r\n      .hero { min-height: 92svh; }\r\n      .hero h1 { font-size: clamp(3rem, 17.5vw, 5.5rem); line-height: .86; }\r\n      .hero__lead { font-size: 1rem; }\r\n      .exhibit, .gallery-grid .exhibit { min-height: 64svh; }\r\n      .gallery-grid .exhibit { height: 64svh; min-height: 480px; }\r\n      .exhibit__caption { inset: auto 22px 24px; }\r\n      .exhibit p { font-size: .93rem; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      html { scroll-behavior: auto; }\r\n      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n      .js .reveal, .js .hero .eyebrow, .js .hero h1, .js .hero__bottom { opacity: 1; transform: none; }\r\n      .exhibit__image { transform: none !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <a class=\"skip-link\" href=\"#main\">\u30b3\u30f3\u30c6\u30f3\u30c4\u3078\u30b9\u30ad\u30c3\u30d7<\/a>\r\n\r\n  <main id=\"main\">\r\n    <section class=\"hero\" aria-labelledby=\"page-title\">\r\n      <img decoding=\"async\" class=\"hero__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition.webp\" alt=\"YIEOU\u5c55\u793a\u30d6\u30fc\u30b9\u3001\u6765\u5834\u8005\u3092\u304a\u8fce\u3048\u3057\u307e\u3059\" fetchpriority=\"high\">\r\n      <div class=\"hero__inner\">\r\n        <p class=\"eyebrow\">YIEOU \u00b7 \u4e16\u754c\u3092\u5de1\u308b<\/p>\r\n        <h1 id=\"page-title\">\u4f1a\u3044\u306b\u6765\u3066 <span>\u5bfe\u9762\u3067\u3002<\/span><\/h1>\r\n        <div class=\"hero__bottom\">\r\n          <p class=\"hero__lead\">\u88fd\u54c1\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u6280\u8853\u7684\u306a\u4f1a\u8a71\u307e\u3067\u3001\u5f0a\u793e\u306e\u5c55\u793a\u4f1a\u306fYIEOU\u30b1\u30fc\u30d6\u30eb\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u4e16\u754c\u4e2d\u306e\u304a\u5ba2\u69d8\u3084\u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u8eab\u8fd1\u306a\u3082\u306e\u306b\u3057\u307e\u3059\u3002<\/p>\r\n          <span class=\"scroll-cue\">\u63a2\u6c42 <i aria-hidden=\"true\"><\/i><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"intro reveal\" aria-labelledby=\"gallery-heading\">\r\n      <span class=\"section-index\">01 \u2014 \u5c55\u793a\u4f1a\u306e\u3072\u3068\u3068\u304d<\/span>\r\n      <h2 id=\"gallery-heading\" style=\"color:white\">\u88fd\u54c1\u3001\u5c02\u9580\u77e5\u8b58\u3001\u305d\u3057\u3066 <em>\u4eba\u3005\u306f\u3064\u306a\u304c\u308b\u3002<\/em><\/h2>\r\n    <\/section>\r\n\r\n    <section class=\"gallery\" aria-label=\"YIEOU\u5c55\u89a7\u4f1a\u30ae\u30e3\u30e9\u30ea\u30fc\">\r\n      <article class=\"exhibit reveal\" data-number=\"01 \/ 04\" tabindex=\"0\">\r\n        <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition.webp\" alt=\"\u96fb\u6c17\u696d\u754c\u306e\u5c55\u793a\u4f1a\u3067YIEOU\u30c1\u30fc\u30e0\u3068\u9762\u4f1a\u3059\u308b\u6765\u5834\u8005\" loading=\"eager\">\r\n        <div class=\"exhibit__caption\">\r\n          <div>\r\n            <span class=\"exhibit__label\">\u30b0\u30ed\u30fc\u30d0\u30eb\u5c55\u958b<\/span>\r\n            <h3>\u5bfe\u9762\u3067\u306e\u3064\u306a\u304c\u308a<\/h3>\r\n          <\/div>\r\n          <p>\u3059\u3079\u3066\u306e\u5c55\u793a\u4f1a\u306f\u3001\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30cb\u30fc\u30ba\u3092\u7406\u89e3\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u7d4c\u9a13\u3092\u5171\u6709\u3057\u3001\u6c38\u7d9a\u7684\u306a\u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7\u3092\u69cb\u7bc9\u3059\u308b\u6a5f\u4f1a\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"gallery-grid\">\r\n        <article class=\"exhibit reveal\" data-number=\"02 \/ 04\" tabindex=\"0\">\r\n          <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-trade-show-indoor-booth-display.webp\" alt=\"YIEOU\u5c4b\u5185\u5c55\u793a\u4f1a\u30d6\u30fc\u30b9\u304a\u3088\u3073\u88fd\u54c1\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\" loading=\"lazy\">\r\n          <div class=\"exhibit__caption\">\r\n            <div>\r\n              <span class=\"exhibit__label\">\u30d6\u30fc\u30b9\u4f53\u9a13<\/span>\r\n              <h3>\u5c55\u793a\u3055\u308c\u3066\u3044\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/h3>\r\n            <\/div>\r\n            <p>\u5f53\u793e\u306e\u96fb\u6e90\u30b1\u30fc\u30d6\u30eb\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u88fd\u54c1\u306e\u7d20\u6750\u3001\u69cb\u9020\u3001\u30c7\u30a3\u30c6\u30fc\u30eb\u3092\u8a73\u3057\u304f\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"exhibit reveal\" data-number=\"03 \/ 04\" tabindex=\"0\">\r\n          <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-2023-electrical-industry-expo-booth.webp\" alt=\"YIEOU 2023\u5e74\u96fb\u6c17\u696d\u754c\u30a8\u30ad\u30b9\u30dd\u51fa\u5c55\" loading=\"lazy\">\r\n          <div class=\"exhibit__caption\">\r\n            <div>\r\n              <span class=\"exhibit__label\">\u696d\u754c\u4ea4\u6d41\u30fb2023<\/span>\r\n              <h3>\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u305f\u3081\u306b\u69cb\u7bc9<\/h3>\r\n            <\/div>\r\n            <p>\u5f53\u793e\u306e\u30c1\u30fc\u30e0\u306f\u3001\u696d\u754c\u5168\u4f53\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u8ca9\u58f2\u4ee3\u7406\u5e97\u3001\u96fb\u529b\u5c02\u9580\u5bb6\u3068\u30a2\u30a4\u30c7\u30a2\u3092\u4ea4\u63db\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <article class=\"exhibit reveal\" data-number=\"04 \/ 04\" tabindex=\"0\">\r\n        <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition-hall-cable-accessories-display.webp\" alt=\"YIEOU\u5c55\u793a\u30db\u30fc\u30eb\u5185\u306e\u30b1\u30fc\u30d6\u30eb\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\" loading=\"lazy\">\r\n        <div class=\"exhibit__caption\">\r\n          <div>\r\n            <span class=\"exhibit__label\">\u88fd\u54c1\u7d39\u4ecb<\/span>\r\n            <h3>\u63a2\u6c42\u3067\u304d\u308b\u8a73\u7d30<\/h3>\r\n          <\/div>\r\n          <p>\u5c55\u793a\u4f1a\u6765\u5834\u8005\u306f\u3001\u88fd\u54c1\u3092\u76f4\u63a5\u6bd4\u8f03\u3057\u3001\u4ed5\u69d8\u3001\u7528\u9014\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8981\u4ef6\u306b\u3064\u3044\u3066\u5f0a\u793e\u306e\u30c1\u30fc\u30e0\u3068\u76f4\u63a5\u304a\u8a71\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/section>\r\n\r\n    <section class=\"closing reveal\" aria-labelledby=\"closing-title\">\r\n      <p class=\"eyebrow\" style=\"justify-content:center\">\u4f1a\u3044\u307e\u3057\u3087\u3046<\/p>\r\n      <h2 id=\"closing-title\" style=\"color:white\">\u6b21\u56de\u306e\u5c55\u793a\u4f1a\u3067YIEOU\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/h2>\r\n      <p>\u5c02\u9580\u5bb6\u3068\u8a71\u3057\u5408\u3044\u3001\u88fd\u54c1\u3092\u9593\u8fd1\u3067\u898b\u3066\u3001\u304a\u5ba2\u69d8\u306e\u7528\u9014\u306b\u6700\u9069\u306a\u30b1\u30fc\u30d6\u30eb\u30a2\u30af\u30bb\u30b5\u30ea\u30fc\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n      <a class=\"button\" href=\"\/ja\/contact-us\/\">\u3053\u3093\u306b\u3061\u306f\u3002<\/a>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"footer\">\r\n    <span>\u00a9 <span id=\"year\"><\/span> YIEOU. \u7121\u65ad\u8ee2\u8f09\u3092\u7981\u3058\u307e\u3059\u3002<\/span>\r\n    <span>\u96fb\u6e90\u63a5\u7d9a\u30fb\u5b89\u5fc3\u306e\u8a2d\u8a08<\/span>\r\n  <\/footer>\r\n\r\n  <script>\r\n    (() => {\r\n      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      const revealItems = document.querySelectorAll('.reveal');\r\n      const parallaxImages = document.querySelectorAll('.exhibit__image');\r\n\r\n      document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('is-visible');\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: .14, rootMargin: '0px 0px -7% 0px' });\r\n        revealItems.forEach((item) => observer.observe(item));\r\n      } else {\r\n        revealItems.forEach((item) => item.classList.add('is-visible'));\r\n      }\r\n\r\n      if (!reduceMotion) {\r\n        let ticking = false;\r\n        const updateParallax = () => {\r\n          const vh = window.innerHeight;\r\n          parallaxImages.forEach((image) => {\r\n            const rect = image.parentElement.getBoundingClientRect();\r\n            if (rect.bottom > 0 && rect.top < vh) {\r\n              const progress = (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh;\r\n              image.style.transform = `translate3d(0, ${progress * -34}px, 0)`;\r\n            }\r\n          });\r\n          ticking = false;\r\n        };\r\n        window.addEventListener('scroll', () => {\r\n          if (!ticking) {\r\n            requestAnimationFrame(updateParallax);\r\n            ticking = true;\r\n          }\r\n        }, { passive: true });\r\n        updateParallax();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Exhibitions | YIEOU Skip to content YIEOU \u00b7 Around the world Meet us in person. From product demonstrations to technical [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1237","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/pages\/1237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/comments?post=1237"}],"version-history":[{"count":37,"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/pages\/1237\/revisions"}],"predecessor-version":[{"id":3389,"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/pages\/1237\/revisions\/3389"}],"wp:attachment":[{"href":"https:\/\/yieou.com\/ja\/wp-json\/wp\/v2\/media?parent=1237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}