.faq-container{padding:100px 100px 0}.faq-container .block-point{margin:100px auto 0}@media only screen and (max-width:768px){.faq-container{padding:80px 40px 0}.faq-container .block-point{padding:0 30px;margin:60px auto 0}}@media only screen and (max-width:767px){.faq-container{padding:50px 0}}.faq-wrapper{padding:100px 60px;margin:30px auto 0;background-color:#F0F0F0;max-width:1400px;width:100%}.faq-wrapper .faq-list{margin:0 auto;max-width:900px}.faq-wrapper .faq-list>ul{border-bottom:1px solid rgba(79,95,107,0.2);counter-reset:li}.faq-wrapper .faq-list>ul>li{margin-bottom:-1px;counter-increment:li;content:counter(li)}.faq-wrapper .faq-list .title{padding:25px 10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid rgba(79,95,107,0.2);font-size:1.25rem;font-weight:700;line-height:1.4;cursor:pointer}.faq-wrapper .faq-list .title:after,.faq-wrapper .faq-list .title:before{position:absolute;left:50%;display:block;background-color:#4F5F6B;width:100%;height:5px;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;content:""}.faq-wrapper .faq-list .title:before{top:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.faq-wrapper .faq-list .title:after{bottom:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.faq-wrapper .faq-list .title.active:after,.faq-wrapper .faq-list .title.active:before{opacity:1}.faq-wrapper .faq-list .title.active p:before{color:#4F5F6B;opacity:1}.faq-wrapper .faq-list .title.active .icon{color:#fff;border:1px solid rgba(79,95,107,0);-webkit-transform:scale(-1);transform:scale(-1)}.faq-wrapper .faq-list .title.active .icon:before{-webkit-transform:translate3d(-50%,-50%,0) scale(1.2);transform:translate3d(-50%,-50%,0) scale(1.2)}.faq-wrapper .faq-list .title.active .icon i{border-left:2px solid #fff;border-bottom:2px solid #fff}.faq-wrapper .faq-list .title p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.faq-wrapper .faq-list .title p:before{margin-right:10px;display:block;-ms-flex-negative:0;flex-shrink:0;width:65px;font-size:1.5rem;font-weight:700;line-height:1.5;opacity:0.5;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;content:"Q" counter(li) "."}.faq-wrapper .faq-list .icon{margin-left:45px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border:2px solid rgba(79,95,107,0.5);border-radius:500px;width:30px;height:30px;color:#4F5F6B;font-size:0.625rem;-webkit-transition:color 0.4s,border 0.4s,-webkit-transform 0.4s;transition:color 0.4s,border 0.4s,-webkit-transform 0.4s;transition:color 0.4s,transform 0.4s,border 0.4s;transition:color 0.4s,transform 0.4s,border 0.4s,-webkit-transform 0.4s;overflow:hidden}.faq-wrapper .faq-list .icon:before{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0) scale(0);transform:translate3d(-50%,-50%,0) scale(0);display:block;border-radius:500px;background-color:#4F5F6B;width:100%;height:100%;-webkit-transition:-webkit-transform 0.4s;transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s,-webkit-transform 0.4s;content:""}.faq-wrapper .faq-list .icon i{display:block;-webkit-transform:rotate(-45deg) translate3d(1px,-1px,0);transform:rotate(-45deg) translate3d(1px,-1px,0);width:7px;height:7px;border-left:2px solid #4F5F6B;border-bottom:2px solid #4F5F6B}.faq-wrapper .faq-list .text{display:none;padding:20px 10px;font-size:1rem;line-height:1.5}.faq-wrapper .faq-list .text ol,.faq-wrapper .faq-list .text ul{list-style:initial}.faq-wrapper .faq-list .text li{margin-left:18px}@media only screen and (max-width:1200px){.faq-wrapper{padding:80px 60px}}@media only screen and (max-width:1024px){.faq-wrapper{padding:60px}}@media only screen and (max-width:767px){.faq-wrapper{padding:30px 20px 50px;margin:50px auto 0}.faq-wrapper .faq-list .title{padding:20px 10px}.faq-wrapper .faq-list .title p{font-size:1.125rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.faq-wrapper .faq-list .title p:before{margin-bottom:10px}.faq-wrapper .faq-list .icon{margin-left:10px}}
/*# sourceMappingURL=faq.css.map */