/* 土台 */
.isa-hero{
  position: relative;
  box-sizing: border-box;
  color: #fff; /* 必要に応じて変更 */
}

/* 背景：右→左に、テーマ色(70%透過) → 白 */
.isa-hero{
  position: relative;
  box-sizing: border-box;
  color: #fff;
  margin-top: 142px;
  padding: 35px 0 55px 0;
  background-image: linear-gradient(
    289.186deg,
    color-mix(in srgb, var(--theme) 36%, white 30%) 0%,
    color-mix(in srgb, var(--theme) 25%, white 75%) 24%,
    #f9f8d9 100%
  );
  background-color: transparent;
  isolation: isolate;   /* ← 親でスタッキングコンテキストを閉じて安全に */
}

.isa-hero .isa-hero__kv{
  position: absolute;
  right: clamp(0px, 4vw, 28px);
  top: 17px;
  width: 200px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  object-fit: contain;

  /* 念のためのブレンド系リセット（テーマ側のグローバル指定対策） */
  mix-blend-mode: normal;
  opacity: 1;
  filter: none;
}
.isa-hero .isa-hero__inner{
  position: relative;
  z-index: 2;           /* ← これが肝心 */
}

/* 中身 */
/* .isa-hero .isa-hero__inner{ position: relative; z-index: 1; }
.isa-hero .isa-hero__container{
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(48px, 8vw, 140px) clamp(16px, 4vw, 32px);
} */

/* 編集画面での見やすさ（任意） */
.editor-styles-wrapper .isa-hero{
  outline: 1px dashed rgba(255,255,255,.25);
}
@media (max-width: 1024px) {
        .isa-hero {
        margin-top: 62px;
        padding: 66px 0 90px 0;
    }

.isa-hero .isa-hero__kv {
    position: absolute;
    right: clamp(0px, 4vw, 28px);
    top: 38px;
    width: 158px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    object-fit: contain;
}
}