@charset "utf-8";

:root {
    --header-height: 109px;
    --margin-between-header: 20px;
    --color-main: #FF3535;
    --color-sub1: #2A98FF;
    --color-sub2: #324473;
    --radius: clamp(30px, calc(120 / 1440 * 100vw), 120px);
    --font-Montserrat: "Montserrat", 'Noto Sans JP', sans-serif;
    --font-Inter: "Inter", 'Noto Sans JP', sans-serif;
    --font-Oswald: "Oswald", 'Noto Sans JP', sans-serif;
    --section-padding-pc: clamp(20px, calc(150 / var(--base-width-pc) * 100vw), 150px);
    --section-padding-sp: clamp(20px, calc(50 / var(--base-width-sp) * 100vw), 50px);
    --base-width-pc: 1440;
    --base-width-sp: 390;
}

@media screen and (max-width: 1300px) {
    :root {
        --header-height: 70px;
        --margin-between-header: 15px;
    }
}