:root {
  --company-color: #1a5186;
  --company-button-color: #2f7c72;
  --keisho-color: #378177;
}

.faq-item {
  max-width: 800px;
  margin: 0 auto 20px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.question {
  display: flex;
  align-items: center;
  background-color: rgba(236, 219, 159, 0.5);
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
}

.question::after {
  content: "+";
  font-size: 2rem;
  position: absolute;
  right: 20px;
  transition: transform 0.3s ease;
  color: #febe42;
}

.faq-item.active .question::after {
  transform: rotate(45deg);
}

.question p {
  color: #febe42;
  padding: 5px 10px;
  margin: 0 10px 0;
}

.faq-item .answer {
  padding: 0 20px;
  background: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.5s ease;
}

.faq-item.active .answer {
  max-height: 500px;
  padding: 20px;
}

.question h3 {
  font-size: 1.25rem;
  margin: 0 10px 0;
}