/* faq */

#faq{
  margin-top:113px;
  padding-bottom:70px;
}

#faq h3.main_h3::after{
  content: url(faq_woman.png);
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: 15px;
}

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

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

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

#faq div.contents dl dt{
  border:1px #00426B solid;
  border-radius:3px;
  background-color:#fff;
  padding:14px 20px 10px 20px;
  margin:0 0 10px 0;
  position: relative;
  cursor: pointer;
}

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

#faq div.contents dl dt::before{
  content:url(icon_faq.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

#faq div.contents dl dt::after{
  content:url(voiceArrow.png);
  display:inline-block;
  position:absolute;
  right:20px;
  top:13px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

#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:10px 20px 20px 20px;
}

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


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

#faq div.contents dl dd table td{
  border:1px #bfbfbf solid;
  padding:7px;
  font-size:14px;
  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;
}

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

#faq div.contents dl dd ul.flow li::after{
  content:url(../image/faq/faqArrow.png);
  display:block;
  margin:8px 0 0 5px;
}

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