/*voice css*/
@import url("common.css");
.bgOrange {
 background: url(/wp-content/themes/pgfamily/asset/img/voice/bg_orange.jpg);
}
.bgGray  {
 background: url(/wp-content/themes/pgfamily/asset/img/voice/bg_gray.jpg);
}
.memberArea {
 padding: 6rem 0;
 overflow: hidden;
}
.memberBox {
 width: 33%;
 float: left;
 margin-bottom: 20px;
}
.catList li{
    background:unset;
    padding: unset;
}
.catList{
    background:unset;
}
@media screen and (max-width: 991px) {
	.memberArea {
	 padding: 3rem 0 1rem;
	}
	.memberBox {
	 width: 100%;
	 float: none;
	}
}
.member {
 width: 95%;
 margin: 0 auto;
 background: #fff;
 padding-bottom: 5px;
}
.member p {
 background: #fff;
 padding: 15px 15px 0;
}
ul.catList {
 padding: 0 10px;
 list-style-type: none;
 font-size: 0.9em;
}
ul.catList li {
 display: inline;
 margin: 0 5px;
 font-size: 0.9em;
}
.voiceTit {
    text-align: center;
    color: #fff;
    padding: 50px 0 80px;
    font-size: 1.3em;
    width: 70%;
    margin: 0 auto;
    line-height: 1.8em;
}
.voiceArea {
    width: 65%;
    padding: 0px 10% 0px;
    margin: 0 auto;
    background: #ededed;
}

@media screen and (max-width: 991px) {
	.voiceTit {
	    font-size: 1.0em;
	    width: 95%;
	    margin: 0 auto;
	}
	.voiceArea {
	    width: 95%;
	}
}
.voiceArea img {
    width: 100%;
    position: relative;
    bottom: 40px;
}
.voiceArea ul.catList {
    padding: 0 0px;
    position: relative;
    bottom: 35px;
}
.voiceArea ul.catList li {
 display: inline;
 margin: 0 5px 0 0;
}
.voiceArea p {
    padding-bottom: 16px;
}
.faqArea {
 background: url(/wp-content/themes/pgfamily/asset/img/voice/bg_bd.jpg) no-repeat top center;
    padding-top: 35px;
}
.faqArea h4 {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 8px;
    padding-top: 12px;
    line-height: 1.7em;
}
.faqArea h4 span {
    color: #fd6907;
    font-size: 1.9em;
    margin-right: 18px;
    font-family: 'PierSans-bold';
}
.backBtn {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px 0;
    width: 60%;
    margin: 0 auto;
    position: relative;
    bottom: -20px;
    z-index: 9;
}
@media screen and (max-width: 991px) {
	.backBtn {
	    width: 90%;
	}
}
.backBtn:hover {
    background: #fd6907;
    text-decoration: none;
    color: #fff;
}
.moreTit {
    text-align: center;
    border-bottom: 2px solid #fd6907;
    color: #fd6907;
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

