@charset "utf-8";
/* ===================================================
	faq CSS
====================================================== */
#title { background: url(../../faq/img/title.jpg)no-repeat center top;}

/* ---------------------------------------------------
section
------------------------------------------------------ */
section { padding: 20px 20px 0; background: url(../../improvement/img/sec_line1.gif)no-repeat left top,url(../../improvement/img/sec_line2.gif)no-repeat right top,url(../../improvement/img/sec_line3.gif)repeat-x center top; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
section h4 { padding: 15px 0 20px 30px; background: url(../../faq/img/tit_bg.gif) no-repeat left top; font-size: 19px;}

section dl { width: 94%; padding: 20px 0; margin: 0 auto; background: url(../../improvement/img/line.gif) repeat-x;}
section dl:nth-of-type(1) { background: none;}
section dl dt { padding: 0 0 10px 23px; color: #825b21; font-weight: bold; background: url(../../faq/img/q.gif) left 2px no-repeat;}
section dl dd { padding: 0 0 0 23px; background: url(../../faq/img/a.gif) left 2px no-repeat;}
section dl a { color: #000; text-decoration: underline;}
section dl a:hover { color: #000; text-decoration: none;}
section>p { margin-top: 50px; text-align: right;}


#lead { padding: 20px 5%; margin-bottom: 50px; background: rgb(245,241,234);
background: -moz-linear-gradient(top, rgba(245,241,234,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,241,234,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,241,234,1) 0%,rgba(255,255,255,1) 100%);}
#lead h3 { float: left;}
#lead h3+p { width: 60%; margin: 20px 0 15px 5%; float: left; font-size: 13px; text-align: left;}
#lead ul { clear: left; padding-top: 20px; font-size: 14.5px;}
#lead ul li { width: 25%; float: left; padding-left: 10px; margin-bottom: 25px; background: url(../../faq/img/lead_mark.gif)no-repeat left center; box-sizing: border-box;}
#lead ul li a { color: #825b21;}


@media screen and (max-width: 1100px) {
	section { padding: 15px 2% 0;}
	section dl { width: 94%;}
	#lead ul li { width: 33.3%;}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 768px) {
	#lead { margin-bottom: 20px;}
	#lead ul li { width: 50%; margin-bottom: 15px;}
}
@media screen and (max-width: 600px) {
	section { padding: 15px 15px 0;}
	section dl { width: 100%;}
	section>p { margin-top: 20px;}
	#lead { padding: 13px 5%; margin-bottom: 10px;}
	#lead h3 { float: none; text-align: center;}
	#lead h3+p { width: auto; float: none; margin: 15px 0 0;}
	#lead ul { padding-top: 15px;}
}

@media screen and (max-width: 480px) {
	#lead ul li { width: 100%;}
}

/*clear*/
#lead:after,
#lead ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }