@charset "utf-8";
#customer-faq h1{
  font-size: 150%;
  width: 100%;
  border-bottom: solid 2px #667699;
  margin-bottom: 0.5rem;
}
#customer-faq h2{
  font-size: 130%;
  width: 100%;
  border-bottom: solid 2px #667699;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
#customer-faq .text-center p{
  text-align: center!important;
}
/*ナビ---------------------------------*/
.faq-nav ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  flex-flow: row wrap;
  margin: 20px auto;
}
.faq-nav li {
  display: flex;
  width: 100%;
  max-width: calc(100%/3 - 10px);
}
@media screen and (max-width:576px){
.faq-nav ul {
  display: flex;
  justify-content: flex-start;
}
.faq-nav li {
  display: flex;
  max-width: 100%;
  margin-bottom: 10px;
}
}
.faq-nav li:hover {
  opacity: 0.7;
}
.faq-nav li a {
  background-color: #647394;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 10px 30px 10px;
  position: relative;
}
.faq-nav li a::after {
  position: absolute;
  left: 50%; /* 親要素の中央に左端を合わせる */
  transform: translateX(-50%); /* 自身の幅の半分だけ左に戻して中央揃え */
  bottom: 10px;
  content: ''; /*何も入れない*/
  width: 14px;
  height: 15px;
  background-image: url("../../common-img/anchor-point-icon.svg");
  background-position: center;
  background-repeat: no-repeat;
}

/*タイトル*/
#customer-faq #faq-1,#customer-faq #faq-2,#customer-faq #faq-3{
  margin-bottom: 1.5rem;
}
#customer-faq #faq-1 li,#customer-faq #faq-2 li,#customer-faq #faq-3 li {
  background-color: #eee;
  padding: 1rem;
  margin-bottom: .5rem;
}
#customer-faq h3 {
  font-size: 1.2em;
  color: #647394;
  margin-bottom: .5rem;
}
#customer-faq #faq-1 li p,#customer-faq #faq-2 li p,#customer-faq #faq-3 li p {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: .5rem;
}
#customer-faq #faq-1 li a,#customer-faq #faq-2 li a,#customer-faq #faq-3 li a {
  display: block;
  text-decoration: underline;
  color: #647394;
  margin-top: .5em;
  font-weight: bold;
}
#customer-faq #faq-1 li a:hover,#customer-faq #faq-2 li a:hover,#customer-faq #faq-3 li a:hover {
  text-decoration: none;
}

/*お問い合わせボタン*/
#customer-faq .footer_form button{
max-width: 30rem!important;
margin-bottom: 50px;
}