@charset "UTF-8";

.bg2_top,
.bg2_under{
	width: 100%;
}
.bg2_under_box{
	margin:0 0 40px;
}

/*****************************************************
　page-head　
*****************************************************/
.page-head{
	max-width:960px;
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.page-head .text{
	font-size:21px;
	line-height: 1.7em;
	margin:46px 0 63px;
}
/*****************************************************
　faqarea　
*****************************************************/
#faqarea{
	background-color:rgba(255,255,255,0.5);
}
.faqarea-inner{
	max-width: 960px;
	width: 100%;
	margin:0 auto;
}
.none-faq{
	text-align: center;
	margin:50px 0;
}
/* faqpost
------------------------------------------------- */
.faqpost{
	border-bottom:dotted 2px #c2a780;
	margin:0 0 30px;
	padding:0 0 32px;
}
.faqpost .faqpost-ttl{
	border-radius:10px;
	background-color: #e99980;
	color:#fff;
	font-size:25px;
	margin:0px 0 42px;
	padding:12px 24px;
	position:relative;
}
.faqpost .faqpost-ttl:after{
	content:url('../images/faq/faqpostbg.png');
	display:block;
	position:absolute;
	left: 0;
	right: 0;
	bottom: -21px;
	margin:0 auto;
	text-align: center;
}
.faqpost .faqpost-ttl span{
	background:url('../images/faq/qicon.png') no-repeat left center;
	min-height: 44px;
	padding:0 0 0 63px;
	display:block;
	line-height: inherit;
}
.faqpost dd{
	margin: 0;
}
.faqpost .answer-ttl{
	background:url('../images/faq/aicon.png') no-repeat 25px top;
	min-height: 44px;
	color:#e99980;
	font-size:25px;
	margin:0 0 16px;
	padding:0 0 0 88px;
}
.faqpost .answerdesc{
	padding:0 0 0 88px;
}
.faqpost .answerdesc p{
	font-size:18px;
}

/*****************************************************
　faq-pager　
*****************************************************/
.faq-pager{
	text-align: center;
	margin:63px 0 30px;
}
.faq-pager .prevpost,
.faq-pager .nextpost{
	display:inline-block;
}
.faq-pager .prevpost + .nextpost{
	border-left:2px solid #806134;
	margin:0 0 0 23px;
	padding:0 0 0 23px;
}
.faq-pager .prevpost img,
.faq-pager .nextpost img{
	vertical-align:middle;
}

.bg2_under_box img{
	vertical-align:top;
}

@media screen and (max-width:960px){
	/*****************************************************
	　page-head　
	*****************************************************/
	.page-head{
		max-width: 600px;
		margin:20px auto 0;
		padding:20px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.page-head .text{
		margin:46px 0 30px;
	}
	/*****************************************************
	　faqarea　
	*****************************************************/
	.faqarea-inner{
		max-width: 600px;
		padding:50px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (max-width:559px){
	/*****************************************************
	　page-head　
	*****************************************************/
	.page-head .text{
		font-size:18px;
	}
	/*****************************************************
	　faqarea　
	*****************************************************/
	/* faqpost
	------------------------------------------------- */
	.faqpost .faqpost-ttl{
		font-size:18px;
		margin:30px 0;
		padding:12px;
	}
	.faqpost .faqpost-ttl span{
		background-size:37px auto;
		-webkit-background-size:37px auto;
		min-height: 37px;
		padding:0 0 0 53px;
	}
	.faqpost .answer-ttl{
		background-position:12px top;
		background-size:37px auto;
		-webkit-background-size:37px auto;
		min-height: 37px;
		font-size:18px;
		padding:0 0 0 58px;
	}
	.faqpost .answerdesc{
		padding:0 0 0 58px;
	}
	.faqpost .answerdesc p{
		font-size:16px;
	}
}

@media screen and (max-width:480px){
	/*****************************************************
	　faq-pager　
	*****************************************************/
	.faq-pager .prevpost,
	.faq-pager .nextpost{
		display:block;
	}
	.faq-pager .prevpost + .nextpost{
		border-left:none;
		margin:20px 0 0;
		padding:0;
	}
}