@charset "UTF-8";



/*================================================
* 
================================================*/
#faq .wrap_md {
  width: 76.4%;
}

#accordion li {
  background: var(--color-white);
  margin-bottom: 3rem;
}

#accordion .label {
  cursor: pointer;
  position: relative;
  font-weight: 700;
}

#accordion .label::before,
#accordion .label::after {
  position: absolute;
  content: "";
  width: 1.6rem;
  height: 0.2rem;
  background: var(--color-black);
  top: 50%;
  right: 6.6rem;
  transform: translateY(-50%);
  transition: all .4s;
}

#accordion .label::after {
  transform: translateY(-50%) rotate(90deg);
}

#accordion .label.open::after {
  transform: translateY(-50%) rotate(0deg);
}

#accordion .label div {
  position: relative;
  padding: 3rem 10.5rem;
}

#accordion .label div::before,
#accordion .detail div::before {
  position: absolute;
  content: "Q";
  left: 5rem;
  top: 2.6rem;
  font-family: var(--en);
  font-weight: 800;
  width: 4rem;
  height: 4rem;
  border-radius: 1000px;
  font-size: 2rem;
  background: var(--color-green);
  display: grid;
  place-content: center;
  color: var(--color-white);
  line-height: 1;
}

#accordion .detail div::before {
  content: "A";
  color: var(--color-green);
  background: #F5F5F5;
  left: -5.5rem;
  top: 1.6rem;
}


#accordion .detail {
  display: none;

  padding: 0 6rem 3.5rem 10.5rem;
}

#accordion .detail div {
  padding: 2rem 0 0 0;
  position: relative;
  border-top: 1px solid var(--color-gray);
}

#accordion .detail p:not(:first-of-type) {
  margin-top: 1em;
}


@media screen and (max-width:767px) {
  #faq .wrap_md {
    width: 90%;
  }

  #accordion li {
    margin-bottom: 2rem;
  }


  #accordion .label::before,
  #accordion .label::after {
    right: 1.5rem;
  }

  #accordion .label div {
    position: relative;
    padding: 2rem 3rem 2rem 5rem;
  }

  #accordion .label div::before,
  #accordion .detail div::before {
    left: 1rem;
    top: 1.6rem;
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    padding-top: 0.4rem;
  }

  #accordion .detail div::before {
    left: -4rem;
    top: 1.2rem;
  }


  #accordion .detail {
    padding: 0 1.4rem 2rem 5rem;
  }

  #accordion .detail div {
    padding: 1.6rem 0 0 0;
  }


}

/*================================================
* 
================================================*/


@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/

@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/


@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/

@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/


@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/

@media screen and (max-width:767px) {}

/*================================================
* 
================================================*/


@media screen and (max-width:767px) {}



@media screen and (max-width:767px) {}