:root {
    --base_distance: min(150px, 16vw);
    --base_gap: clamp(12px, 2vw, 20px);
    --base_wrap_width: 90%;
    --base_font_size: clamp(13px, 2vw, 15px);
    --base_line_height: 1.7em;
}

:root {
    --font_base_setting: 'Noto Sans JP', 'Noto Sans', "メイリオ", "Meiryo", "MS PGothic", sans-serif;
    --f_noto: 'Noto Sans JP', 'Noto Sans', "メイリオ", "Meiryo", "MS PGothic", sans-serif;
    --f_hiragino: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    --f_gugi: 'Gugi', 'Noto Sans JP', 'Noto Sans', "メイリオ", "Meiryo", "MS PGothic", sans-serif;
    --f_shippori: "Shippori Mincho", "Noto Serif JP", 'Noto Sans JP', 'Noto Sans', "メイリオ", "Meiryo", "MS PGothic", sans-serif;
    --f_noto_serif: "Noto Serif JP", 'Noto Sans JP', 'Noto Sans', "メイリオ", "Meiryo", "MS PGothic", sans-serif;
    --f_vina: 'Vina Sans', 'Noto Sans JP', 'Noto Sans', 'メイリオ', 'Meiryo', 'MS Ｐゴシック', sans-serif;
}

@media only screen and (max-width: 835px) {
    :root {
        --base_wrap_width: 88%;
    }
}

:root {
    --c_theme_color: #000000;
    --c_bg_color: #ffffff;
    --c_font_color: #000000;
    --c_link_color: #D71F21;
    --c_white: #fff;
    --c_blue: #014B9F;
    --c_black_d:#000;
}

:root {
    --z_loading: 20000;
    --z_page_fade: 15000;
    --z_modal: 11000;
    --z_nav_trigger: 9999;
    --z_nav: 9998;
    --z_sub_nav: 9997;
    --z_index_btn: 9997;
    --z_header_logo: 9997;
    --z_frame: 9996;
}