@charset "UTF-8";

:root{

    --font01: "ryo-gothic-plusn", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;
    --font02: ryo-text-plusn, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
    --font03: ;

    --colorW: #fff;
    --colorB: #000;
    --colorG: #333333;
    --colorR: #c10d23;
    --colorL: #cccccc;
    --colorD: #dddddd;

    --color01: #ea510b;
    --color02: #f7931e;
    --color03: #3361ad;
    --color04: #f6f6f6;
    --color05: #919191;
    --color06: #ffead7;
    --color07: #fff3e9;

    --clear01: rgba(0,0,0,0.6);

    --gradiate01: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgba(51, 97, 173, 1) 100%);

    --takasa01: translate(0,-50%);
}

@media screen and (min-width: 769px) {
    :root{
        --width01: 1200px;
        --width02: 1080px;
        --width03: 960px;
        --width04: 720px;

        --font60-70: clamp(3.75rem, 3.332rem + 0.87vw, 4.375rem);
        --font50-60: clamp(3.125rem, 2.707rem + 0.87vw, 3.75rem);
        --font40-50: clamp(2.5rem, 2.082rem + 0.87vw, 3.125rem);
        --font30-40: clamp(1.875rem, 1.457rem + 0.87vw, 2.5rem);
        --font27-36: clamp(1.688rem, 1.312rem + 0.78vw, 2.25rem);
        --font24-30: clamp(1.5rem, 1.249rem + 0.52vw, 1.875rem);
        --font20-24: clamp(1.25rem, 1.083rem + 0.35vw, 1.5rem);
        --font18-22: clamp(1.125rem, 0.958rem + 0.35vw, 1.375rem);
        --font16-18: clamp(1rem, 0.916rem + 0.17vw, 1.125rem);
        --font-normal: 16px;
        --font-menu: 14px;
        --font-tel: 12px;
        --font-mini: 10px;
    }
}

@media screen and (max-width: 768px) {
    :root{

        --gradiate01: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(51, 97, 173, 1) 30%);
        --font60-70: 36px;
        --font50-60: 32px;
        --font40-50: 30px;
        --font30-40: 24px;
        --font27-36: 22px;
        --font24-27: 20px;
        --font24-30: 19px;
        --font20-24: 18px;
        --font18-22: 16px;
        --font16-18: 16px;
        --font-normal: 16px;
        --font-menu: 12px;
        --font-tel: 10px;
        --font-mini: 8px;
    }
}