@charset "utf-8";

/*==TOPslide
=====================================================*/
.t_slider {
  position:relative;
	z-index: 1;
	width: 100%;
	aspect-ratio: 4 / 3;
	max-height: 100vh;
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(../img/slide01.jpg);
}

.slider-item02 {
    background:url(../img/slide02.jpg);
}

.slider-item03 {
    background:url(../img/slide03.jpg);
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	aspect-ratio: 4 / 3;
	max-height: 100vh;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}