* {
    box-sizing:border-box
}

body {
    background-color: #000;
    color: #fff;
    font-family: sans-serif;
}

footer {
    text-align: center;
}

main {
    min-height: 600px;
}

.notice {
    color: red;
}

.sliderm_container {
    margin: 30px auto;
}

.sliderm img {
    object-fit: contain;
}

@media screen and (min-width: 200px) {
    .sliderm_container {
        width: 240px;
        height: 135px;
    }
}

@media screen and (min-width: 360px) {
    .sliderm_container {
        width: 320px;
        height: 180px;
    }
}

@media screen and (min-width: 440) {
    .sliderm_container {
        width: 400px;
        height: 225px;
    }
}

@media screen and (min-width: 520px) {
    .sliderm_container {
        width: 480px;
        height: 270px;
    }
}

@media screen and (min-width: 600px) {
    .sliderm_container {
        width: 560px;
        height: 315px;
    }
}

@media screen and (min-width: 680px) {
    .sliderm_container {
        width: 640px;
        height: 360px;
    }
}

@media screen and (min-width: 760px) {
    .sliderm_container {
        width: 720px;
        height: 405px;
    }
}

@media screen and (min-width: 840px) {
    .sliderm_container {
        width: 800px;
        height: 450px;
    }
}

@media screen and (min-width: 920px) {
    .sliderm_container {
        width: 880px;
        height: 495px;
    }
}

@media screen and (min-width: 1000px) {
    .sliderm_container {
        width: 960px;
        height: 540px;
    }
}

@media screen and (min-width: 1080px) {
    .sliderm_container {
        width: 1040px;
        height: 585px;
    }
}

@media screen and (min-width: 1160px) {
    .sliderm_container {
        width: 1120px;
        height: 630px;
    }
}

@media screen and (min-width: 1240px) {
    .sliderm_container {
        width: 1200px;
        height: 675px;
    }
}