﻿@charset "utf-8";

.listFAQ{margin-bottom:80px;}
.listFAQ dt{
	font-size:113%;
	min-height:32px;
	padding:0 60px 6px 40px;
	margin:50px 0 30px;
	border-bottom:1px dotted #493700;
	position:relative;
}
.listFAQ dt:before {
	content:"";
	background:url(../img/qa/icon_qa1.png) no-repeat 0 0;
	background-size:cover;
	width:34px;
	height:32px;
	position:absolute;
	left:0;
	top:0;
}
.listFAQ dt:after {
	content:"";
	background:url(../img/qa/icon_arrowdown.png) no-repeat 0 0;
	background-size:cover;
	width:47px;
	height:20px;
	position:absolute;
	right:12px;
	bottom:10px;
}
.listFAQ dt:hover {
	color:#BDA73D;
	transition: all 0.3s;
}

.listFAQ dd{
	padding:18px 14px 14px 60px;
	margin:0 0 60px 80px;
	min-height:60px;
	background:#fafaf5 url(../img/qa/icon_qa2.png) no-repeat 14px 14px;
	background-size:34px 32px;
}
.listFAQ dd:last-child{margin-bottom:0;}

.slideToggle {
	display:block;
	cursor:pointer;
}
.slideToggle.active:after{
	background-image:url(../img/qa/icon_arrowup.png);
}
.toggleBox {display:none;}

@media screen and (max-width:768px) {
	.listFAQ{margin-bottom:0;}
	.listFAQ dt{
		min-height:30px;
		padding:2px 46px 6px 30px;
		margin:30px 0 14px;
		font-size: 100%;
	}
	.listFAQ dt:before{
		width:26px;
		height:24px;
	}
	.listFAQ dt:after {
		width:37px;
		height:16px;
		right:8px;
		bottom:8px;
	}
	.listFAQ dt:first-child{margin-top:0;}
	.listFAQ dd{
		padding:12px 12px 12px 40px;
		margin:0 0 40px 30px;
		background-position: 12px 10px;
		background-size:23px 22px;
	}
}

