@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
    z-index: 1;
    height:780px;
    width:95%;
    margin:auto;
}

/* 背景画像設定 */
.slider-item01 {
    background: url(../images/home/mp.png);
}

.slider-item02 {
    background: url(../images/home/mp-01.png);
}

.slider-item03 {
    background: url(../images/home/mp-02.png);
}

.slider-item {
    height:800px;
    background-size: contain;
    background-repeat:no-repeat;
}

/* ▼▼▼ 430px以下のとき変更 ▼▼▼ */
@media screen and (max-width:430px) {
    .slider {
        height: 200px; /* スマホ用に高さ調整 */
    }
    .slider-item {
        height: 200px; /* スマホ用に高さ調整 */
        background-size: contain; /* contain → cover に変更して全画面に */
    }
}