@charset 'utf-8';

:root {
    --viewport-width: 768;
    --base-unit: 100vw;
    --color-y: #c0ff00;

    @media screen and (min-width: 768px) {
        --viewport-width: 1;
        --base-unit: 1px;
    }
}

.mainw {
    max-width: 1140px;
    padding: 0 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    padding-top: 0;
}

.en {
    font-family: Bahnschrift, "Oswald", sans-serif;
}

.for_pc {
    display: block;
}

.for_sp {
    display: none;
}

@media screen and (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

    .for_pc {
        display: none;
    }

    .for_sp {
        display: block;
    }

    .header,
    .top,
    footer {
        font-size: clamp(14px, calc(28/750*100vw), 28px);
    }

    .mainw {
        max-width: calc(682/750*100vw);
        padding: 0 0;
    }
}