/*----------------------------------------------------
 reset
----------------------------------------------------*/
/* A Modern CSS Reset */

*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*----------------------------------------------------
 root
----------------------------------------------------*/
:root {
	--text-color: #222;
	--color-blue: #1E4B9F;
	--color-light-blue: #82CEE6;
	--color-glay: #CCC;
	--color-black: #111;
	--color-white: #FFF;
	--03px:0.1875rem;
	--04px:0.25rem;
	--05px:0.3125rem;
	--06px:0.375rem;
	--08px:0.5rem;
	--10px:0.625rem;
	--12px: 0.75rem;
	--14px: 0.875rem;
	--15px: 0.9375rem;
	--16px: 1rem;
	--18px: 1.125rem;
	--20px: 1.25rem;
	--22px: 1.375rem;
	--24px: 1.5rem;
	--26px: 1.625rem;
	--28px: 1.75rem;
	--30px: 1.875rem;
	--32px: 2rem;
	--35px: 2.1875rem;
	--40px: 2.5rem;
	--45px: 2.8125rem;
	--50px: 3.125rem;
	--55px: 3.4375rem;
	--60px: 3.75rem;
	--70px: 4.375rem;
	--100px: 6.25rem;
}