@charset "utf-8";
@media screen and (max-width: 1000px) {
.table-scroll-container {position: relative;margin: 1.5em 0 0 -4%;overflow: visible !important;width: 114%;}
.sticky-ui-wrapper {position: -webkit-sticky;position: sticky;top: 50vh;left: 0;width: 100%;height: 0;z-index: 100;pointer-events: none;}
.table-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;padding: 0 4%;}
.tbl5 {min-width: 1000px;width: 100%;border-collapse: collapse;}
.scroll-arrow {position: absolute;top: -30px;background: rgba(0, 0, 0, 0.6);color: #fff;padding: 20px 10px;font-size: 20px;opacity: 0;transition: opacity 0.3s;pointer-events: auto;font-family: 'Oswald', sans-serif;font-weight: 900;cursor: pointer;user-select: none;}
.scroll-arrow.left { left: 0; border-radius: 0 5px 5px 0; }
.scroll-arrow.right { right: 0; border-radius: 5px 0 0 5px; }
.scroll-arrow.is-show { opacity: 1; }
.scroll-hint {position: absolute;top: -60px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 12px 24px;border-radius: 30px;white-space: nowrap;font-size: 14px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transition: opacity 0.5s, visibility 0.5s;}
.scroll-hint.is-hidden {opacity: 0;visibility: hidden;}
}

@media screen and (min-width: 1001px) {
.sticky-ui-wrapper { display: none; }
}

@media screen and (max-width: 650px) {
.table-scroll-container { margin: 1.5em 0 0 -4%; width: 108%;}
}