/* --------------- faq --------------- */

.bg_faq1 {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0 40px;
	background-color: #f2f0ee;
}

.col_faq {
	width: 84%;
	margin: 0 auto 30px;
	padding: 0;
}

.col_faq .cont {
	width: 100%;
	margin: 0;
	padding: 15px 0;
	background-color: #fff;
	display: flex;
	align-items: flex-start;
}

.col_faq .cont.question {
	margin: 0 0 5px;
}

.col_faq .cont .icon {
	width: 130px;
	height: 70px;
	margin: 0;
	padding: 0;
	font-size: 33px;
	font-weight: 600;
	text-align: center;
}

.col_faq .cont.question .icon {
	color: #fff;
	background-image: url(../img/faq/bg_question.gif);
	background-repeat: no-repeat;
	background-size: 58px auto;
	background-position: center 7px;
}

.col_faq .cont.answer .icon {
	color: #ff801e;
	background-image: url(../img/faq/bg_answer.gif);
	background-repeat: no-repeat;
	background-size: 59px auto;
	background-position: center 8px;
}

.col_faq .cont .txt {
	width: calc( 100% - 130px );
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.col_faq .cont.question .txt {
	padding: 18px 20px 18px 10px;
	color: #ff801e;
	font-size: 19px;
	font-weight: 600;
}

.col_faq .cont.answer .txt {
	padding: 22px 20px 22px 10px;
	font-size: 15px;
	font-weight: 500;
}


/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media screen and ( max-width: 1033px ) {

	.col_faq {
		width: 90%;
	}

}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media screen and ( max-width: 850px ) {
	
	.col_faq .cont .icon {
		width: 100px;
	}
	
	.col_faq .cont .txt {
		width: calc( 100% - 100px );
	}

	
}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media screen and ( min-width: 701px ) {
}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media screen and ( max-width: 700px ) {
	
	.bg_faq1 {
		padding: 40px 0 10px;
	}
	
	.col_faq .cont .icon {
		width: 70px;
		height: 49px;
		font-size: 22px;
	}
	
	.col_faq .cont.question .icon {
		background-size: 40px auto;
		background-position: center 5px;
	}
	
	.col_faq .cont.answer .icon {
		background-size: 40px auto;
		background-position: center 6px;
	}
	
	.col_faq .cont .txt {
		width: calc( 100% - 70px );
	}
	
	.col_faq .cont.question .txt {
		padding: 10px 15px 10px 10px;
		font-size: 17px;
		line-height: 1.5;
	}
	
	.col_faq .cont.answer .txt {
		padding: 10px 15px 10px 5px;
	}
	
}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {
	
	.col_faq .cont .icon {
		width: 60px;
	}
	
	.col_faq .cont .txt {
		width: calc( 100% - 60px );
	}
	
	.col_faq .cont.question .txt {
		padding: 10px 15px 10px 5px;
		font-size: 15px;
	}
	
	



}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */