@charset "utf-8";
/* CSS Document */

.accordion1 { width:93.5%; float:left; margin:10px 0 0;}
.accordion1 h3 { width:100%; float:left; cursor:pointer; padding:18px 28px 17px; position:relative; z-index:9; background:#d09f6b; margin:0 0 16px;}
.accordion1 h3:after { width:10px; height:5px; content:""; position:absolute; top:54%; transform:translateY(-50%); right:28px; background:url(../images/down-white-plain-arrow.svg) no-repeat top center / 100%;}
.accordion1 h3.active:after { width:6px; height:11px; background:url(../images/left-white-plain-arrow.svg) no-repeat top center / 100%;}
.accordion1 .content { width:100% !important; float:left; padding:12px 28px 27px;}



.joiner-wrapp .accordion1 { width:93.5%; float:left; margin:10px 0 0;}
.joiner-wrapp .accordion1 h3 { width:100%; float:left; cursor:pointer; padding:18px 28px 17px; position:relative; z-index:9; background:#ffffff; border: 1px solid #d09f6b; margin:0 0 16px; font-size: 15px;line-height: 1;margin: 0 0 16px;font-weight: 600;}
.joiner-wrapp .accordion1 h3:after { width:10px; height:5px; content:""; position:absolute; top:54%; transform:translateY(-50%); right:28px; background:url(../images/down-golden-plain-arrow.svg) no-repeat top center / 100%;}
.joiner-wrapp .accordion1 h3.active:after { width:10px; height: 5px; background:url(../images/down-golden-plain-arrow.svg) no-repeat top center / 100%;}
.joiner-wrapp .accordion1 .content { width:100% !important; float:left; padding:12px 17px 27px 28px;}














.faq-wrapp .accordion1 { width:100%; float:left; margin:10px 0 50px;}
.faq-wrapp .accordion1 h3 { width:100%; float:left; cursor:pointer; padding:18px 29px 17px; position:relative; z-index:9;}
.faq-wrapp .accordion1 h3:after { width:14px; height:14px; content:""; position:absolute; top:50%; transform:translateY(-50%); right:29px; background:url(../images/faq-arrow1.svg) no-repeat center / cover;}
.faq-wrapp .accordion1 h3.active:after { width:14px; height:14px; background:url(../images/faq-arrow2.svg) no-repeat center / cover;}
.faq-wrapp .accordion1 .content { width:100%; float:left; padding:30px 29px 17px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion1 h3 { padding:18px 5% 17px;}
.accordion1 h3:after { right:5%;}
.accordion1 .content { padding:12px 5% 27px;}

.faq-wrapp .accordion1 h3 { padding:18px 10% 17px 5%;}
.faq-wrapp .accordion1 .content { padding:30px 5% 17px;}
.faq-wrapp .accordion1 h3:after { right:5%;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion1 h3 { padding:18px 5% 17px;}
.accordion1 h3.active:after { right:5%;}
.accordion1 .content { padding:12px 5% 27px;}

.faq-wrapp .accordion1 h3 { padding:18px 10% 17px 5%;}
.faq-wrapp .accordion1 .content { padding:30px 5% 17px;}
.faq-wrapp .accordion1 h3:after { right:5%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion1 h3 { padding:18px 5% 17px;}
.accordion1 h3.active:after { right:5%;}
.accordion1 .content { padding:12px 5% 27px;}

.faq-wrapp .accordion1 h3 { padding:18px 10% 17px 5%;}
.faq-wrapp .accordion1 .content { padding:30px 5% 17px;}
.faq-wrapp .accordion1 h3:after { right:5%;}
}

@media screen and (min-width:768px) and (max-width:900px) {

}

@media screen and (min-width:901px) and (max-width:1024px) {

}

@media screen and (min-width:1025px) and (max-width:1240px) {

}