@charset "utf-8";
/* CSS Document */
/* common */

/* faq-btn */
.faq-btn {
  margin: 3vh auto;
}
.faq-btn li {
  border: 2px solid var(--color-border);
  border-radius: 1rem;
  box-shadow: .2rem .2rem var(--color-secondary);
  position: relative;
}
.faq-btn li:after {
  content: '';
  position: absolute;
  top: calc(50% - .4rem);
  right: 1rem;
  width: 0;
  height: 0;
  border-right: .8rem solid transparent;
  border-left: .8rem solid transparent;
  border-top: .8rem solid var(--color-primary);
}
.faq-btn li span {
  font-size: 70%;
  padding-left: .5rem;
}
.faq-btn li a {
  display: block;
  color: var(--color-primary);
  font-size: 120%;
  font-weight: 700;
  padding: .5rem;
}
@media screen and (max-width:999px){
  .faq-btn li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width:1000px){
  .faq-btn li {
    width: calc(96% / 3);
  }
}
/* accordion */
.accordion input {
  display: none;
}
.accordion label {
  display: flex;
  cursor: pointer;
  padding: 1rem 4rem 1rem 0;
  border-top: 1px solid var(--color-secondary);
  font-weight: 700;
  position: relative;
}
.accordion label span,
.accordion .ac-cont dt {
  color: var(--color-primary);
  font-weight: 700;
}
.accordion label:after {
  content: '';
  position: absolute;
  top: 1em;
  right: 1em;
  width: .5em;
  height: .5em;
  transform: rotate(-45deg);
  border-bottom: .3rem solid var(--color-primary);
  border-left: .3rem solid var(--color-primary);
}
.accordion input:checked + label:after {
  content: '';
  transform: rotate(135deg);
  top: 1.25em;
}
.accordion .ac-content {
  border-bottom: 1px solid var(--color-secondary);
}
.accordion .ac-cont {
  display: flex;
  overflow: hidden;
  transition: 0.3s;
  height: 0;
  padding: 0 4rem 0 0;
}
.accordion input:checked + label + .ac-cont {
  height: auto;
  padding: 0 4rem 1rem 0;
}