/* OEM イントロ：トップページ用 .element-top .frame / .h / .text-wrapper などとクラス名が被らないこと */
.products-oem-intro {
  --color-neutral-01: rgba(51, 51, 51, 1);
  --color-neutral-04: rgba(217, 217, 217, 0.88);
  --color-neutral-01: rgba(51, 51, 51, 1);
  font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.products-oem-intro .oem-intro-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 40rem;
  position: relative;
  box-sizing: border-box;
}

.products-oem-intro .oem-intro-body-wrap {
  width: 100%;
}

.products-oem-intro .oem-intro-body {
  margin: 0;
  font-weight: 400;
  color: var(--color-neutral-01);
  font-size: 16rem;
  line-height: 32rem;
}

/* 画像ショーケースは共通コンポーネント c-figure / c-figure-grid--cols-2 に移行
   （Figma 画像スタイルガイド 5407:89815。旧 .oem-intro-showcase* は廃止） */

@media (max-width: 768px) {
  /* SP */
  .products-oem-intro .oem-intro-stack {
    gap: 32rem;
  }

  .products-oem-intro .oem-intro-body-wrap {
    padding: 0 8rem;
    box-sizing: border-box;
  }
}