.sns-mov1 {
  margin-top: -229.85%;
    position: absolute;
    z-index: 100;
    left: 16.75%;
    width: 67%;
}
.sns-mov2 {
  margin-top: -258.15%;
    position: absolute;
    z-index: 100;
    left: 16.75%;
    width: 67%;
}
.sns-mov3 {
  margin-top: -208.57%;
    position: absolute;
    z-index: 100;
    left: 16.75%;
    width: 67%;
}
.sns-mov4 {
  margin-top: -194.84%;
    position: absolute;
    z-index: 100;
    left: 16.75%;
    width: 67%;
}

/*====================================================================
SNS自動スクロール（インスタ画像2枚組×横スクロール／Swiper使用）追加分
sukkiri_meguminoLP_01_1_03-1.png（750×1297）の上にオーバーレイ表示します。
top の値（29%）は marble エリアの開始位置に合わせた目安値です。
実際のブラウザ表示を見ながら微調整してください。
====================================================================*/
.sns-swiper{
  position:absolute !important; /* swiper-bundle.cssの.swiper{position:relative}に負けないようimportant */
  z-index:100;
  top:29%;
  left:0;
  width:100%;
  overflow:hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
}
/* Swiperのデフォルトのイージングを外して、一定速度でヌルっと流れるようにする */
.sns-swiper .swiper-wrapper{
  transition-timing-function: linear !important;
}
.sns-swiper .swiper-slide{
  width:320px; /* 750px設計基準／画面幅800px以上ではこの値が使われます */
  height:auto;
}
.sns-swiper .swiper-slide img{
  display:block;
  width:100%;
  height:auto;
  -webkit-user-drag:none;
  pointer-events:none;
}
/* スマホ幅（650px以下、.mywidthが可変幅になるタイミング）ではvw基準にして
   背景画像の縮小と同じ比率で追従させます（190/750≒25.33%） */
@media screen and (max-width:650px){
  .sns-swiper .swiper-slide{
    width:43.33vw;
  }
}