@charset "utf-8";
header nav li.faq {
	background: #E78492;
}
.faq .wrap {
	padding-bottom:0;
}
.faq h2 {
	border-bottom:1px solid #D78AAC;
	margin-bottom:28px;
}
.faq .section p.lead {
	font-size:1.5rem;
	line-height:1.4;
	color:#666;
	padding:26px 20px 0 9px;
}
.faq .navigation {
	overflow:hidden;
	max-width:840px;
	width:100%;
	margin:40px auto 63px;

}
.faq .navigation li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	width:49%;
	height:50px;
	line-height:51px;
	float:left;
	font-size:1.6rem;
	max-width:410px;
	color:#FFF;
	background:#D78AAC url(../images/icon_q_link.png) no-repeat 19px 15px;
	padding-left:56px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	margin-bottom:20px;
	background-size: 13px 20px;
}
.faq .navigation li:hover {
	filter: alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
}
.faq .navigation li a {
	color:#FFF;
	display:block;
	width:100%;
	height:100%;
}
.faq .navigation li:nth-child(2n) {
	margin:0px 0 20px 2%;
}
.faq .section p em {
	font-style:normal;
	color:#33CCCC;
}
.faq .section dl {
	margin:0 0 13px 23px;
	border-bottom:1px solid #F1D8E3;
}
.faq .section:first-child {
	padding-bottom:0;
}
.faq .section {
	padding-bottom:97px;
}

.faq .section dt {
	font-size:1.4rem;
	background-image:
		url(../images/icon_allow_up.png);
	background-repeat:
		no-repeat;
	background-position:
		right center;
	 background-size:50px auto;
  font-size: 2rem;
  color: #860750;
  min-height: 40px;
  margin:0 0 10px 0;
  line-height:1.2;
}
.faq .section dt.active {
	background-image:url(../images/icon_allow_down.png);
}
.faq .section dt p {
 	padding:19px 48px 19px 70px;
	width:100%;
	display:table-cell;
	vertical-align: middle;
	background-image:
		url(../images/icon_q.jpg);
	background-repeat:
		no-repeat;
	background-position:
		left center;
	background-size: 48px 41px;	
}
.faq .section dd {
	font-size:1.5rem;
	color:#666;
	padding:19px 10px 19px 10px;
	line-height:1.4;
}
.faq .section dd a {
	color:#33CCCC;
	display: inline-block;
}
.section dt{
    display:block;
    cursor:pointer;
    }
.section dd{
    display:none;
    height:auto;
}
.contact {
	width: 100%;
	max-width: 500px;
	margin: 120px auto 0;
	text-align: center;
}
.contact h3 {
	font-size: 2rem;
	font-weight:normal;
}
.contact p {
	font-size: 1.5rem;
	margin-top:26px;
}
.contact a {
	width: 300px;
	height: 45px;
	background:url(../images/btn_contact.jpg) no-repeat left top;
	background-size: 300px auto;
	text-indent: -9999px;
	margin:45px auto 0;
}
@media only screen and (max-width :900px) {
	.main {
	  padding: 0 10px;
	}
}
@media only screen and (max-width :800px) {
	.faq .section {
		padding-bottom:45px;
	}
  .faq .navigation {
		margin:23px auto 23px;
	}
	.faq .navigation li {
		float:none;
		width:100%;
		max-width:100%;
		height:44px;
		line-height:45px;
		margin:0px 0 5px 0;
		background:#D78AAC url(../images/icon_q_link.png) no-repeat 22px 12px;
		background-size: 13px 20px;
	}
  .faq .navigation li:nth-child(2n) {
		margin:0px 0 5px 0;
	}
	.faq h2 {
		margin-bottom:16px;
	}
	.faq .section dl {
		margin:0 0 5px 5px;
	}
	.faq .section dt {
	  margin:0 0 2px 0;
		font-size:1.4rem;
	  background-image:
	    url(../images/icon_allow_up.png);
	  background-repeat:
			no-repeat;
	  background-position:
			right center;
	  background-size:24px 10px;
	}
	.faq .section dt p {
	  padding:13px 28px 13px 50px;
		width:100%;
		display:table-cell;
	  vertical-align: middle;
	  background-image:
	    url(../images/icon_q.jpg);
	  background-repeat:
	    no-repeat;
	  background-position:
	    3px center;
	  background-size:
			38px 33px;
	}
	.faq .section dd {
		font-size:1.3rem;
		padding:6px 0 11px 10px;
	}
}
@media only screen and (max-width :767px) {
	.faq .section p.lead {
		padding:15px 9px 0 9px;
		font-size:1.3rem;
	}
	.faq .section .image {
		padding:0 10px;
		margin:42px auto 40px;
	}
	.contact {
		margin: 50px auto 0;
	}
	.contact h3 {
		font-size: 1.8rem;
		font-weight:normal;
	}
	.contact p {
		font-size: 1.3rem;
		margin-top:16px;
		line-height: 1.4;
	}
	.contact a {
		width: 250px;
		height: 37px;
		background:url(../images/btn_contact.jpg) no-repeat left top;
		background-size: 250px auto;
		margin:25px auto 0;
	}
}