/* カラー */
:root {
    --text-color: #003D56;
    --base: #FFFFFF;
    --main: #00A0E8;
    --blue: #3673C2;
    --bg-gray: #F3F4F7;
    --orange: #FF6600;
    --linear: linear-gradient(90deg, #3572C2 0%, #65BAEF 100%);
}

/* 画面幅 */
:root{
    --width-sp: 375;
    --width-pc: 1440;
    --width-inner:calc(1296px);
    --pi:  calc(100%* 72 / 1440);
}
@media(max-width: 1024px){
    :root{
        --pi: 30px;
    }
}
/* ボタンの横幅 */
:root{
    --btn-width-L: 300px;
    --btn-width-S: 240px;
}

:root{
    /* --heading-font: YuMincho,
                "Hiragino Mincho ProN",
                "Noto_Serif_JP",
                serif; */
    --base-font:  "Noto_Sans_JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","zenkaku", sans-serif;
    --decole-font: "jost",sans-serif;
}

:root{
    --transition: 0.5s;
}