/* faq */
#faq{
  margin-top:4rem;
  padding-bottom:4rem;
}

#faq h3.main_h3::after{
  content:"";
  width:165px;
  height:110px;
  background-image: url(../image/faq/faq_woman.png);
  background-position:center;
  background-size:165px 110px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 3px;
}

#faq div.contents{
  background-color:#fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position:relative;
  padding:1px 0 1rem 0;
  width:97%;
  margin:0 auto 25px auto;
}

#faq div.contents::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border: 16px solid transparent;
  border-top: 28px solid #fff;
}


#faq div.contents dl{
  width:95%;
  margin:0 auto;
  padding:20px 0 0 0;
}

#faq div.contents dl dt{
  border:1px #00426B solid;
  border-radius:3px;
  background-color:#fff;
  font-size:1.2rem;
  padding:12px 15px;
  margin:0 0 10px 0;
  position: relative;
  cursor: pointer;
  display:flex;
  align-items: center;
}

#faq div.contents dl dt span{
  flex:1;
  margin-right:1rem;
  line-height:140%;
}

#faq div.contents dl dt.active{
  box-shadow:0 3px 0 #eee;
  background-color:#ffffee;
}

#faq div.contents dl dt::before{
  width:14px;
  height:14px;
  content:"";
  background-image:url(../image/faq/icon_faq.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

#faq div.contents dl dt::after{
  width:13px;
  height:13px;
  content:"";
  background-image:url(../image/faq/voiceArrow.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:13px;
  display:inline-block;
  position:absolute;
  right:10px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

/* iphone5s/SE,android用 */
@media screen and (max-width: 374px) {
  #faq div.contents dl dt.twoline::after{
    bottom:22px;
  }
  #faq div.contents dl dt.threeline::after{
    bottom:30px;
  }
}

#faq div.contents dl dt.active::after{
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#faq div.contents dl dd{
  display:none;
  padding:0 1rem 2rem 1rem;
}

#faq div.contents dl dd p{
  font-size:1.2rem;
  line-height:130%;
  margin:0 0 10px 0;
}

#faq div.contents dl dd p.num{
  font-size:10px;
}

#faq div.contents dl dd table{
  width:100%;
}

#faq div.contents dl dd table td{
  border:1px #bfbfbf solid;
  padding:3px;
  font-size:1.2rem;
  text-align:center;
  vertical-align:middle;
  line-height:130%;
}

#faq div.contents dl dd table td.title_1{
  background-color:#00426B;
  color:#fff;
  border:1px #bfbfbf solid;
}

#faq div.contents dl dd table td.title_2{
  background-color:#5287A4;
  color:#fff;
  width:20%;
}

#faq div.contents dl dd ul.flow li{
  font-size:1.2rem;
  line-height:140%;
}

#faq div.contents dl dd ul.flow li::after{
  width:22px;
  height:17px;
  content:"";
  background-image:url(../image/faq/faqArrow.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 17px;
  display:block;
  margin:8px 0 8px 5px;
}

#faq div.contents dl dd ul.flow li:last-child::after{
  content:"";
  background:none;
}