@charset "utf-8";
/* CSS Document */

.satsuki-box {

  .satsuki-box{
    width: 100%;
    margin: 0;
  }

  /* 共通：1920px幅のスライスを、画面幅にフィットさせつつ比率維持 */
  .satsuki-box__row{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* 必要なら contain に変更 */
  }

  /* 画像の場所：img/access/ */

  /* 1 */
  .satsuki-box__row--1{
    background-image: url("../img/access/access_r1_c1.jpg");
    aspect-ratio: 1920 / 145;
  }
  /* 2 */
  .satsuki-box__row--2{
    background-image: url("../img/access/access_r2_c1.jpg");
    aspect-ratio: 1920 / 680;
  }
  /* 3 */
  .satsuki-box__row--3{
    background-image: url("../img/access/access_r3_c1.jpg");
    aspect-ratio: 1920 / 414;
  }
  /* 4 */
  .satsuki-box__row--4{
    background-image: url("../img/access/access_r4_c1.jpg");
    aspect-ratio: 1920 / 199;
  }
  /* 5 */
  .satsuki-box__row--5{
    background-image: url("../img/access/access_r5_c1.jpg?2");
    aspect-ratio: 1920 / 725;
  }
  /* 6 */
  .satsuki-box__row--6{
    background-image: url("../img/access/access_r6_c1.jpg");
    aspect-ratio: 1920 / 1011;
  }
  /* 7 */
  .satsuki-box__row--7{
    background-image: url("../img/access/access_r7_c1.jpg");
    aspect-ratio: 1920 / 840;
  }
  /* 8 */
  .satsuki-box__row--8{
    background-image: url("../img/access/access_r8_c1.jpg");
    aspect-ratio: 1920 / 520;
  }
  /* 9 */
  .satsuki-box__row--9{
    background-image: url("../img/access/access_r9_c1.jpg");
    aspect-ratio: 1920 / 912;
  }
  /* 10 */
  .satsuki-box__row--10{
    background-image: url("../img/access/access_r10_c1.jpg");
    aspect-ratio: 1920 / 642;
  }
  /* 11 */
  .satsuki-box__row--11{
    background-image: url("../img/access/access_r11_c1.jpg");
    aspect-ratio: 1920 / 1046;
  }
  /* 12 */
  .satsuki-box__row--12{
    background-image: url("../img/access/access_r12_c1.jpg");
    aspect-ratio: 1920 / 426;
  }
    
    
    
    
}