/* --------------------------------------------------

	共通（カラー設定・フォントサイズ等）

-------------------------------------------------- */

:root {
  /* ===== カラー ===== */

--color-white: #ffffff;
--color-black: #333333;
--color-light-gray: #cccccc;
--color-dark-gray: #444444;
--color-dark-green: #004c2c;

--color-border: #707070;
--color-border-green: #b2d6cb;

--color-bg-red: #fff6f6;
--color-bg-gray: #f2f2f2;
--color-bg-lime: #def2ed;

--link-color: #0155ad;
--link-color-hover: #098825

/* --- ボタン --- */
--btn-bg-white: #ffffff;
--btn-bg-gray: #DEF2ED;
--btn-bg-blue: #0f75da;
--btn-bg-red: #E50111;
--btn-bg-green: #268300;
--btn-bg-orange: #f6b24c;
--btn-bg-darkgray: #555555;

--btn-border-white: #cccccc;
--btn-border-gray: #cccccc;
--btn-border-darkgray: #333333;
--btn-border-blue: #0c63b9;
--btn-border-red: #ab010c;
--btn-border-green: #207100;
--btn-border-orange: #cb913a;

--color-blue: #1d72c2;
--color-blue-bg: #edf7ff;
--color-green: #248250;
--color-green-bg: #f2fcf6;
--color-red: #cc3535;
--color-red-bg: #ffedee;
--color-brown: #af5534;
--color-brown-bg: #f7edea;
--color-gray: #014c2c;
--color-gray-bg: #def2ed;

--main-color: #007853;
--base-green: #188542;
--logo-green: #268300;

--color-link: #0155ad;
--color-link-hover: #098825;

/* ===== フォントサイズ ===== */
--font-size-10: 1rem;
--font-size-11: 1.1rem;
--font-size-12: 1.2rem;
--font-size-13: 1.3rem;
--font-size-14: 1.4rem;
--font-size-15: 1.5rem;
--font-size-16: 1.6rem;
--font-size-18: 1.8rem;
--font-size-20: 2rem;
--font-size-22: 2.2rem;
--font-size-24: 2.4rem;
--font-size-26: 2.6rem;
--font-size-28: 2.8rem;
--font-size-30: 3rem;
--font-size-32: 3.2rem;
--font-size-40: 4rem;

/* ===== フォント ===== */
--font-bolder: 600;
--font-bold: 700;

/* ===== レイアウト用サイズ ===== */
--max-content-width: 1200px;
--inner-content-width: 1000px;
--block-content-width: 940px;
--content-width: 100%;

/* ===== イージング ===== */
--ease: 0.3s ease-in-out;
--btn-ease: 0.2s ease;

/* ===== 角丸 ===== */
--radius: 40px;
--radius_md: 18px;
--radius_sm: 10px;
--radius_xs: 6px;

/* ===== 影 ===== */
---shadow-green: 0px 6px 16px rgb(from var(--main-color) r g b / 20%);

}