@charset "UTF-8";


/* ↓ スライドの外枠 */
.slide-wrapper {
    width: 100%;
    aspect-ratio: 1.5;
    position: relative;
    overflow: hidden; /* はみ出したスライドを隠す */
    border-radius: 0.5rem;
}

/*  ↓ スライド（コンテンツ） */
.slide { /*スライド全体 */
    width: 300%;
    height: 100%;
    display: flex;
    transition: all 0.5s;
}

    .slide div { /* スライド */
        width: 33.3333%;
        height: 100%;
        font-size: 16px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

.slide1 { /* スライドさせるために必要なクラス */
    transform: translateX(0);
}

.slide2 { /* スライドさせるために必要なクラス */
    transform: translateX(-33.3333%);
}

.slide3 { /* スライドさせるために必要なクラス */
    transform: translateX(-66.6666%);
}