/*Base*/
/* CSS Document */
.accordion { width: 91%; margin: 0 auto 5.3%; }

.js-accordion__btn { position: relative; cursor: pointer; user-select: none; background: #f0832c; }

.icon { position: absolute; top: 0; bottom: 0; margin: auto; right: 3.9%; background-color: #fff; border-radius: 50%; max-width: 35px; max-height: 35px; width: 4.66667vw; height: 4.66667vw; }

.icon::before, .icon::after { content: ''; display: block; position: absolute; max-width: 20px; width: 2.66667vw; max-height: 3px; height: 0.4vw; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background-color: #f0832c; }

.icon::after { transform: rotate(90deg); transition: .3s all; }

.is-active .icon::after { transform: rotate(0); }

.js-accordion__content { overflow: hidden; transition-duration: .3s; background: #FFF; }

.js-accordion__content.is-close { height: 0; opacity: 0; }

.js-accordion__content.is-open { opacity: 1; }

.faq__item { border-radius: 10px; border: solid 1px #f0832c; overflow: hidden; margin-bottom: 4.5%; background: #f0832c; }
/*# sourceMappingURL=accordion.css.map */