@charset "UTF-8";

/* --------------
timetable
-------------- */
#timetable {
    margin-top: clamp(100px / 2, 100 * var(--vw-ratio-1920) * 1vw, 100px);
}
#timetable .md_inner .md_content {
    margin-top: clamp(50px / 2, 50 * var(--vw-ratio-1920) * 1vw, 50px);
}
#timetable .md_inner .md_content .timetable-img {
    max-width: clamp(960px / 2, 960 * var(--vw-ratio-1920) * 1vw, 960px);
    margin: auto;
}
#timetable .md_inner .md_content .timetable-img img {
    width: 100%;
}
#timetable .md_inner .md_btn.back {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    width: 100%;
    max-width: clamp(425px / 2, 425 * var(--vw-ratio-1920) * 1vw, 425px);
    min-width: clamp(321px / 2, 321 * var(--vw-ratio-1920) * 1vw, 321px);
    padding: 1em;
    margin: auto;
    margin-top: clamp(100px / 2, 100 * var(--vw-ratio-1920) * 1vw, 100px);
    font-size: clamp(22px / 2, 22 * var(--vw-ratio-1920) * 1vw, 22px);
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, rgba(230, 29, 36, 1) 30%, rgba(240, 119, 124, 1) 100%);
}
#timetable .md_inner .md_btn.back::before {
    content: "";
    display: block;
    width: clamp(26px / 2, 26 * var(--vw-ratio-1920) * 1vw, 26px);
    height: clamp(21px / 2, 21 * var(--vw-ratio-1920) * 1vw, 21px);
    background: url(../img/common/arrow_booth_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 750px) {
    #timetable {
        margin-top: clamp(80px / 2, 80 * var(--vw-ratio-750) * 1vw, 80px);
    }
    #timetable .md_inner .md_content {
        margin-top: clamp(25px / 2, 25 * var(--vw-ratio-750) * 1vw, 25px);
    }
    #timetable .md_inner .md_btn.back {
        min-width: clamp(300px / 2, 300 * var(--vw-ratio-750) * 1vw, 300px);
        margin-top: clamp(50px / 2, 50 * var(--vw-ratio-750) * 1vw, 50px);
        font-size: clamp(22px / 2, 22 * var(--vw-ratio-750) * 1vw, 22px);
    }
    #timetable .md_inner .md_btn.back::before {
        width: clamp(18px / 2, 18 * var(--vw-ratio-750) * 1vw, 18px);
        height: clamp(14px / 2, 14 * var(--vw-ratio-750) * 1vw, 14px);
    }
}

@media (max-width: 375px) {
    #timetable {
        margin-top: calc(clamp(80px / 2, 80 * var(--vw-ratio-375) * 1vw, 80px) / 2);
    }
    #timetable .md_inner .md_content {
        margin-top: calc(clamp(25px / 2, 25 * var(--vw-ratio-375) * 1vw, 25px) / 2);
    }
    #timetable .md_inner .md_btn.back {
        min-width: calc(clamp(300px / 2, 300 * var(--vw-ratio-375) * 1vw, 300px) / 2);
        margin-top: calc(clamp(50px / 2, 50 * var(--vw-ratio-375) * 1vw, 50px) / 2);
        font-size: calc(clamp(22px / 2, 22 * var(--vw-ratio-375) * 1vw, 22px) / 2);
    }
    #timetable .md_inner .md_btn.back::before {
        width: calc(clamp(18px / 2, 18 * var(--vw-ratio-375) * 1vw, 18px) / 2);
        height: calc(clamp(14px / 2, 14 * var(--vw-ratio-375) * 1vw, 14px) / 2);
    }
}