.main-container{position:relative;width:100%;max-width:100%;overflow:hidden;/*padding-bottom:40px;*/}
.content-wrapper{display:flex;width:100%;/*aspect-ratio:3000/960*/;position:relative;}
.content-wrapper.image-right .text-slider-container{order:1;width:60%;padding-left:3.5%}
.content-wrapper.image-right .image-slider-container{order:2;width:35%;padding-right:3.5%;}
.content-wrapper.image-left .image-slider-container{order:1;width:35%;padding-left:3.5%;}
.content-wrapper.image-left .text-slider-container{order:2;width:60%;padding-right:3.5%;}
.text-slider-container{position:relative;width:70%;padding:0 40px;overflow:hidden;z-index:10;}
.text-slider{position:relative;width:100%;height:100%;/*min-height:400px;*/}
.text-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;transition:opacity 0.3s ease, visibility 0.3s ease;}
.text-slide.active{opacity:1;visibility:visible;position:relative;}
.image-slider-container{position:relative;width:30%;aspect-ratio:960/640;overflow:hidden;z-index:1;}
.background-slider{position:relative;width:100%;height:100%;/*aspect-ratio:3000/960;*/}
.image-slide{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:960/640;background-size:100%;background-position:center center;background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}
.image-slide.active{opacity:1;visibility:visible;}
.slider-nav{position:absolute;top:30%;transform:translateY(-30%);z-index:100;width:50px;height:50px;background:rgba(255,255,255,0.9);border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;}
.slider-nav:hover{background:rgba(0,115,170,0.9);border-color:#0073aa;}
.slider-nav:hover{transform:translateY(-50%) scale(1.1);}
.slider-nav svg{width:24px;height:24px;fill:#333;transition:fill .3s ease;}
.slider-nav:hover svg{fill:#fff;}
.slider-nav-prev{left:20px;}
.slider-nav-next{right:20px;}
.step-indicator{display:inline-flex;align-items:center;background:#0073aa;color:#fff;padding:5px 10px;border-radius:5px;margin-bottom:15px;font-size:16px;font-weight:600;}
.step-title{font-size:28px;font-weight:700;margin-bottom:15px;color:#333;line-height:1.3;}
.step-description{font-size:16px;line-height:1.6;color:#555;}

.image-slide.slide-01{background:url("../img/index06_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-02{background:url("../img/index07_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-03{background:url("../img/index08_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-04{background:url("../img/index09_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-05{background:url("../img/index30_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-06{background:url("../img/index31_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-07{background:url("../img/index40_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-08{background:url("../img/index41_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-09{background:url("../img/index42_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-10{background:url("../img/index43_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-11{background:url("../img/index44_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-12{background:url("../img/index45_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-13{background:url("../img/index35_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-14{background:url("../img/index17-2_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-15{background:url("../img/index12_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-16{background:url("../img/index69_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-17{background:url("../img/index70_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-18{background:url("../img/index72_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-19{background:url("../img/index73_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-20{background:url("../img/index74_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-21{background:url("../img/index78_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-22{background:url("../img/index79_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-23{background:url("../img/index80_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-24{background:url("../img/index81_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-25{background:url("../img/index82_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-26{background:url("../img/index99_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-27{background:url("../img/index100_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}
.image-slide.slide-28{background:url("../img/index101_M.jpg") no-repeat;width:100%;aspect-ration:960/640;background-size:100%;}




@media screen and (max-width:768px){
    .content-wrapper{flex-direction:column;aspect-ratio:auto;height:auto;}
    .content-wrapper.image-right .text-slider-container,
    .content-wrapper.image-left .text-slider-container{width:100%;order:2;padding:20px 15px;}
    .content-wrapper.image-right .image-slider-container,
    .content-wrapper.image-left .image-slider-container{width:100%;order:1;}
    .text-slider-container{width:100%;padding:20px 15px;height:auto;}
    .image-slider-container{width:100%;aspect-ratio:960/640;position:relative;}
    
    /* テキストスライダーの修正部分 */
    .text-slider{
        position: relative;
        height: auto;
        min-height: 250px;
        padding-bottom: 60px;
    }
    .text-slide{
        position: absolute;
        height: auto;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        padding: 0;
    }
    .text-slide.active{
        opacity: 1;
        visibility: visible;
    }
    
    .step-title{font-size:22px;margin-bottom:10px;}
    .step-description{font-size:15px;}
    
  /* 画像の上に矢印を重ねる土台 */
  .image-slider-container .background-slider{width:100%;aspect-ratio:960/640;
    position: relative;
  }

  /* ボタン本体（中身は空） */
  .slider-nav-prev-image,
  .slider-nav-next-image{
    position:absolute; top:45%; transform:translateY(-45%);
    width:44px; height:44px; border-radius:50%;
    border:2px solid #333; background:rgba(255,255,255,0.4);
    display:flex; align-items:center; justify-content:center;
    z-index:100; cursor:pointer; padding:0;
    font-family: "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols2","Noto Sans Symbols",sans-serif;
  }
  .slider-nav-prev-image{ left:10px; }
  .slider-nav-next-image{ right:10px; }

  .slider-nav-prev-image::before{ content:"\21BC"; font-size:22px; line-height:1; color:#333; }
  .slider-nav-next-image::before{ content:"\21C0"; font-size:22px; line-height:1; color:#333; }


  /* もしPC用(.slider-nav)が残ってて位置が変わらない原因になってるなら消す */
  .image-slider-container .slider-nav{visibility: hidden;
    display: none !important;
  }
  .slider-nav-prev{display:none;visibility: hidden;}
  .slider-nav-next{display:none;visibility:hidden;}

}

@media screen and (min-width:769px){
    .slider-nav-prev-image,
    .slider-nav-next-image,
    .slider-nav-prev-text,
    .slider-nav-next-text{display:none;visibility: hidden;}
}

.repair-text-content, 
.step-description, 
.section-text {
    white-space: pre-line;
}