:root{
	--color_1: #22201E;
	--color_1_hover: #504b46;
	
	--color_2: #3092E3;
	--color_2_hover: #2d87d1;

	--color_grey: #465261;
	--color_grey_hover: #6a737f;
	--color_blue:  #4CABE6;
	--color_blue_hover:  #265BE4;
	--color_green: #5DC559;
	--color_green_hover: #8f9961;
	--color_white: #FFFFFF;
	--color_white_hover: #E3E3E3;
	--color_balck: #000000;
	--color_black_hover: #E5E5E5;
	--color_orange: #FFA552;
	--color_pink: #DD4075;
}





body, input, textarea, button, select{
	font-family: "Onest", serif;
	color: #000000;
	letter-spacing: 0.05em;
}

/* .color_1{ color: $COLOR1; } */
/* .color_2{ color: $COLOR2; } */
/* .color_3{ color: $COLOR3; } */

.background_1{ background-color: var(--color_1); }

/* .background_1{ background-color: $COLOR1; } */
/* .background_2{ background-color: $COLOR2; } */
/* .background_3{ background-color: $COLOR3; } */

.color_white{ color: #ffffff; }
.color_red{ color: #E51D1D; }
.color_grey{ color: #808080; }
.color_black{ color: #333333; }
.color_dark{ color: #000000; }

.color_green{ color: #5DC559; }
.color_blue{ color: #4CABE6; }
.color_orange{ color: #FFA552; }
.color_pink{ color: #DD4075; }

.background_white{ background-color: #ffffff; }
.background_brown{ background-color: #F4F1EB; }
.background_yellow{ background-color: #FFCC00; }
.background_grey{ background-color: #C4C4C4; }
.background_lightgray{ background-color: #f3f3f3; }
.background_black{ background-color: #131313; }

.position_relative{ position: relative; }

.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }

.float-left{ float: left; }
.float-right{ float: right; }
.clear{ clear: both; }

.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
.line-through{ text-decoration: line-through; }

.margin-auto{ margin: 0em auto; }

.pre{ white-space: pre-line; }
.pre-wrap{ white-space: pre-wrap; }
.nowrap{ white-space: nowrap; }
.break-word{ word-break: break-word; }
.overflow-hidden{ overflow: hidden; }

.weight1{ font-weight: 100; }
.weight2{ font-weight: 200; }
.weight3{ font-weight: 300; }
.weight4{ font-weight: 400; }
.weight5{ font-weight: 500; }
.weight6{ font-weight: 600; }
.weight7{ font-weight: 700; }
.weight8{ font-weight: 800; }
.weight9{ font-weight: 900; }

.line1{ line-height: 1.0em; }
.line1-1{ line-height: 1.1em; }
.line1-2{ line-height: 1.2em; }
.line1-3{ line-height: 1.3em; }
.line1-4{ line-height: 1.4em; }
.line1-5{ line-height: 1.5em; }
.line1-6{ line-height: 1.6em; }
.line1-7{ line-height: 1.7em; }
.line1-8{ line-height: 1.8em; }
.line1-9{ line-height: 1.9em; }
.line2{ line-height: 2.0em; }

.letter-05{ letter-spacing: 0.05em; }

.width-100{ width: 100%; }
.width-auto{ width: auto; }
.height-100{ height: 100%; }
.height-50{ height: 50%; }

.border-radius-0{ border-radius: 50%; }
.border-radius-0-5{ border-radius: 0.5em; }
.border-radius-1{ border-radius: 1.0em; }
.border-radius-2{ border-radius: 2.0em; }

.border-radius-diagonal-1{ border-radius: 1em 0em 1em 0em; }

.borden_horizontal_red_line{
	border-bottom:  1px solid rgba(192,0,0);
	border-top:   1px solid rgba(192,0,0);
}

.borden_bottom_red_line{
	border-bottom:  1px solid rgba(192,0,0);
	/* border-top:   1px solid rgba(192,0,0); */
}

.borden_360_red_line{
	border:  1px solid rgba(192,0,0);
	/* border-top:   1px solid rgba(192,0,0); */
}

/* .borden_top_red_line{ */
	/* border:  1px solid rgba(192,0,0); */
	/* border-top:   1px solid rgba(192,0,0); */
	/* border-bottom:  1px solid rgba(192,0,0); */
	/* border-right:  1px solid rgba(192,0,0); */
	/* border-left:  1px solid rgba(192,0,0); */
/* } */

.borden_top_red_line{
	border-top:   1px solid rgba(192,0,0);
}

.borden_bottom_red_line{
	border-bottom:  1px solid rgba(192,0,0);
}

.borden_left_red_line{
	border-left:  1px solid rgba(192,0,0);
}

.borden_right_red_line{
	border-right:  1px solid rgba(192,0,0);
}


.border_perimeter{
	border-radius: 1em;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);   
}

.border_perimeter_faq{
	border-radius: 1em;
	border: 1px solid #653000; 
	width: 100%;
	height: 100%;
	min-height: 3em;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;	
	text-align: center;	
	padding: 0.8em 1em;	
	border-radius: 0.5em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 1em;
	outline: none;
	cursor: pointer;
	min-width: 10em;
	max-width: 50em;
}


.border_perimeter_green{
	border-radius: 1em;
	border: 1px solid #5F7229; 
	width: 100%;
	height: 100%;
	min-height: 3em;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;	
	/* text-align: center;	 */
	padding: 0.8em 1em;	
	border-radius: 0.5em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 1em;
	outline: none;
	/* cursor: pointer; */
	min-width: 10em;
	max-width: 50em;
}





.border_perimeter_faq:hover{
	color: #ffffff;
	background-color: #5F7229;
	box-shadow: 0 0 5px rgba(0,0,0,0.2); 
}

.border_perimeter_faq ._svg_faq:hover{
	fill: #ffffff;
	
}


.border_perimeter_for_img{
	border-radius: 1em 1em 0em 0em ; 
}

.border_perimeter_for_img_360{
	border-radius: 1em 1em 1em 1em ; 
}


.box-shadow-0-5{ box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.1); }
.box-shadow-1{ box-shadow: 0em 0em 1.0em rgba(0, 0, 0, 0.1); }

.border-box{ box-sizing: border-box; }

div + div.p{ margin-top: 0.4em; }
div + div.pp{ margin-top: 0.8em; }
div + div.ppp{ margin-top: 1.2em; }

div + div.o{ margin-left: 0.4em; }
div + div.oo{ margin-left: 0.8em; }
div + div.ooo{ margin-left: 1.2em; }

.cursor-pointer{ cursor: pointer; }



@media screen and (min-width: 600px){
	.scrolloff::-webkit-scrollbar{ width: 0em; height: 0em; }
}