自動スライドレビュー

<div class="d06-01-02-stage">
          <blockquote class="d06-01-02-slide is-on">
            <div class="d06-01-02-stars">★★★★★</div>
            <p>スタッフの皆さんの笑顔が印象的で、安心して任せられました。</p>
            <cite><span class="d06-01-02-av" style="--g1:#f97316;--g2:#fb7185">S</span>S.K 様</cite>
          </blockquote>
          <blockquote class="d06-01-02-slide">
            <div class="d06-01-02-stars">★★★★★</div>
            <p>細かな要望にも柔軟に応えていただき、大満足の仕上がりです。</p>
            <cite><span class="d06-01-02-av" style="--g1:#0ea5e9;--g2:#22d3ee">Y</span>山本 様</cite>
          </blockquote>
          <blockquote class="d06-01-02-slide">
            <div class="d06-01-02-stars">★★★★☆</div>
            <p>初めての利用でしたが、丁寧な説明で不安なく進められました。</p>
            <cite><span class="d06-01-02-av" style="--g1:#22c55e;--g2:#84cc16">M</span>M.T 様</cite>
          </blockquote>
        </div>

.d06-01-02{background:linear-gradient(135deg,#fff7ed,#fef2f2)}
        .d06-01-02-stage{position:relative;width:320px;height:200px}
        .d06-01-02-slide{position:absolute;inset:0;margin:0;background:#fff;border-radius:16px;padding:26px 24px;box-shadow:0 10px 28px rgba(120,80,40,.14);display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
        .d06-01-02-slide.is-on{opacity:1;transform:none;pointer-events:auto}
        .d06-01-02-stars{color:#ffb400;letter-spacing:2px;margin-bottom:12px}
        .d06-01-02-slide p{margin:0 0 18px;color:#453a30;font-size:14px;line-height:1.8}
        .d06-01-02-slide cite{font-style:normal;font-weight:700;color:#2c2620;font-size:13px;display:flex;align-items:center;gap:10px}
        .d06-01-02-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}

(function(){
        var root=document.getElementById('item-06-01-02');if(!root)return;
        var slides=root.querySelectorAll('.d06-01-02-slide'),i=0;
        setInterval(function(){slides[i].classList.remove('is-on');i=(i+1)%slides.length;slides[i].classList.add('is-on');},3200);
      })();