@charset "utf-8";


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

#faq {
	background:url(../img/about_bg_pc_02.png) repeat;
}


/*    リスト
-------------------------------------------------------------- */
#faq  .faq_area{
	padding: 30px 0 100px 0;
}
#faq .faw_box{
	margin: 0 0 0 0;
}
#faq  ul{
	padding: 0 80px;
}
#faq  ul li.faq_box{
	/*
	padding: 50px 60px;
	margin: 50px 0 0 0;
	border: 1px #D8E4F3 solid;
	*/
	
	box-shadow: 7px 7px #ECF9EE;
	border: solid 2px #A7D940;
	border-radius: 6px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 40px 0 0 0;
	padding: 60px;
	background: #FFF;
	
}

#faq  ul li.faq_box ul{
	padding: 0;
}

#faq  ul li.faq_box ul li{
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin: 0 0 0 24px;
	padding: 15px;
}
#faq  ul li .q{
	line-height: 1.6;
	color: #89B924;
	font-size: 2.0rem;
	background: url(../img/q_icon.png) no-repeat left 7px;
	background-size: 18px auto;
	padding: 5px 0 5px 40px;
	font-weight: bold;
	color: #56AD47;
}
#faq  ul li .a{
	font-size: 1.6rem;
	line-height: 2.0;
	background: url(../img/a_icon.png) no-repeat left 7px;
	background-size: 18px auto;
	margin: 15px 0 0 0;
	padding: 5px 0 5px 40px;
}


@media screen and (max-width: 667px){
	
	#faq  .faq_area{
		padding: 15px 15px 40px 15px;
	}
	#faq .faw_box {
		margin: 0 0 0 0;
	}
	#faq  ul{
		padding: 0 0;
	}
	#faq  ul li.faq_box{
		/*
		padding: 50px 60px;
		margin: 50px 0 0 0;
		border: 1px #D8E4F3 solid;
		*/

		box-shadow: 5px 5px #E6F7E8;
		margin: 20px 0 0 0;
		padding: 20px 15px 20px 12px;
	}

	#faq  ul li.faq_box ul{
		padding: 0;
	}

	#faq  ul li.faq_box ul li{
		margin: 0 0 0 18px;
		padding: 15px;
	}
	#faq  ul li .q{
		font-size: 1.8rem;
		background-size: 16px auto;
		padding: 5px 0 5px 30px;
	}
	#faq  ul li .a{
		background-size: 16px auto;
		margin: 5px 0 0 0;
		line-height: 1.8;
		padding: 5px 0 5px 30px;
	}
	
	
}