/*=================================================
 * CSS for PC
 * ================================================= */

/** ALL **/
body{	background: #fff;}
header{	height: 120px; margin-bottom: 0;}
.pan{
	position: relative;
	margin-top: -24px;
	z-index: 1;
}


/** faq **/

#faq{
}


/** faqbox **/

.faqbox:first-of-type{	margin-top: 40px;}
.faqbox:last-of-type{
	border-bottom: none;
	margin-bottom: 50px;
}
.faqbox+.bt_bg{	margin-top: 40px;}
.faqbox{
	width: calc(100% - 24px);
	max-width: 1100px;
	text-align: left;
	margin: 0 auto 24px auto;
	padding: 24px;
	border-bottom: 1px solid #ededed;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.faqbox h3{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	margin: 0 0 16px 0;
	padding: 0 0 0 32px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.faqbox h3:after{
	content: "Q";
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	position: absolute;
	top: 0;
	left: 0;
}
.faqbox p{
	position: relative;
	font-size: 14px;
	line-height: 1.8;
	padding: 0 0 0 32px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.faqbox p:after{
	content: "A";
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	position: absolute;
	top: 0;
	left: 0;
}



/*=================================================
 * CSS for SP
 * ================================================= */

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

	.pan{ margin-top: 0px;}

	/** ALL **/
	body::before,
	body::after{	display: none;}
	header,header.fixed{	height: 0;}
	main{	padding: 78px 0 0 0;}

	/** faq **/
	.faqbox{
		padding: 0 0 15px 0;
	}
	.faqbox:first-of-type{	margin-top: 20px;}
	.faqbox:last-of-type{	margin-bottom: 10px;}
	.faqbox+.bt_bg{	margin-top: 20px;}
	.faqbox{
	}
	.faqbox h3{
		font-size: 13px;
		line-height: 1.4;
		padding-left: 26px;
		margin: 0 0 10px 0;
	}
	.faqbox h3:after{
		font-size: 12px;
		top: 0px;
	}
	.faqbox p{
		font-size: 12px;
		padding-left: 26px;
	}
	.faqbox p:after{
		font-size: 12px;
		top: 2px;
	}
}
