.ss-wrap { position: relative; }
.ss-pin  { position: relative; display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(16px, 4vw, 48px); align-items: stretch; min-height: 100vh; }

/* 追加・変更 */
.ss-left { 
  position: sticky; 
  top: 0; 
  min-height: 100vh; 
  padding: clamp(16px,3vw,32px);
  display: block;          /* ← flexやめる */
}

/* 各テキストを同じ位置に重ねる */
.ss-step {
  position: absolute;      /* ←これで固定位置に */
  inset: 0;                /* 上下左右0 */
  max-width: 640px;        /* お好みで */
  margin: auto 0;          /* 縦位置を中央寄せしたい場合 */
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;    /* 非表示時のクリック抑止 */
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.ss-step.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  
}

/* ドットナビがテキストに被らないよう、左ペインに相対配置 */
.ss-left { position: sticky; top:0; }
.ss-dots { position: absolute; bottom: 20px; left: 0; display:flex; gap:10px; }
.ss-title { font-size: clamp(28px, 4vw, 48px); line-height: 1.1; margin: 0 0 .5em; font-weight: 700; }
.ss-text  { font-size: clamp(16px, 1.6vw, 18px); line-height: 1.8; margin: 0 0 1em; }
.ss-link  { display: inline-block; padding: .7em 1.1em; border: 1px solid #ddd; border-radius: 999px; text-decoration: none; }

.ss-right { position: sticky; top: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ss-imgs  { position: relative; width:100%; aspect-ratio: 4 / 3; }
.ss-img   { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;opacity: 0; transform: translateY(40px); }
.ss-img.is-active { opacity: 1; transform: translateY(0); }

.ss-dots { display: flex; gap: 10px; margin-top: 20px; }
.ss-dot  { width: 10px; height: 10px; border-radius: 50%; border: none; background: #cfd3d8; cursor: pointer; }
.ss-dot.is-active { background: #111; }
.ss-wrap--stack { display: none; }

@media (max-width: 960px) {
 .ss-wrap--pin   { display: none; }  /* ← PC用は消す：ピン/GSAP使わない */
  .ss-wrap--stack { display: block; }

  /* カード体裁 */
  .ss-card {
    display: block;
    margin: 24px auto;
    max-width: 680px;
    padding: 0 16px;
  }
  .ss-card__img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
  }
  .ss-card__body {
    padding: 12px 4px 0;
  }
  .ss-card__title {
    font-size: clamp(22px, 5vw, 28px);
    margin: 8px 0;
    font-weight: 700;
  }
  .ss-card__text {
    line-height: 1.8;
    margin: 6px 0 12px;
  }
  .ss-card__link {
    display: inline-block;
    padding: .6em 1em;
    border: 1px solid #ddd;
    border-radius: 999px;
    text-decoration: none;
  }
}