@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* ------------------------------------------------------------- */
/* root												 */
/* ------------------------------------------------------------- */
:root {
	--main-bg-color: #091e91;
	--main-txt-color :#001e43;
	--main-txt-color-light :#334b69;

	--bs-white:#ffffff;
	--bs-white-rgb:255,255,255;
	--bs-white-transparent:rgba(255,255,255,0.75);
	--bs-white-transparent-light:rgba(255,255,255,0.5);
	--bs-gray: #BEBEBE;
	--bs-gray: #e0e1e3;
	--bs-gray-dark: #969696;
	--bs-gray-light: #E6E6E6;
	--bs-gray-transparent-light:rgba(224, 225, 227,0.5);

	--bs-primary: #0253d2;
/*	--bs-primary: #4c68e8;*/
	--bs-primary-rgb: 2, 83, 210;
	--bs-primary-dark: #023e9e;
	--bs-primary-light: #3575db;
	--bs-primary-light-02: #ccddf6;

	--bs-secondary: #fc5507;
	--bs-secondary-rgb: 252, 85, 7;
	--bs-secondary-dark: #0B35A1;
	--bs-secondary-light: #feddcd;
	--bs-secondary-light-02: #feebe1;

	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #f72828;
	--bs-danger-rgb: 247, 40, 40;
	--bs-danger-dark: #b91e1e;
	--bs-danger-light: #fa7e7e;
	--bs-light: #f0f0f0;
	--bs-dark: #333333;
	
	--def-width: 94%;
	--def-max-width: 1110px;

	--def-margin-side: 20px;

	--bs-link: #001e43;
	--bs-link-light: #4591dc;

	--bs-radius : 1rem;

	--gradation-primary: linear-gradient(320deg, #09b4e9, #023e9e 50%, #023e9e 100%);

	--gradation-primary-glass: linear-gradient(320deg, rgba(9, 180, 233,0.25), rgba(2, 62, 158,0.25) 50%, rgba(2, 62, 158,0.25) 100%);

	--gradation-primary-glass: linear-gradient(320deg, rgba(152, 230, 253,0.25), rgba(49, 147, 216,0.25) 50%, rgba(49, 147, 216,0.25) 100%);


	--bs-filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.08));
	--bs-filter02: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));

	/* すりガラス風用 */
	--bs-blur : blur(8px);

	--bs-glass-border: 1px solid rgba(255, 255, 255, 0.5);




	--def-font-family: 'Roboto','Noto Sans JP', sans-serif;
	--def-font-family-en : "Alice", serif;
	--font-size--bs: 15px;
	--font-size--sm: 12px;
	--font-size--md: 18px;
	--font-size--lg: 22px;
	--font-size--xl: 28px;
	--font-size--xxl: 32px;
}

@media (max-width: 992px) {
/*	:root {
		--def-width: 94%;
	}*/
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	:root {
		--def-margin-side: 10px;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
}