@charset "UTF-8";
/*
 * faq.css
 *
 */


/* !よくある質問
---------------------------------------------------------- */
.faqCts01 {
	max-width:1240px;
	margin:0 auto;
	padding:70px 20px 80px 20px;
}
.faqCts02 {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px 60px 20px;
}

div.accordion {
	max-width:1200px;
	margin:0 auto;
}
	div.accordion > ul > li {
		margin-bottom:20px;
	}
		div.accordion > ul > li > a.question {
			display: block;
			font-size: 16px;
			font-weight:bold;
			text-decoration: none;
			background-color: #E3F2C1;
			cursor: pointer;
			padding: 10px 50px;
			position: relative;
			border-radius:4px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			background-image:url(../../faq/img/icon_q.png);
			background-position:10px 10px;
			background-repeat:no-repeat;
			background-size:30px 30px;
		}
			div.accordion > ul > li > a:hover{
				background-color: #CDE891;
			}
			div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
				font-size: 12px;
				position: absolute;
				right: 20px;
				top: 15px;
				color: #89B011;
			}
			div.accordion > ul > li > a:after{
				content: "▼";
			}
			div.accordion > ul > li > a.active:after{
				content: "▲";
			}
			div.accordion > ul > li > div {
				display: none;
				background:#EFEFEF;
				padding:15px 20px 15px 50px;
				margin-top:20px;
				position:relative;
				background-image:url(../../faq/img/icon_a.png);
				background-position:10px 15px;
				background-repeat:no-repeat;
				background-size:30px 30px;
				border-left:3px solid #F4D700;
			}


@media screen and (max-width:1039px){
.faqCts01 {
	padding:60px 20px 70px 20px;
}
.faqCts02 {
	padding:0 20px 50px 20px;
}

div.accordion > ul > li > a.question {
	font-size: 15px;
}

}

@media screen and (max-width:767px){
.faqCts01 {
	padding:50px 15px 60px 15px;
}
.faqCts02 {
	padding:0 15px 40px 15px;
}

div.accordion {
	max-width:1000px;
	margin:0 auto;
}
	div.accordion > ul > li {
		margin-bottom:20px;
	}
		div.accordion > ul > li > a.question {
			font-size: 14px;
			padding: 10px 35px 10px 45px;
			background-size:25px 25px;
		}
			div.accordion > ul > li > a:hover{
				background-color: #E3F2C1;
			}
			div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
				font-size: 12px;
				position: absolute;
				right: 14px;
				top: 13px;
				color: #89B011;
			}
			div.accordion > ul > li > div {
				display: none;
				background:#EFEFEF;
				padding:15px 15px 15px 45px;
				margin-top:20px;
				position:relative;
				background-image:url(../../faq/img/icon_a.png);
				background-position:10px 15px;
				background-repeat:no-repeat;
				background-size:25px 25px;
				border-left:3px solid #F4D700;
			}

}