/* ===== よくあるご質問 ===== */
h2.faq{
	background: url('../images/title_ico_faq.png') no-repeat center 80px;
	padding-top: 13%;
	padding-bottom: 3%;
}
#faq{
	width:85%;
	margin:1% auto;
}
#faq h3{
	background: url('../images/ico_faq.png') no-repeat;
	padding-left:90px;
	height:50px;
	margin-left:5%;	
	text-align:left;
}
	/* アコーディオン */
div.accordion {
	width: 95%;
	margin:1% auto;
}
div.accordion ul{
	list-style:none !important;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 0;
	margin-left:0 !important;
}
div.accordion ul li{
	border-bottom:1px solid #fff;
}
div.accordion ul li p{
	margin:2%;
	font-size:90%;
	width:97% !important;
}
div.accordion .toggle{
	padding-right:35px;
	font-weight:bold;
}
div.accordion > ul > li > a {
  display: block;
  font-size: 18px;
  text-decoration: none;
  background-color: #ddd;
  cursor: pointer;
  padding: 10px 20px;
  position: relative;
  padding:2% 2% 2% 5%;
}
div.accordion > ul > li > a:hover{
  background-color: #eee;
  color:#333;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  position: absolute;
  right: 12px;
  top: 16px;
  color: #011287;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  font-size: 14px;
  padding: 6px 12px;
  position: relative;
}
#faq table{
	width:85%;
	margin:3% auto;
}
#faq table th{
	border-top:1px solid #b2961e;
	border-right:1px solid #b2961e;
	padding:3%;
	width:30%;
}
#faq table th.last{
	border-bottom:1px solid #b2961e;
}
#faq table td{
	border-top:1px solid #b2961e;
	padding:3%;
}
#faq table td.last{
	border-bottom:1px solid #b2961e;
}
#faq div.contact{
	width:80%;
	margin:5% auto 0;
	border:3px double #CCC;
	background:#FFF;
	padding:2%;
	clear:both;
	display:block;
}

#faq div.contact span{
	font-size:130%;
	font-weight:bold;
}
#faq ul{
	list-style:none;
}
#faq ul li.mail{
	background: url('../images/ico_mail.png') no-repeat 0px 13px;
	height:30px;
	padding:15px 10px 10px 40px;
}
#faq ul li.tell{
	background: url('../images/ico_tell.png') no-repeat 0px 28px;
	height:45px;
	padding:15px 10px 10px 40px;
}

.toggle{
	background:url('img/q.png') no-repeat 15px center;
}
.answer{
	background:url('img/a.png') no-repeat 0 top;
	padding-left:35px;
}

@media (max-width: 767px){
div.accordion .toggle{
	padding:15px 35px 15px 50px;
	font-weight:bold;
	font-size:110%;
}
}