@charset "utf-8";
:root {
	--font-bs-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	--font-en-family: "Jost", sans-serif;
	
	
	--bs-black: #000000;
	--bs-white: #ffffff;
	--bs-dark: #333333;
	--text-color:#000000;
	
	--bs-gray-light: #e2e6e8;
	--bs-gray: #7a96a3;
	--bs-gray-dark: #36464e;
	
	
	--bs-gray-100: #f3f5f6;
	--bs-gray-200: #d4dde2;
	--bs-gray-300: #b6c6cd;
	--bs-gray-400: #98aeb8;
	--bs-gray-500: #7a96a3;
	--bs-gray-600: #607d8a;
	--bs-gray-700: #4b626c;
	--bs-gray-800: #36464e;
	
	--bs-main-light: #F2F2F2;

	
	
	--bs-primary: #024195;
	--bs-primary-rgb: 2, 65, 149;
	--bs-primary-light: #d9e2ef;
/*	--bs-primary-dark: #1A7143;
	--bs-primary-dark-rgb: 26, 113, 67;
	
	--bs-secondary-light-rgb: 167, 213, 189;*/
	
	--bs-secondary: #46CDFF;
	--bs-secondary-light : #daf5ff;
/*	--bs-secondary-rgb: 0, 149, 217;
	--bs-secondary-dark: #0070A3;
	--bs-secondary-dark-rgb: 0, 112, 163;
	--bs-secondary-light: #99D5F0;
	--bs-secondary-light-rgb: 153, 213, 240;*/
	
	--bs-tertiary: #FFFF00;
	
	--bs-success: #8CC63F;
	--bs-info: #009FE8;
	--bs-warning: #F7931E;
	--bs-danger: #F15A24;

	--bs-red: #FC0E14;
	--bs-red-dark: #BD0B0F;
	--bs-red-light: #FE9FA1;
	
	--bs-gradient-primary : linear-gradient(90deg, #46CDFF, #024195);

	--bs-gradient-orange : linear-gradient(90deg, #F17C24, #ED1C24);

	--bs-gradient-blue : linear-gradient(180deg, #02ADBF, #0275A9 25%,#024195);




	--max-width: 1256px;
	--max-width-02: 1580px;
	--def-width: 90%;

	--sec-padding-bs: 80px;
	--sec-padding-lg: 100px;

	--button-line-height-mini:28px;

	--border-radius-bs: 100px;

	--border-radius-img-bs: 24px;

	--font-size--bs: 18px;
	--font-size--sm: 16px;
	--font-size--md: 26px;
	--font-size--lg: 38px;
	--font-size--xl: 50px;
	--font-size--xxl: 56px;
	
}


@media (max-width: 1400px) {
	:root {
		--font-size--bs: 16px;
		--font-size--sm: 14px;
		--font-size--md: 24px;
		--font-size--lg: 36px;
		--font-size--xl: 46px;
		--font-size--xxl: 50px;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	:root {
		--border-radius-bs : 80px;

		--font-size--bs: 16px;
		--font-size--sm: 14px;
		--font-size--md: 20px;
		--font-size--lg: 32px;
		--font-size--xl: 42px;
		--font-size--xxl: 48px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
	:root {
		--border-radius-bs : 60px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	:root {
		--border-radius-bs : 30px;
		--border-radius-img-bs: 15px;

		--sec-padding-bs: 60px;
		--sec-padding-lg: 70px;

		--font-size--bs: 16px;
		--font-size--sm: 14px;
		--font-size--md: 20px;
		--font-size--lg: 26px;
		--font-size--xl: 32px;
		--font-size--xxl: 36px;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	:root {
		--border-radius-bs : 25px;
		--border-radius-img-bs: 10px;

		--sec-padding-bs: 40px;
		--sec-padding-lg: 50px;

		--font-size--bs: 14px;
		--font-size--sm: 10px;
		--font-size--md: 18px;
		--font-size--lg: 20px;
		--font-size--xl: 24px;
		--font-size--xxl: 30px;
	}
}

@media (max-width: 479px) {	
}