/* faqList */
#faqList{padding: 40px 0;}
#faqList li { margin-bottom: 10px; }
#faqList li .title {position: relative;padding: 15px 65px 15px 25px;border: 1px solid #c4aa8e85;display: block;}
#faqList li .title font {color: #727070;}
#faqList li .title span {position: absolute;width: 16px;height: 16px;display: block;top: calc((100% - 16px) / 2);right: 25px;}
#faqList li .title span:before , #faqList li .title span:after {width: 16px;height: 2px;background: #79551a;display: block;content: "";-webkit-transform: translateY(9px);transform: translateY(9px);}
#faqList li .title span:after { -webkit-transform: translateY(8px) rotate(90deg); transform: translateY(8px) rotate(90deg); }
#faqList li .info {padding: 15px 25px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;font-family: 'Playfair Display', serif;color: #757575;}
#faqList li.current .title {background: #9c7555;}
#faqList li.current .title font { color: #fff; }
#faqList li.current .title span:before , #faqList li.current .title span:after {background:#fff}
#faqList li.current .title span:after { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translateY(8px) rotate(180deg); transform: translateY(180deg) rotate(0); }

@media screen and (min-width: 1281px) {
	#faqList li:hover .title { background: #9c7555; }
	#faqList li:hover .title font { color: #fff; }
	#faqList li:hover .title span:before , #faqList li:hover .title span:after { background: #ffffff}
}