@media screen and (max-width:3000px){

.xslider { 
	position: relative; 
	width: 100%; 
	aspect-ratio:1500/1500; 
	overflow: hidden; 
	background-color: #000; }

 /* 各スライドを重ねて配置 */ 
.xslide{ 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	opacity: 0; } 
/* 背景画像：widthを120%、leftを-10%にして左右移動しても隙間が出ないように */ 
.xslide .bg{ 
	position: absolute; 
	top: 0; 
	left: -10%; 
	width: 120%; 
	height: 100%; 
	background-size: cover; 
	background-position: center; } 


.x_img01{background:url("../img/index17_MM.jpg");aspect-ratio:1500/1500;}

.x_img02{background:url("../img/index18_MM.jpg");aspect-ratio:1500/1500;}

.x_img03{background:url("../img/index19_MM.jpg");aspect-ratio:1500/1500;}


}

@media screen and (max-width:767px){

.xslider { 
	position: relative; 
	width: 100%; 
	aspect-ratio:960/640; 
	overflow: hidden; 
	background-color: #000; }

 /* 各スライドを重ねて配置 */ 
.xslide{ 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	opacity: 0; } 
/* 背景画像：widthを120%、leftを-10%にして左右移動しても隙間が出ないように */ 
.xslide .bg{ 
	position: absolute; 
	top: 0; 
	left: -10%; 
	width: 120%; 
	height: 100%; 
	background-size: cover; 
	background-position: center; } 


.x_img01{background:url("../img/index17_M.jpg");aspect-ratio:960/640;}

.x_img02{background:url("../img/index18_M.jpg");aspect-ratio:960/640;}

.x_img03{background:url("../img/index19_M.jpg");aspect-ratio:960/640;}


}