@charset "UTF-8";
.pl_accordion .toggleButton {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 15px 6px 20px;
  margin: 20px 0;
  border: 0;
  outline: 0;
  border-radius: 0;
  white-space: normal;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
}

.pl_accordion .toggleButton.type01 {
  color: #fff;
  background-color: #00214b;
}

.pl_accordion .toggleButton.pl_h3Title02 {
  border-bottom: 2px solid #ccc;
}

.toggleMenu.active {
  margin-bottom: 40px;
}

.toggleMenu__content {
  display: none;
}

.toggleMenu__content.active {
  display: block;
}

.plus-minus {
  width: 10%;
  height: 20px;
  position: relative;
}

.plus-minus .border {
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  display: block;
  position: absolute;
  transition: all 0.3s ease 0s;
}

.plus-minus .border.black {
  background-color: #333333;
}

.plus-minus .border.plus {
  top: 10px;
  left: 25%;
  transform: rotate(90deg);
}

.plus-minus .border.minus {
  top: 10px;
  left: 25%;
  transform: rotate(180deg);
}

.plus-minus.long_text .border.plus {
  top: 18px;
  transform: rotate(90deg);
}

.plus-minus.long_text .border.minus {
  top: 18px;
  transform: rotate(180deg);
}

.toggleButton.active .plus-minus .border.plus {
  transform: rotate(0deg);
}

.toggleButton.active .plus-minus .border.minus {
  transform: rotate(0deg);
}

/* !
// ////////////////////
//  animation
// ////////////////////
▼ knowledge
https://qiita.com/7968/items/1d999354e00db53bcbd8
*/
.animation {
  -webkit-animation-name: animation-name;
  animation-name: animation-name;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

/* /animation */
/*# sourceMappingURL=accordion.css.map */