@charset "utf-8";
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 500;
		src: url('../fonts/Urbanist-500.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 600;
		src: url('../fonts/Urbanist-600.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 700;
		src: url('../fonts/Urbanist-700.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 900;
		src: url('../fonts/Urbanist-900.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Notosans';
	font-style: normal;
	font-weight: 500;
		src: url('../fonts/Notosans-500.woff') format('woff');
	font-display: swap;
}
:root{
	--co_blue: #145faf;
	--co_navy_1: #193866;
	--co_navy_2: #275f93;
	--co_gray_1: #dae3ec;
	--co_gray_2: #f2f6f9;
	--co_green: #047368;
	--co_paleblue_1: #e2f0fa;
	--co_paleblue_2: #f3f9fd;
	--grad_orange: linear-gradient(-45deg, #fa7036, #faaf41);
	--grad_green: linear-gradient(-45deg, #009b8f, #5dc88f);
	--grad_blue: linear-gradient(-45deg, #145faf, #299dcc);
	--grad_navy: linear-gradient(-45deg, #0d3258, #1366a3);
}

html, body {
	width: 100%;
}

/*====================================================================
 reset styles
====================================================================*/
body {
	font-family: "Urbanist", sans-serif;
	font-size: clamp(18px, 1.1vw, 22px);
	letter-spacing: 0;
	font-weight: 500;
	line-height: 1;
	color: #556982;
	width: 100%;
	min-width: 1320px;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

@media screen and (max-width: 1319px) {
	body {
		font-size: clamp(16px, 1.6vw, 22px);
		min-width: 750px;
	}	
}
@media screen and (max-width: 750px) {
	body {
		font-size: 4.6vw;
		letter-spacing: 0;
		min-width: 100%;
	}	
}
* {
 margin: 0px;
 padding: 0px;
 position: relative;
 box-sizing: border-box;
}
table, th, td {
 padding: 0;
 font-size: 100%;
 margin: 0;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
 font-weight: normal;
}
address, caption, cite, code, dfn, em, th, var {
 font-style: normal;
 font-weight: normal;
}
ul {
 list-style: none;
}
ol li ul li {
 margin-left: 0;
}
fieldset, img {
 border: 0;
}
a {
 outline: none;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
tr {
 vertical-align: top;
}
caption, th {
 text-align: left;
}
abbr, acronym {
 border: 0;
}
sup {
 vertical-align: 2px;
}
sub {
 vertical-align: bottom;
}
a:link, a:active, a:visited, a:hover {
 text-decoration: none;
}
:focus{
	outline: none;
}