/*Base*/
/* CSS Document */
.accordion { background-color: #e3eff6; padding-bottom: 1%; }

.qa__item { border-radius: 10px; overflow: hidden; margin: 0 auto 5%; width: 90%; }

.qa__item .js-accordion__btn { position: relative; cursor: pointer; }

.qa__item .js-accordion__btn::before, .qa__item .js-accordion__btn::after { content: none; }

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

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

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

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

.js-accordion__btn::before, .js-accordion__btn::after { content: ''; display: block; position: absolute; max-width: 30px; width: 3.75vw; max-height: 2px; height: 0.25vw; top: 0; bottom: 0; right: 5%; margin: auto; background-color: #fff; }

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

.js-accordion__btn.is-active::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; }
/*# sourceMappingURL=accordion.css.map */