@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

:root {
	--main-bg-color: #ffffff;
	--sub-bg-color: #F4F1F0;
	--sub-bg-color: #cfeddb url(../img/sub_bk_mini.png) repeat top center;
	
	--main-txt-color :#333333;
	--sub-txt-color :#595756;
	--bs-white:#ffffff;
	--bs-gray: #B5B5B5;
	--bs-gray-dark: #757575;
	--bs-gray-light: #cecccb;
	--bs-gray-light-02: #cfeddb;

	--bs-light: #f8f8f8;
	--bs-dark: #333333;
	--bs-dark-rgb: 51, 51, 51;

/*	--bs-primary: #F39800;*/
	--bs-primary: #0FA54C;

	--bs-primary-rgb: 15, 165, 76;
/*	--bs-primary-light: #F5AD33;*/
	--bs-primary-light: #6FC994;
	--bs-primary-light-02: #CFEDDB;
	

/*	--bs-secondary: #00A557;*/
	--bs-secondary:#F29B0A;
	--bs-secondary-rgb: 242, 155, 10;
	--bs-secondary-light: #F7C36C;
	--bs-secondary-light-02: #FCEBCE;

	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #f2eb00;
	--bs-warning-rgb: 242, 235, 0;
	--bs-danger: #EB2000;
	--bs-danger-light: #F37966;

	--bs-danger-rgb: 235, 31, 0;
	
	--def-width: 96%;
	--def-max-width: 1080px;
	--def-max-width-02: 1200px;
	--def-max-width-mini: 600px;

	--def-font-family: 'Noto Sans JP', sans-serif;
	--maru-font-family: "Zen Maru Gothic", sans-serif;
	--title-font-family: "Zen Kaku Gothic New", sans-serif;
	--en-font-family: 'Poppins', sans-serif;
	--en-handwriting-font-family: "Caveat", cursive;
/*	--en02-font-family: 'Poppins', sans-serif;*/

	--font-size--bs: 16px;
	--font-size--sm: 12px;
	--font-size--md: 20px;
	--font-size--lg: 30px;
	--font-size--xl: 40px;
	--font-size--xxl: 50px;
	--font-size--xxxl: 60px;

	--filter-box-shadow: drop-shadow(1px 1px 10px rgba(var(--bs-primary-rgb), 0.2));
	--filter-box-shadow-02: drop-shadow(3px 5px 6px rgba(0,0,0,0.30));
	--filter-box-shadow-03: drop-shadow(1px 1px 5px rgba(var(--bs-primary-rgb), 0.2));

	--filter-box-shadow-04: drop-shadow(1px 1px 5px rgba(var(--bs-primary-rgb), 0.9));
/*	--filter-box-shadow-04: drop-shadow(1px 1px 5px rgba(233, 79, 24, 1));*/
	--box-shadow: 1px 1px 10px 0px rgba(233, 79, 24, 0.2);

	--sec-padding: 100px 0;
	--sec-mini-padding: 60px 0;
	--home-sec-top-margin: 0px;
	--border-radius-bg: 100px 100px 0 0;
	--border-radius-bg-single: 100px;
	--border-radius-bs: 40px;
	--border-radius-bs-triple: 40px 40px 40px 0;

	--mypage-top-padding: 120px;

	--bs-padding: 100px;
}
@media (max-width: 992px) {
	:root {
		--font-size--bs: 16px;
		--font-size--sm: 12px;
		--font-size--md: 20px;
		--font-size--lg: 30px;
		--font-size--xl: 40px;
		--font-size--xxl: 50px;
		--font-size--xxxl: 60px;
	}
}
@media (max-width: 768px) {
	:root {
		--font-size--bs: 16px;
		--font-size--sm: 12px;
		--font-size--md: 18px;
		--font-size--lg: 24px;
		--font-size--xl: 36px;
		--font-size--xxl: 42px;
		--font-size--xxxl: 52px;

		--sec-padding: 80px 0;
		--sec-mini-padding: 40px 0;
		--home-sec-top-margin: -80px;
		--border-radius-bg: 60px 60px 0 0;
		--border-radius-bg-single: 60px;
		--border-radius-bs: 30px;

		--mypage-top-padding: 120px;

		--bs-padding: 80px;
	}
}
@media (max-width: 576px) {
	:root {
		--font-size--bs: 16px;
		--font-size--sm: 12px;
		--font-size--md: 18px;
		--font-size--lg: 24px;
		--font-size--xl: 36px;
		--font-size--xxl: 42px;

		--sec-padding: 60px 0;
		--home-sec-top-margin: -60px;
		--border-radius-bg: 60px 60px 0 0;
		--border-radius-bg-single: 60px;
		--border-radius-bs: 20px;

		--mypage-top-padding: 100px;

		--bs-padding: 60px;
	}
}