:root {
    --primary-color: #CBA373;
    --secondary-color: #fff;
    --foreground-color: #fff;
    --foreground-inverted-color: #000;
    --background-color: #000;

    --base-kana-font: "EB Garamond", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --base-font-family: "EB Garamond", "Noto Serif JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --base-alphabetic-font: "EB Garamond", sans-serif;
}

/* 仮ページ */
main {
    display: flex;
    flex-direction: column;
    gap: calc(20/var(--base-font-size-row-value) * 1rem);
    align-items: center;
    justify-content: center;
    padding: calc(100/var(--base-font-size-row-value) * 1rem) 0;

}

.logo {
    width: 20vw;
    margin: 0 auto;
    min-width: calc(200/var(--base-font-size-row-value) * 1rem);
}

h1 {
    font-size: 150%;
}

.leave-btn {
    background: #212121;
}

.leave-btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leave-btn a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    right: calc(10 / var(--base-font-size-row-value) * 1rem);
    width: calc(10 / var(--base-font-size-row-value) * 1rem);
    height: calc(10 / var(--base-font-size-row-value) * 1rem);
    display: block;
    mask: url(../img/common/arrow.svg) no-repeat center;
    background-color: #fff;
    transform: translateY(-50%) rotate(180deg);
}

@media (min-width: 768px) {
    h1 {
        font-size: calc(24 / var(--base-font-size-row-value) * 1rem);
    }

    .leave-btn {
        /* width: calc(360 / var(--base-font-size-row-value) * 1rem); */
        margin-top: calc(100 / var(--base-font-size-row-value) * 1rem);
    }

    .leave-btn a {
        padding: calc(12 / var(--base-font-size-row-value) * 1rem) calc(90 / var(--base-font-size-row-value) * 1rem);
        font-size: calc(20 / var(--base-font-size-row-value) * 1rem);
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: calc(20 / var(--base-font-size-row-value) * 1rem);
    }

    .leave-btn {
        /* width: calc(255 / var(--base-font-size-row-value) * 1rem); */
        margin-top: calc(70 / var(--base-font-size-row-value) * 1rem);
    }

    .leave-btn a {
        padding: calc(10 / var(--base-font-size-row-value) * 1rem) calc(70 / var(--base-font-size-row-value) * 1rem);
    }

    .leave-btn .en {
        font-size: calc(16 / var(--base-font-size-row-value) * 1rem);
    }
}