.main-contents-exist-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.filter-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.clear-filter-button {
    margin-left: auto;
    margin-right: 4px;
    margin-top: 12px;
    margin-bottom: 4px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-size: var(--font-size-S);
    grid-column: span 2; /* フィルターの最後尾に設定 */
}

.not-exist-data-label {
    margin: 4px;
    font-size: var(--font-size-M);
}

.sum-score-label {
    margin: 4px;
    font-size: var(--font-size-M);
}

.page-margin {
    height: 96px;
}

.scroll-up-button {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 56px;
    width: 56px;
    border-radius:  50%;
    box-shadow: 1px 1px 2px #222222;
    animation: fade-in-key-frame 0.5s forwards;
}

@media (max-width: 1280px) {
    .filter-header {
        display: flex;
    }
}