@charset "utf-8";

.wrap-schedule {position: relative; padding: 33px 0 24px 115px; background: #1c3761 url('../images/bg_schedule.png') no-repeat right bottom;}
.wrap-schedule::after {content: ''; position: absolute; left: 0; top: -17px; width: 110px; height: 117px; background: url('../images/logo_schedule.png') no-repeat center center;}
.wrap-schedule .title {display: block; padding: 0 0 17px 0; font-family:'S-CoreDream-3Light'; font-size: 30px; color: #fff;}
.wrap-schedule .list {max-height: 180px; overflow: hidden; overflow-y: auto;}
.wrap-schedule .list dl {display: table; width: 100%; padding: 0 0 9px 0; table-layout: fixed;}
.wrap-schedule .list dt {position: relative; display: table-cell; width: 225px; padding: 0 0 0 15px; font-family:'Mont Medium'; font-size: 18px; color: #7aaaf1; vertical-align: middle;}
.wrap-schedule .list dt::after {content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 100%; background: #83ccf6;}
.wrap-schedule .list dd {overflow: hidden; display: table-cell; font-family: 'Noto Light'; font-size: 18px; color: #afbad3; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; padding-right: 60px; }
.wrap-schedule .more {position: absolute; right: 30px; top: 30px; width: 50px; height: 50px; background: url('../images/btn_schedule_more.png') no-repeat center center; text-indent: -9999px;}



@media all and (max-width: 685px) {
    .wrap-schedule .list dl,
    .wrap-schedule .list dt,
    .wrap-schedule .list dd {display: block;}
}

@media all and (max-width: 540px) {
    .wrap-schedule {padding: 30px;}
    .wrap-schedule::after {display: none;}
}

@media all and (max-width: 400px) {
    .wrap-schedule .title {font-size: 20px;}
}