@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

:root {
--black: #333333;
--light-gray: #f2f2f2;
--light-gray2: #b7b7b7;
--yellow: #f8eb05;
--dark-yellow: #ffe114;
--pink: #f90691;
--green: #0aa737;
--dark-green: #006934;
--light-green: #badf8d;
--light-green-bg: #bfee87;
--visit-green: #d2ff96;
--grass: #A9DB6D;
--light-blue: #96e8e1;
--blue: #007ebd;
--white: #ffffff;
--bg-outline: #faffd6;
--red: #ee2e24;

--font-h2: 50px;
--font-h3: 30px;
--font-h4: 40px;
--font-h5: 26px;

--font-base: 22px;
--font-size-l: 28px;
--font-size-xl: 30px;
--font-size-xxl: 32px;
--font-size-s: 20px;
--font-size-xs: 18px;
--font-size-xxs: 16px;
--font-size-xxxs: 14px;
--font-size-min: 11px;
--font-page-nav: 24px;

--font-h2-sp: 20px;
--font-h3-sp: 22px;
--font-h4-sp: 25px;
--font-h5-sp: 16px;

--font-base-sp: 16px;
--font-size-l-sp: 20px;
--font-size-xl-sp: 24px;
--font-size-xxl-sp: 28px;
--font-size-s-sp: 15px;
--font-size-xs-sp: 14px;
--font-size-xxs-sp: 12px;
--font-size-xxxs-sp: 11px;
--font-page-nav-sp: 16px;

--font-family-base:'Noto Sans JP','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
--font-family-num: 'Noto Sans JP', sans-serif;
--font-family-tit: "Zen Maru Gothic", serif;
}
