@charset "utf-8";
/* CSS Document */
.alegria-box{

/* 共通設定 */
div[class^="s"] {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* 必要なら contain に変更 */
  max-width: 1920px;
  margin: 0 auto;
}

/* 各画像：縦横比（aspect-ratio: 横 / 縦） */
.s1 { aspect-ratio: 1920 / 736;  background-image: url("https://p-c.pw/alegria/img/spa/s1.png"); }
.s2 { aspect-ratio: 1920 / 1609; background-image: url("https://p-c.pw/alegria/img/spa/s2.png?2"); }
.s3 { aspect-ratio: 1920 / 855;  background-image: url("https://p-c.pw/alegria/img/spa/s3.png"); }
.s4 { aspect-ratio: 1920 / 871;  background-image: url("https://p-c.pw/alegria/img/spa/s4.png"); }
.s5 { aspect-ratio: 1920 / 1544; background-image: url("https://p-c.pw/alegria/img/spa/s5.png"); }
.s6 { aspect-ratio: 1920 / 1806; background-image: url("https://p-c.pw/alegria/img/spa/s6.png"); }
.s7 { aspect-ratio: 1920 / 1482; background-image: url("https://p-c.pw/alegria/img/spa/s7.png"); }
.s8 { aspect-ratio: 1920 / 1291; background-image: url("https://p-c.pw/alegria/img/spa/s8.png"); }

/* 間の余白（任意） */
/*.s1 + .s2,
.s2 + .s3,
.s3 + .s4,
.s4 + .s5,
.s5 + .s6,
.s6 + .s7,
.s7 + .s8 {
  margin-top: min(3vw, 24px);
}*/
}