.mainWrap {
  background: #ffffff;
  padding: 32px 64px;
  border-radius: 8px;
  margin: 64px auto;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);
}
.mainWrap .page-title-wrapper .page-title {
  color: #000000;
}
.page-node-type-faq {
  background: #f6f6f7;
}
.page-node-type-faq #main {
  background: #ffffff;
  padding: 32px 64px;
  border-radius: 8px;
  margin: 64px auto;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);
}
.page-node-type-faq #main .page-title-wrapper .page-title {
  color: #000000;
}
.ui-accordion .ui-accordion-header {
  background: #f6f6f7;
  border: 0!important;
  padding: 1rem;
  font-size: 1.1rem;
  color: #000000;
}
.ui-accordion .ui-accordion-header.ui-state-active {
  background: #008eab;
  color: #ffffff;
}
.ui-accordion .ui-accordion-content {
  padding: 1rem 2rem;
}
.ui-accordion .ui-accordion-content p:last-child {
  margin-bottom: 0;
}
.ui-accordion-header.ui-accordion-icons .ui-icon {
  background: #000000;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  mask: url("/themes/gate/front/plan_front/images/icons/icon-chevron.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/plan_front/images/icons/icon-chevron.svg") no-repeat center / contain;
}
.ui-accordion-header.ui-accordion-icons.ui-state-active .ui-icon,
.ui-accordion-header.ui-accordion-icons.ui-button:active .ui-icon {
  background: #ffffff;
  transform: rotate(180deg);
}
