@charset "UTF-8";
.accordion-container {
  position: relative;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-content {
  display: none;
  cursor: initial;
}

.accordion-title:before{
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: url(../img/arrow_01.jpg) left center no-repeat;
}
.accordion-title.open:before{
  top: 30%;
  transform: scale(1, -1);
}

.accordion-title.a02:before{
  background: url(../img/arrow_02.jpg) left center no-repeat;
}
.accordion-title.a02.open:before{
  top: 26%;
  transform: scale(1, -1);
}


@media screen and (max-width : 750px ){
.accordion-title:before,.accordion-title.open:before,
.accordion-title.a02:before,.accordion-title.a02.open:before{
    right: 2%;
    width: 6vw;
    height: 6vw;
    background-size: contain;
}

}