@charset "Shift_JIS";

/*----------------------------------------------------

 Faq

----------------------------------------------------*/

/*secTop*/
#secTop	.txt	{	padding:0 10px 20px;}
#secTop	.btn	a	{	margin-top:10px;}
#secTop	.btn	a::before{
	left: 10px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media screen and (min-width:40em) {
	#secTop	.txt	{	
		text-align:center;
		padding:0 80px 30px;
	}
	#secTop	.btn	a	{
		margin:0 20px;
		display:inline-block;
	}
}




/*ACCORDION*/
div.accordion {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
div.accordion > ul > li > a {
	display: block;
	font-size: 1.6rem;
	text-decoration: none;
	border-top: 1px solid #ccc;
	cursor: pointer;
	padding: 15px 35px 15px 45px;
	position: relative;
	background-size: 26px auto;
	background-image: url(img/icn_q.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}
div.accordion > ul > li > a.active	{	color: #b09c53;}
div.accordion > ul > li > a:after,
div.accordion > ul > li > a.active:after{
	position: absolute;
	right: 12px;
	top: 16px;
	font-size: 2rem;
}
div.accordion > ul > li > a:after{	content: "�{";}
div.accordion > ul > li > a.active:after{	content: "�|";}
div.accordion div.accTxt {
	display: none;
	border-top: 1px dotted #ccc;
	background-color:#f8f7f1;
	padding: 20px 30px 20px 60px;
	background-image: url(img/icn_a.png);
	background-repeat: no-repeat;
	background-position: 20px 18px;
	background-size: 26px auto;
}

@media screen and (min-width:40em) {
div.accordion > ul > li > a {	padding: 15px 12px 15px 45px;}
div.accordion div.accTxt {}
}