/* 全体のフォントサイズ統一 */
:root {
    --page-h1: 42px;
    --page-h2: 33px;
    --page-h3: 25px;
    --page-h4: 20px;
    --page-sub-ttl: 18px;
    --page-normal-txt: 16px;
    --page-min-txt: 14px;
}

a,
button {
    cursor: pointer;
}

.pc-size-container {
    background: #fff;
}

/* 初期状態 */
.js-fade-up {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
    transition-delay: 0.1s;
}

/* 表示状態 */
.js-fade-up.is-show {
    opacity: 1;
    transform: translateY(0);
}

.site-footer {
    text-align: center;
    padding: 0 20px;
    font-size: 13px;
    color: #333;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #333;
}

@media (max-width:768px) {
    .site-main {
        padding-top: 100px;
    }
}

@media (max-width:500px) {

    /* 全体のフォントサイズ統一 */
    :root {
        --page-h1: 32px;
        --page-h2: 27px;
        --page-h3: 24px;
        --page-h4: 18px;
        --page-sub-ttl: 18px;
        --page-normal-txt: 16px;
        --page-min-txt: 14px;
    }
}