:root {
        --et-red: #bf1024;
        --et-ink: #24304a;
        --et-text: #303744;
        --et-muted: #657083;
        --et-line: #d9dee5;
        --et-max: 1200px;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        background: #fff;
        color: var(--et-text);
        font-family: system-ui,-apple-system,"Noto Sans JP","Yu Gothic",sans-serif;
        line-height: 1.75;
      }

      *,*::before,*::after {
        box-sizing: border-box;
      }

      img {
        max-width: 100%;
        height: auto;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      .et-main {
        display: block;
        clear: both;
        max-width: var(--et-max);
        width: calc(100% - 44px);
        margin: 0 auto;
        padding: 80px 0 62px;
        background: #fff;
        position: relative;
        z-index: 2;
      }

      .et-breadcrumb {
        display: block;
        clear: both;
        font-size: 12px;
        color: var(--et-muted);
        margin: 0 0 32px;
        background: #fff;
        position: relative;
        z-index: 2;
      }

      .et-breadcrumb a:hover {
        color: var(--et-red);
      }

      .et-intro {
        display: block;
        clear: both;
        overflow: hidden;
        margin: 0 0 47px;
        background: #fff;
        position: relative;
        z-index: 2;
      }

      .et-h1 {
        display: block;
        float: none !important;
        clear: both;
        width: 100%;
        font-size: clamp(30px,3.1vw,42px);
        line-height: 1.4;
        color: var(--et-ink);
        font-weight: 800;
        letter-spacing: .015em;
        margin: 0 0 22px;
        padding: 0 0 0 17px;
        border-left: 4px solid #b7923a;
        background: transparent !important;
      }

      .et-lead {
        display: block;
        float: none !important;
        clear: both;
        width: 100%;
        max-width: 1060px;
        margin: 0;
        font-size: 15px;
        line-height: 2;
        color: #404a5a;
        background: transparent !important;
        position: relative;
        z-index: 2;
      }

      .et-index {
        margin-bottom: 57px;
      }

      .et-index-title {
        margin: 0 0 11px;
        font-size: clamp(23px,2.3vw,30px);
        color: var(--et-ink);
        font-weight: 750;
        padding-left: 14px;
        border-left: 3px solid #b7923a;
      }

      .et-index-text {
        font-size: 14px;
        color: var(--et-muted);
        margin: 0 0 22px;
      }

      .et-index-grid {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 10px;
      }

      .et-index-grid a {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        min-height: 62px;
        padding: 12px 14px;
        border: 1px solid var(--et-line);
        background: white;
        font-size: 14px;
        font-weight: 650;
        transition: border-color .2s,color .2s;
      }

      .et-index-grid a:hover,.et-index-grid a:focus-visible {
        border-color: var(--et-red);
        color: var(--et-red);
      }

      .et-index-grid a::after {
        content: '›';
        font-size: 24px;
        font-weight: 400;
        color: var(--et-red);
        line-height: 1;
      }

      .et-section {
        padding: 29px 0 34px;
        border-top: 1px solid var(--et-line);
        scroll-margin-top: 105px;
      }

      .et-section-title {
        margin: 0 0 11px;
        font-size: clamp(22px,2.2vw,28px);
        color: var(--et-ink);
        line-height: 1.45;
        font-weight: 780;
        padding-left: 15px;
        border-left: 3px solid #b7923a;
      }

      .et-section-desc {
        font-size: 14px;
        color: #526072;
        margin: 0 0 22px;
        line-height: 1.85;
        max-width: 1050px;
      }

      .et-cards {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 18px;
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .et-card {
        min-width: 0;
      }

      .et-card a {
        border: 1px solid var(--et-line);
        background: #fff;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        transition: box-shadow .2s,border-color .2s,transform .2s;
      }

      .et-card a:hover {
        border-color: #bdc5cf;
        box-shadow: 0 5px 15px rgba(0,0,0,.08);
        transform: translateY(-2px);
      }

      .et-card img {
        display: block;
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: contain;
        background: #fff;
        border-bottom: 1px solid #e5e8ed;
      }

      .et-card-name {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        min-height: 56px;
        padding: 12px 14px;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 700;
        color: var(--et-ink);
      }

      .et-card-name::after {
        content: '›';
        font-size: 23px;
        color: var(--et-red);
        font-weight: 400;
        flex-shrink: 0;
      }

      .et-end {
        margin-top: 14px;
        padding-top: 17px;
        border-top: 1px solid var(--et-line);
        text-align: right;
      }

      .et-end a {
        font-size: 13px;
        color: var(--et-muted);
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      .et-end a:hover {
        color: var(--et-red);
      }

      @media(max-width:850px) {
        .et-main {
          padding-top: 75px;
        }
        .et-index-grid {
          grid-template-columns: repeat(2,1fr);
        }
        .et-cards {
          grid-template-columns: repeat(2,minmax(0,1fr));
          gap: 14px;
        }
      }

      @media(max-width:500px) {
        .et-main {
          width: calc(100% - 24px);
          padding-top: 72px;
        }
        .et-breadcrumb {
          margin-bottom: 21px;
        }
        .et-intro {
          margin-bottom: 34px;
        }
        .et-h1 {
          font-size: 27px;
          padding-left: 12px;
        }
        .et-lead {
          font-size: 13px;
          line-height: 1.85;
        }
        .et-index {
          margin-bottom: 37px;
        }
        .et-index-title {
          font-size: 22px;
          padding-left: 11px;
        }
        .et-index-text,.et-section-desc {
          font-size: 12px;
        }
        .et-index-grid {
          gap: 8px;
        }
        .et-index-grid a {
          padding: 10px;
          font-size: 12px;
          min-height: 56px;
        }
        .et-section {
          padding: 24px 0 27px;
        }
        .et-section-title {
          font-size: 20px;
          padding-left: 10px;
        }
        .et-cards {
          gap: 11px;
        }
        .et-card-name {
          padding: 8px 7px;
          font-size: 11px;
          min-height: 51px;
        }
        .et-card img {
          aspect-ratio: 4/3;
        }
      }

      @media(prefers-reduced-motion:reduce) {
        html {
          scroll-behavior: auto;
        }
        .et-card a {
          transition: none;
        }
      }

      /* 共通ヘッダー用CSSと衝突しないよう、導入部分の装飾を明示的に初期化 */
      #projectresult > .et-intro {
        display: block!important;
        position: static!important;
        float: none!important;
        clear: both!important;
        width: 100%!important;
        height: auto!important;
        min-height: 0!important;
        margin: 0 0 42px!important;
        padding: 0!important;
        background: #fff!important;
        background-image: none!important;
        border: 0!important;
        border-radius: 0!important;
        box-shadow: none!important;
        filter: none!important;
        transform: none!important;
        overflow: visible!important;
      }

      #projectresult > .et-intro > .et-h1 {
        display: block!important;
        position: static!important;
        float: none!important;
        clear: both!important;
        width: 100%!important;
        max-width: none!important;
        height: auto!important;
        margin: 0 0 15px!important;
        padding: 0 0 0 16px!important;
        background: none!important;
        border: 0!important;
        border-left: 4px solid #b7923a!important;
        box-shadow: none!important;
        filter: none!important;
        transform: none!important;
        text-shadow: none!important;
        color: #24304a!important;
        font-size: clamp(28px,3vw,38px)!important;
        line-height: 1.35!important;
      }

      #projectresult > .et-intro > .et-lead {
        display: block!important;
        position: static!important;
        float: none!important;
        clear: both!important;
        width: 100%!important;
        max-width: 1060px!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important;
        background: none!important;
        border: 0!important;
        border-radius: 0!important;
        box-shadow: none!important;
        filter: none!important;
        transform: none!important;
        text-shadow: none!important;
        color: #404a5a!important;
        font-size: 15px!important;
        line-height: 1.95!important;
        font-weight: 400!important;
      }

      @media(max-width:500px) {
        #projectresult > .et-intro > .et-h1 {
          font-size: 26px!important;
          padding-left: 12px!important;
        }
        #projectresult > .et-intro > .et-lead {
          font-size: 13px!important;
        }
      }

      .et-simple-intro {
        margin-bottom: 32px;
      }

      .et-simple-intro .et-h1 {
        margin-bottom: 13px;
      }

      .et-simple-intro .et-lead {
        max-width: 1000px;
      }

      .et-simple-section {
        border-top: 1px solid var(--et-line);
        padding-top: 25px;
      }

      @media(max-width:690px) {
      }

      /* ページをスクロールした際に表示する「↑ Top」 */
      #et-back-to-top {
        position: fixed!important;
        right: 22px!important;
        bottom: 24px!important;
        left: auto!important;
        top: auto!important;
        z-index: 9999!important;
        display: flex!important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 56px;
        height: 56px;
        padding: 5px;
        border: 1px solid #d3d7e0;
        border-radius: 3px;
        background: #fff;
        color: #24304a;
        font: 700 11px/1.15 system-ui,"Noto Sans JP",sans-serif;
        box-shadow: 0 3px 13px rgba(0,0,0,.12);
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        pointer-events: none;
        transition: opacity .2s ease,transform .2s ease,visibility .2s ease;
      }

      #et-back-to-top.et-visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
      }

      #et-back-to-top .et-top-arrow {
        font-size: 25px;
        line-height: 1.1;
        font-weight: 400;
        color: #b7923a;
      }

      #et-back-to-top:hover,#et-back-to-top:focus-visible {
        border-color: #b7923a;
        color: #b7923a;
      }

      @media(max-width:600px) {
        #et-back-to-top {
          right: 12px!important;
          bottom: 16px!important;
          width: 48px;
          height: 48px;
          font-size: 10px;
        }
        #et-back-to-top .et-top-arrow {
          font-size: 22px;
        }
      }

      @media(prefers-reduced-motion:reduce) {
        #et-back-to-top {
          transition: none;
        }
      }

      /* ディレクトリトップへのリンク（ページ先頭に常時表示） */
      .et-directory-nav {
        margin: 0 0 30px;
        clear: both;
      }

      .et-directory-nav ul {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 10px;
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .et-directory-nav li {
        margin: 0;
        padding: 0;
        min-width: 0;
      }

      .et-directory-nav a {
        min-height: 48px;
        padding: 10px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--et-line);
        color: var(--et-ink);
        background: #fff;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        line-height: 1.5;
        transition: color .2s,border-color .2s;
      }

      .et-directory-nav a:hover,.et-directory-nav a:focus-visible {
        color: var(--et-red);
        border-color: var(--et-red);
      }

      .et-directory-nav a[aria-current="page"] {
        border-bottom: 2px solid #b7923a;
        background: #f7f8fa;
      }

      @media(max-width:650px) {
        .et-directory-nav ul {
          grid-template-columns: repeat(2,minmax(0,1fr));
          gap: 8px;
        }
        .et-directory-nav a {
          min-height: 45px;
          font-size: 12px;
          padding: 9px 6px;
        }
      }

      /* 冒頭説明文は短い行幅で読みやすく */
      #projectresult > .et-intro > .et-lead {
        max-width: 840px!important;
        line-height: 1.9!important;
      }
    </style>
    <style>
      /* 展示事例専用ギャラリー。メイン特集カードと別デザイン */
      #et-case-studies {
        margin-top: 64px;
        padding-top: 40px;
        border-top: 2px solid #d7dfe6;
      }

      #et-case-studies .et-case-grid {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 20px 14px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      #et-case-studies .et-case-card {
        margin: 0;
        min-width: 0;
      }

      #et-case-studies .et-case-card a {
        display: block;
        border: 0;
        background: transparent;
        box-shadow: none;
        text-decoration: none;
        transform: none;
      }

      #et-case-studies .et-case-thumb {
        position: relative;
        overflow: hidden;
        aspect-ratio: 4/3;
        background: #edf0f3;
        border: 1px solid #e1e5e9;
      }

      #et-case-studies .et-case-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .24s ease;
      }

      #et-case-studies .et-case-card a:hover .et-case-thumb img {
        transform: scale(1.035);
      }

      #et-case-studies .et-case-meta {
        padding: 10px 0 0;
        background: transparent;
        border: 0;
      }

      #et-case-studies .et-case-tag {
        display: block;
        margin: 0 0 5px;
        color: #697588;
        font-size: 11px;
        line-height: 1.35;
      }

      #et-case-studies .et-case-name {
        display: block;
        color: #24304a;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.65;
      }

      #et-case-studies .et-case-name:after {
        content: none;
      }

      #et-case-studies .et-case-more {
        text-align: right;
        margin: 26px 0 0;
      }

      #et-case-studies .et-case-more a {
        display: inline-block;
        padding: 9px 20px;
        border: 1px solid #cfd7e0;
        color: #24304a;
        background: #fff;
        text-decoration: none;
        font-weight: 700;
        font-size: 13px;
      }

      #et-case-studies .et-case-more a:hover {
        border-color: #b7923a;
      }

      @media(max-width:850px) {
        #et-case-studies .et-case-grid {
          grid-template-columns: repeat(2,minmax(0,1fr));
          gap: 18px 12px;
        }
      }

      @media(max-width:500px) {
        #et-case-studies {
          margin-top: 37px;
          padding-top: 26px;
        }
        #et-case-studies .et-case-name {
          font-size: 11px;
        }
        #et-case-studies .et-case-tag {
          font-size: 10px;
        }
        #et-case-studies .et-case-meta {
          padding-top: 7px;
        }
      }

      #et-case-studies .et-case-intro-note {
        font-size: 11px;
        letter-spacing: .12em;
        color: #b7923a;
        font-weight: 700;
        margin: 0 0 8px;
      }
      /* 新着ページ：カード画像左上のNEW表示 */
      #projectresult .et-card--new > a {
        position: relative;
      }

      #projectresult .et-card--new .et-new-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 2;
        display: inline-block;
        padding: 5px 11px;
        background: #bf1024;
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: 0.08em;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
        pointer-events: none;
      }

      @media (max-width: 500px) {
        #projectresult .et-card--new .et-new-badge {
          top: 8px;
          left: 8px;
          padding: 4px 8px;
          font-size: 10px;
        }
      }