@charset "utf-8";
/* CSS Document */

/*-------------------------------------
	Main Visual
-------------------------------------*/

#main_visual{
	background-image: url("../images/faq/main.jpg");
}

/*-------------------------------------
	FAQ
-------------------------------------*/

header.line{
	margin-bottom: 60px;
}

.faq_list {
	margin-top: 60px;
}

#faq h4 {
	position: relative;
	min-height:60px;
	line-height:60px;
	padding:0 20px;
	text-align:center;
	box-sizing:border-box;
	border-bottom: #dedede 1px solid;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
}

#faq h4:after {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
	width: 17px;
	height: 17px;
	content: '';
	display:block;
	border-right: 1px solid #b49531;
	border-bottom: 1px solid #b49531;
	transform: rotate(45deg);
}

#faq h4.close:after{
	transform: rotate(-135deg);
	margin-top: -6px;
}

#faq dl {
	display: none;
	max-width:1000px;
	margin:40px auto;
}

#faq dl dt, #faq dl dd {
	position: relative;
	padding-left: 115px;
}

#faq dl dt span, #faq dl dd span {
	font-size:35px;
}
@media screen and (max-width: 1000px) {
    #faq dl dt span, #faq dl dd span {
      font-size: 22px; } }

#faq dl dt {
	margin-bottom: 20px;
	color: #AAA;
}

#faq dl dd {
	margin-bottom: 28px;
	color: #b49531;
	padding-right:20px;
}

#faq dl span {
	display: block;
	margin-left:35px;
	position: absolute;
	left: 0;
	top: 0;
	line-height:1.0;
}


@media screen and (max-width: 768px) {

	/*-------------------------------------
		FAQ
	-------------------------------------*/
	
	header.line{
		margin-bottom: 40px;
	}

	.faq_list {
		margin-top: 40px;
	}
	
	#faq .wrapper {
		padding: 50px 0 0;
	}
	#faq h4 {
		padding-right: 20px;
	}
	#faq dl dt, #faq dl dd {
		padding-left: 50px;
	}
	#faq dl dt {
		margin-bottom: 15px;
	}
	#faq dl dd {
		margin-bottom: 20px;
	    padding-right:10px;
	}
	#faq dl span {
		margin-left:10px;
	}

}