.bg1 {
	max-width: 2560px;
	height: 200px;
	background: url(/images/banner_faq.jpg) center no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (min-width:576px) {
	.bg1 {
		height: 300px;
	}
}
@media (min-width:992px) {
	.bg1 {
		height: 500px;
	}
}

.bg1 p {
	color: #fff;
	font-size: 4rem;
	font-family: 'Libre Baskerville', serif;
}
.bg1 p {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

@media (min-width:576px) {
	.bg1 p {
		font-size: 30px;
	}
}
@media (min-width:768px) {
	.bg1 p {
		font-size: 30px;
	}
}
@media (min-width:768px) {
	.bg1 p {
		font-size: 40px;
	}
}
@media (min-width:992px) {
	.bg1 p {
		font-size: 50px;
	}
}
@media (min-width:1200px) {
	.bg1 p {
		font-size: 60px;
	}
}
@media (min-width:1400px) {
	.bg1 p {
		font-size: 70px;
	}
}

.faq {
	padding: 30px 5%;
	background: url(/images/bgprofile.gif) #fff center top no-repeat;
}

.faq .header {
	padding: 1em 0;
}

.faq h1 {
	padding-top: 28px;
	background: url(/images/icon_flower.png) top center no-repeat;
	text-align: center;
	color: #9a8ea4;
	font-size: 3rem;
	
}
@media (min-width:576px) {
	.faq {
		padding: 50px 5%;
	}
	.faq h1 {
		font-size: 4rem;
	}
}
@media (min-width:992px) {
	.faq {
		padding: 103px 5%;
	}
	.faq h1 {
		font-size: 5rem;
	}
}

.faq ul {
	width:100%;
	list-style: none;	
	padding-left: 0;
	padding-top: 20px;
}
.faq input {
	display: none;
}
.faq ul {
	list-style-type: none;
}
.faq label {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #fff;
	background: rgba(154,142,164,1);
	display: block;
	padding:10px 20px;
}

.faq dl dt {
	color: rgba(154,142,164,1);
	padding:10px 20px;
}
.faq dl dd {
	padding:10px 20px 20px;
	border-bottom: solid 1px #ccc;
	
}
.faq dd:last-child {
	border:none;
}
@media (min-width:992px) {
	.faq .box {
		padding-top:53px;
	}
	.faq label {
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		color: #5c5c5c;
		max-width:312px;
		width: calc(100% - 20px);
		height: 219px;
		display: flex;
		justify-content: center;
		align-items: center;
		border:solid 1px #828282;
		margin:0 auto;
		text-align: center;
		background: #fff;
	}
	.faq .box>ul {
		
		position: relative;
		width:100%;
		height: 219px;
		max-width: 1340px;
		margin:0 auto;
		list-style-type: none;
		padding-left: 0;
	}
	.faq .box>ul::after {
		content: ' ';
		display: table;
	}
	.faq .box ul li {
		float: left;
		width:25%;
		height: 219px;
	}
	.faq dl {
		visibility: hidden;
		opacity: 1;
		z-index: 1;
	}
	.faq li label:hover {
		background: rgba(154,142,164,1);
		color: #fff;
	}
	
	.faq ul {
		*zoom: 1;
	}
	.faq dl {
		position: absolute;
		top: 219px;
		left: 0;
		padding:79px 10px;
		
		margin:0 auto;
		font-family: 'Lato', sans-serif;
	}
	
	.faq input[type="radio"]:checked + li label {
		background:rgba(154,142,164,1);	
		color: #fff;
	}
	.faq input[type="radio"]:checked + li dl {
		
		visibility: visible;
		opacity: 1;
	}
	.faq input {
		display: none;
	}
	.faq dl dt {
		border-top:solid 1px #ccc;
		font-size: 18px;
		font-weight: 400;
		padding:40px 70px;
	}
	.faq dl dd {
		font-size: 16px;
		font-weight: 300;
		background: rgba(244,236,250,1);
		padding:40px 70px;
		border-bottom:none;
	}
}