@charset "UTF-8";
#faq .inner {
  max-width: none;
}

#faq {
  background: #EBF6FB;
}

#faq .faq .inner {
  margin: 80px auto;
}

@media screen and (max-width: 767px) {
  #faq .faq .inner {
    margin: 50px auto;
  }
}

@media print {
  #faq .faq .inner {
    margin: 50px auto !important;
  }
}

#faq .faq .main__ttl {
  margin: 60px auto 30px;
}

@media screen and (max-width: 767px) {
  #faq .faq .main__ttl {
    margin-top: 50px;
  }
}

#faq .faq .main__txt.center {
  text-align: center;
}

#faq .faq__list {
  margin-top: 50px;
}

#faq .faq__list__q {
  margin-top: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 28px 45px 27px 80px;
  position: relative;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__q {
    padding: 18px 40px 17px 50px;
  }
}

#faq .faq__list__q::before {
  content: "Q";
  position: absolute;
  top: 16px;
  left: 30px;
  font-size: 3.2rem;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__q::before {
    font-size: 2.2rem;
    top: 9px;
    left: 18px;
  }
}

#faq .faq__list__q::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #a1c5d8;
  width: 5px;
  height: 100%;
  z-index: 1;
  -webkit-transition: .5s;
  transition: .5s;
}

#faq .faq__list__q__inner {
  font-size: 1.8rem;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, Noto Sans JP, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__q__inner {
    font-size: 1.4rem;
  }
}

#faq .faq__list__q__inner::before {
  content: "";
  position: absolute;
  top: 10px;
  right: -20px;
  width: 20px;
  height: 1px;
  background: #333;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__q__inner::before {
    width: 15px;
  }
}

@media print {
  #faq .faq__list__q__inner::before {
    display: none !important;
  }
}

#faq .faq__list__q__inner::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 10px;
  width: 20px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  #faq .faq__list__q__inner::after {
    width: 15px;
  }
}

@media print {
  #faq .faq__list__q__inner::after {
    display: none !important;
  }
}

#faq .faq__list__q.active::before {
  color: #fff;
}

#faq .faq__list__q.active::after {
  width: 100%;
}

#faq .faq__list__q.active .faq__list__q__inner {
  color: #fff;
}

#faq .faq__list__q.active .faq__list__q__inner::before {
  background: #fff;
}

#faq .faq__list__q.active .faq__list__q__inner::after {
  display: none;
}

#faq .faq__list__q:hover::before {
  color: #fff;
}

#faq .faq__list__q:hover::after {
  width: 100%;
}

#faq .faq__list__q:hover .faq__list__q__inner {
  color: #fff;
}

#faq .faq__list__q:hover .faq__list__q__inner::before {
  background: #fff;
}

#faq .faq__list__q:hover .faq__list__q__inner::after {
  background: #fff;
}

#faq .faq__list__a {
  display: none;
  padding: 30px 30px 30px 80px;
  position: relative;
  background: #fff;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__a {
    padding: 28px 20px 27px 50px;
  }
}

@media print {
  #faq .faq__list__a {
    display: block !important;
  }
}

#faq .faq__list__a::before {
  content: "A";
  position: absolute;
  top: 16px;
  left: 30px;
  font-size: 3.2rem;
}

@media screen and (max-width: 767px) {
  #faq .faq__list__a::before {
    font-size: 2.2rem;
    top: 20px;
    left: 18px;
  }
}

#faq .faq__list__a__inner {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, Noto Sans JP, Arial, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

#faq .header {
  background: #fff;
}

#faq .footer {
  background: #fff;
}
/*# sourceMappingURL=style.css.map */