@charset "UTF-8";

/* アコーディオン文書 */
summary {
  list-style: none;
  position: relative;
  margin-bottom: 0 10px;
  padding: 20px 70px 20px 30px;
  cursor: pointer;
  background-color: #fff;
  border-top: solid 1px var(--line-gray);
  font-size: 1.4rem;
}

summary::-webkit-details-marker {
  display: none;
}

summary:hover {
  background-color: #aaa;
}
details[open] summary {
  background-color: var(--bak-orange);
}


summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: transform 0.5s;
  font-size: 30px;
}

details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}

/* 詳細 */
.note {
  padding: 20px 30px;
}

details[open] .answer {
  animation: fadein 0.5s ease;
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}