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

.accordion1 { width:100%; float:left; border-bottom:1px solid #ffffff; margin:0 0 0;}
.accordion1 h4 { width:100%; float:left; border-top:1px solid #ffffff; cursor:pointer; padding:4.2% 4.2% 4.2% 0; position:relative; z-index:9;}
.accordion1 h4:first-child { border-top:none;}
.accordion1 h4:before { content:""; width:13px; float:right; background:url(../images/accordion-up-down-white-plain-arrow.svg) no-repeat top / 100%; padding:0 0 16px; right:0;}
.accordion1 h4:hover:before { background:url(../images/accordion-up-down-white-plain-arrow.svg) no-repeat bottom / 100%;}
.accordion1 h4.active:before { background:url(../images/accordion-up-down-white-plain-arrow.svg) no-repeat bottom / 100%;}
.accordion1 .content { width:100%; float:left; padding:4px 0 6px 0;}
.accordion1 h4:after, .accordion1 h4:before { transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%;}

.feeser-wrapp .accordion1  { margin:20px 0 0;}
.feeser-wrapp .accordion1 h4 { width:100%; float:left; background:#6d6f74; border:1px solid #6d6f74; cursor:pointer; padding:9px 27px 10px; margin:0 0 9px; position:relative; z-index:9;}
.feeser-wrapp .accordion1 h4:first-child { border-top:none;}
.feeser-wrapp .accordion1 h4:before { content:""; width:8px; float:right; background:url(../images/down-left-white-plain-arrow.svg) no-repeat top / 100%; padding:0 0 8px; right:27px;}
.feeser-wrapp .accordion1 h4:hover:before { background:url(../images/down-left-white-plain-arrow.svg) no-repeat bottom / 100%;}
.feeser-wrapp .accordion1 h4.active:before { background:url(../images/down-left-white-plain-arrow.svg) no-repeat bottom / 100%;}
.feeser-wrapp .accordion1 .content { width:100%; float:left; padding:16px 27px 25px;}

.faq-wrapp .accordion1 { width:100%; float:left; margin:0 0 50px;}
.faq-wrapp .accordion1 h4 { width:100%; float:left; border-bottom:1px solid #4a4d56; cursor:pointer; padding:17px 0 17px 0; position:relative; z-index:9;}
.faq-wrapp .accordion1 h4:before { content:""; width:10px; height:9px; float:right; background:url(../images/faq-arrow1.svg) no-repeat top / 100%; padding:0 0 0; right:0;}
.faq-wrapp .accordion1 h4:hover:before { width:8px; height:3px; background:url(../images/faq-arrow2.svg) no-repeat bottom / 100%;}
.faq-wrapp .accordion1 h4.active:before { width:8px; height:3px; background:url(../images/faq-arrow2.svg) no-repeat bottom / 100%;}
.faq-wrapp .accordion1 .content { width:100%; float:left; padding:40px 0 6px 0;}
.faq-wrapp .accordion1 h4:after, .faq-wrapp .accordion1 h4:before { transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%;}


.recruitment-wrapp .accordion1 .feeser-row1 h4{width:100%;float:left;border-bottom:1px solid #4a4d56;cursor:pointer;padding:17px 0 17px 0;position:relative;z-index:9;font-size:16px;font-weight:700;letter-spacing:normal;line-height:1.59;margin:0 0 0;}
.recruitment-wrapp .accordion1 .content{width:100%;float:left;padding:40px 0 6px 0}
.recruitment-wrapp .accordion1 .feeser-row1 h4:before{content:"";width:10px;height:9px;float:right;background:url(../images/faq-arrow1.svg) no-repeat top / 100%;padding:0 0 0;right:0}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion1 { width:100%; margin:-10px 0 0;}
.accordion1 h4 { width:100%; padding:16px 6% 14px;}

.feeser-wrapp .accordion1 h4 { padding:9px 5% 10px;}
.feeser-wrapp .accordion1 .content { padding:16px 5% 25px;}

.faq-wrapp .accordion1 h4 { padding:17px 5% 17px 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion1 { width:100%; margin:-10px 0 0;}
.accordion1 h4 { width:100%; padding:16px 6% 14px;}

.feeser-wrapp .accordion1 h4 { padding:9px 5% 10px;}
.feeser-wrapp .accordion1 .content { padding:16px 5% 25px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion1 { width:100%; margin:-10px 0 0;}
.accordion1 h4 { width:100%; padding:16px 6% 14px;}

.feeser-wrapp .accordion1 h4 { padding:9px 5% 10px;}
.feeser-wrapp .accordion1 .content { padding:16px 5% 25px;}
}

@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) {

}