/*
 * iweb32-style02
 *
 * Copyright 2016, TANK
 * 
 * 
 * 2016 / 10 / 19
 */


/* + faqlist
*----------------------------------------------------------------------------*/
#faqlist {
	overflow: hidden;
	margin-bottom: 15px;
	/* background: url(/images/02/main/img-sFaqBg.png) no-repeat center 0; */
}

#faqlist ul {
	overflow: hidden;
	/* margin: 230px 20px 20px; */
}

#faqlist ul li {
	margin: 10px 0 10px 0;
	background: rgba(255, 255, 255, 0.71);
}

#faqlist ul li h3 {
	padding-left: 55px;
	background: url(/images/02/main/icon-faq.png) no-repeat 13px 8px;
	background-size: 25px;
	height: auto;
	line-height: 200%;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: 1px #d4d4d4 solid;
	font-size: 18px;
	letter-spacing: 1.5px;
	color: #060606;
	font-weight: 500;
	margin: 0px 0 0px 0;
	padding: 7px 10px 10px 52px;
	background-color: rgba(255, 255, 255, 0.71);
	position: relative;
	display: block;
}
#faqlist ul li h3 font { color: #181818; }
#faqlist ul li h3 span {position: absolute;width: 16px;height: 16px;display: block;top: calc((100% - 16px) / 2);right: 25px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#faqlist ul li h3 span:before , #faqlist ul li h3 span:after { width: 16px; height: 1px; background: #696969; display: block; content: ""; -webkit-transform: translateY(9px); transform: translateY(9px); }
#faqlist ul li h3 span:after {-webkit-transform: translateY(8px) rotate(90deg);transform: translateY(8px) rotate(90deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
#faqlist ul li.current h3 span:after { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translateY(8px) rotate(180deg); transform: translateY(180deg) rotate(0); }

#faqlist ul li .menu_body {
	margin: 0px 0px;
	margin-left: 43px;
	padding: 10px;
	color: #808080;
	font-size: 16px;
}

#faqlist ul li .menu_body article{}
@media screen and (max-width: 768px){
	#faqlist ul li .menu_body{
    margin-left: 10px;
}
	#faqlist ul li{
    margin: 4px 0 10px 0;
}
	#faqlist ul li h3{
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 190%;
    background: url(/images/02/main/icon-faq.png) no-repeat 14px 7px;
    background-size: 25px;
}
}