@charset "utf-8";

/* サンプル画像 */
.imagesample {
	width: 444px;
	height: 250px;
	object-fit: cover;
}

/*============================
基本設定
============================*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/*============================
swiper
============================*/

.swiper-slide {
  opacity: .3;
  transform: scale(.8); 
  transition: .7s; 
}

.swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper-slide-active {
  opacity: 1; 
  transform: scale(1); 
  z-index: 1; 
}

/* ===========================
レスポンシブ
============================*/

@media (max-width: 768px) {
	.swiper {
		max-width: 100%;
	}
	.swiper-slide {
		flex: 0 0 100%;
	}
}