@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.mainImg {
    position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

/*========= レイアウトのためのCSS ===============*/
.mainImg img{
    width: 100%;
    height: 580px;
    object-fit: cover;/* 画像を中心に配置する */
    display: block;
}
    

@media screen and (min-width:769px) {
    .mainImg img{
        height: 625px;
    }
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.mainImg .slick-slide {
    margin: 0 0.25%;/*スライド左右の余白調整*/
}