@charset "UTF-8";

/*---------------------------------
よくある質問
----------------------------------*/
#faq .title{
	margin-top: 30px;
	padding-bottom: 10px;
	color: #eb6b3a;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #eb6b3a;
}

#faq .ss{
	margin-top: 5px;
	display: block;
	font-size: 13px;
	font-weight: normal;
}

/*question*/
#faq .question{
	color: #eb6b3a;
	margin-top: 40px;
	font-size: 16px;
}

#faq .question .icon{
	font-size: 18px;
	font-weight: bold;
}

/*answer*/
#faq .answer{margin: 5px 0 0 40px;}

#faq .answer_box{
	margin: 5px 0 0 40px;
	font-size: 13px;
	line-height: 19px;
}

#faq .answer_box .more{
	width: 280px;
	margin-top: 10px;
	vertical-align: middle;
	float: left;
}

#faq .answer_box .m_title{
	margin-bottom: 10px;
	padding: 3px;
	display: block;
	color: #fff;
	text-align: center;
	background: #f5b59c;
}

/*answer_box table*/
#faq .answer_box table{
	width: 64%;
	margin-top: 10px;
	line-height: 19px;
	border: 1px solid #eb6b3a;
}

#faq .answer_box table th{
	padding: 3px;
	color: #fff;
	font-weight: normal;
	background: #eb6b3a;
	border-right: 1px solid #fff;
}

#faq .answer_box table th:last-child{border: none;}

#faq .answer_box table td{
	padding: 5px 5px 5px 10px;
	border: 1px solid #eb6b3a;
}

#faq .answer_box table .td01{
	width: 11%;
	background: #fce9e2;
}

.sp-none{display: inline-block;}
.pc-none{display: none;}


/** スマートフォン
===================================*/
@media screen and (max-width: 559px){
#main{padding-top: 24%;}

#faq .title{
	margin: 0 0 15px;
	font-size: 140%;
}

#faq .question{margin: 6% 0 0;}

#faq .answer_box .more{
	width: 100%;
	float: none;
}

#faq .answer_box div{margin: 0 !important;}

#faq .answer_box table{
	width: 100%;
	float: none;
}

#faq .answer_box table .td01{width: 15%}

.sp-none{display: none;}
.pc-none{display: inline-block;}

}