@charset "UTF-8";

.block-faq{
  margin-bottom: 80px;
}
.block-faq:last-child{
  margin-bottom: 0;
}
.block-faq .block{
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,.15);
  margin-bottom: 20px;
  text-align: left;
}
.block-faq .block .faq-qu{
  cursor: pointer;
  padding: 25px 30px;
}
.block-faq .block .faq-qu h3{
  color: #0e214e;
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin: .5em 0;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}
.block-faq .block .faq-qu h3:before{
  color: #0e214e;
  content: "Q";
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.block-faq .block .faq-qu h3:after{
  color: #0e214e;
  content: "＋";
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
.block-faq .block .faq-qu.open h3:after{
  content: "ー";
}
.block-faq .block .faq-an{
  border-top: 1px solid #eee;
  display:none;
  margin: 0;
  padding: 25px 50px;
}
.block-faq .block .faq-an p{
  font-size: 1.6rem;
  line-height: 1.8em;
  padding-left: 40px;
  position: relative;
}
.block-faq .block .faq-an p:before{
  color: #ff0030;
  content: "A";
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -0px;
}
@media screen and (max-width:767px) { 
  .block-faq .block .faq-qu{
    padding: 25px 3%;
  }
  .block-faq .block .faq-qu h3{
    font-size: 1.7rem;
    padding-left: 35px;
    padding-right: 35px;
  }
  .block-faq .block .faq-qu h3:before{
    font-size: 25px;
  }
  .block-faq .block .faq-qu h3:after{
    font-size: 25px;
  }
  .block-faq .block .faq-an{
    padding: 25px 3%;
  }
  .block-faq .block .faq-an p{
    font-size: 1.5rem;
    padding-left: 35px;
  }
}