html, body {
    padding: 0;
    color: #fefefe;
    background-color: #606060;
    margin: 0;
    font-family: sans-serif;
}

.page-container {
    margin-top: 40px;
    height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
}

.main-row {
    flex: 1;
    min-height: 0;
}

.text-label-normal {
    font-size: 17px;
}

.text-label-littlelarge {
    font-size: 20px;
}

.text-label-large {
    font-size: 30px;
}

/*PC表示の際はモバイルの部品は非表示*/
.header-mobile {
    display: none;
}

/* モバイル版のCSS */
@media (max-width: 768px) {
    .html, body {
        font-size: 14px;
    }

    .header-mobile {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #454545;
    }

    .text-label-large {
        font-size: 20px;
    }

    .text-label-normal {
        font-size: 15px;
    }
}