@charset "utf-8";

/* お問い合わせ
---------------------------------------------------*/
#index h4 + .tel_contact {
  margin-top: 20px;
}

#index .tel_contact .tel_txt {
  text-indent: -6em;
  padding-left: 6em;
  line-height: 1.5;
}
#index .tel_contact .tel_txt a {
  color: #333;
  font-weight: bold;
}
#index .tel_contact .tel_txt strong {
  font-size: 1.8em;
}
#index .tel_contact .tel_txt span {
  font-size: 1.6em;
}

#index .tel_contact .fax_txt {
  font-size: 1.8em;
  line-height: 1.5;
  font-weight: bold;
  text-indent: -3em;
  padding-left: 3em;
  margin-top: 20px;
}
@media only screen and (max-width:768px) {
  #index .tel_contact .tel_txt a {
    color: #1A9DD9;
    text-decoration: underline!important;
  }
}



/* よくあるご質問（FAQ）
---------------------------------------------------*/
.smooth_link + .faq_area,
.faq_area + .faq_area {
  padding-top: 20px;
  margin-top: 42px;
}

.faq_list li {
  margin-top: 13px;
  border-bottom: #C9D6DE solid 1px;
}

.faq_list li dl dt {
  position: relative;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.6;
  padding: 12px 54px 12px 40px;
  cursor: pointer;
}
.faq_list li dl dt::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 28px;
  top: 11px;
  left: 0;
  background: url("/contact/img/faq_list_qicon.png")no-repeat center/27px 28px;
}
.faq_list li dl dt::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 100%;
  top:  0;
  right: 14px;
  background: url("/common/img/accordion_button.png")no-repeat center/20px 20px;
}
.faq_list li dl dt.open::after {
  background: url("/common/img/accordion_button_hover.png")no-repeat center/20px 20px;
}

.faq_list li dl dd {
  position: relative;
  display: none;
  font-size: 1.6em;
  line-height: 1.6;
  padding: 20px 25px 16px 45px;
  background: linear-gradient(to bottom, #FFF, #FFF 1px, #F6F8F9 1px, #F6F8F9);
  background: -moz-linear-gradient(top, #FFF, #FFF 1px, #F6F8F9 1px, #F6F8F9);
  background: -webkit-linear-gradient(top, #FFF, #FFF 1px, #F6F8F9 1px, #F6F8F9);
}
.faq_list li dl dd::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 26px;
  top: 17px;
  left: 14px;
  background: url("/contact/img/faq_list_aicon.png")no-repeat center/20px 26px;
}

.faq_list li dl dd .wavy_line {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, #C9D6DE, #C9D6DE 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

.faq_list li dl dd a {
  text-decoration: underline;
}

@media only screen and (max-width:768px) {
  .smooth_link + .faq_area,
  .faq_area + .faq_area {
    padding-top: 80px;
    margin-top: -30px;
  }

  .faq_list li dl dt {
    font-size: 1.6em;
    line-height: 1.3;
    padding: 12px 50px 12px 38px;
  }
  .faq_list li dl dt::before {
    width: 23px;
    height: 24px;
    top: 10px;
    left: 5px;
    background: url("/contact/img/faq_list_qicon_sp.png")no-repeat center/23px 24px;
  }
  .faq_list li dl dt::after {
    right: 15px;
  }

  .faq_list li dl dd {
    line-height: 1.5;
    padding: 21px 16px 15px 38px;
  }
  .faq_list li dl dd::before {
    width: 19px;
    height: 24px;
    top: 20px;
    left: 9px;
    background: url("/contact/img/faq_list_aicon_sp.png")no-repeat center/19px 24px;
  }
}