@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : faq.css
 author     : Ability Consultant
 style info : よくあるご質問
=================================================================== */
.con_faq .button:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/* -----------------------------------------------------------
	faq
----------------------------------------------------------- */
.con_faq .img_title img {
  display: block;
  width: 100%;
}
.con_faq .menu_list {
  padding: .5em 0 0;
}
.con_faq .menu_list li {
  display: inline-block;
  padding: 0 0 0 1.2em;
  margin: 0 1.2em 0 0;
  background: url(../images/common/ic_arrow_brown.gif) no-repeat left 4px;
}
@media only screen and (max-width: 767px) {
  .con_faq .menu_list li {
    padding-left: 1.2em;
    background-size: 1em auto;
  }
}
.con_faq .box_faq {
  margin: 0 auto 1.2em;
}
.con_faq .box_faq h3 {
  font-size: 177%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  border-bottom: 1px solid #000;
  line-height: 1.2;
  padding: 1.5em 0 .5em;
  margin: 0 0 .5em;
  letter-spacing: .1em;
  color: #656365;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq h3 {
    overflow: hidden;
  }
  .con_faq .box_faq h3 span {
    float: right;
  }
}
@media print {
  .con_faq .box_faq h3 {
    overflow: hidden;
  }
  .con_faq .box_faq h3 span {
    float: right;
  }
}
.ie8 .con_faq .box_faq h3 {
  overflow: hidden;
}
.ie8 .con_faq .box_faq h3 span {
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq h3 {
    font-size: 130%;
  }
}
.con_faq .box_faq .question_area {
  margin: 0;
  padding: 0 0 1.2em;
  border-bottom: 1px dotted #ccc;
}
.con_faq .box_faq .question_area h4:before, .con_faq .box_faq .question_area .answer_text:before {
  font-size: 1.5em;
  margin-right: .5em;
  font-weight: bold;
}
.con_faq .box_faq .question_area h4 {
  margin: 0;
  padding: .1em 0 0;
  background: none;
  color: #313131;
  font-size: 100%;
  text-indent: -2em;
  margin-left: 1.8em;
}
.con_faq .box_faq .question_area h4:before {
  content: "Q.";
  color: #e52215;
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .question_area h4 {
    padding-right: 2.5em;
    margin-left: 2em;
  }
}
.con_faq .box_faq .question_area .answer_text {
  text-indent: -2em;
  margin-left: 2.2em;
  padding: 1.2em 0;
}
.con_faq .box_faq .question_area .answer_text:before {
  content: "A.";
  color: #11087c;
}
.con_faq .bt_page_top {
  margin: 0em .8em 0;
  float: right;
}
.con_faq .button {
  margin: 2em 10em;
}
.con_faq .button .bt_information {
  float: right;
}
.con_faq .button .bt_information a {
  display: inline-block;
  background: -moz-linear-gradient(#c4c2c4, #6e6c6e);
  background: -webkit-linear-gradient(#c4c2c4, #6e6c6e);
  background: linear-gradient(#c4c2c4, #6e6c6e);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC4C2C4', endColorstr='#FF6E6C6E');
  color: white;
  text-align: center;
  text-decoration: none;
  padding: .8em 2.5em;
  font-size: 108%;
  padding: .4em .8em;
  border: 1px solid #fff;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  min-width: 12em;
}
.con_faq .button .bt_information a:before, .con_faq .button .bt_information a:after {
  font-family: FontAwesome;
  vertical-align: baseline;
}
.con_faq .button .bt_information a > * {
  vertical-align: baseline;
  display: inline;
}
.con_faq .button .bt_information a:before {
  content: "\f138";
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .con_faq .button .bt_information a {
    padding: .8em 0;
  }
}
.con_faq .button .bt_information a:hover {
  color: white;
}
.con_faq .button .bt_information a:before, .con_faq .button .bt_information a:after {
  font-family: FontAwesome;
  vertical-align: baseline;
}
.con_faq .button .bt_information a > * {
  vertical-align: baseline;
  display: inline;
}
.con_faq .button .bt_information a:after {
  content: "\f0da";
  margin-left: .5em;
}
.con_faq .button .bt_information a:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .con_faq .button .bt_information a {
    padding: 1em .8em;
    display: block;
  }
}
@media only screen and (max-width: 543.5px) {
  .con_faq .button {
    margin: 1em auto;
  }
  .con_faq .button .bt_information {
    float: none;
  }
  .con_faq .button .bt_information a {
    display: block;
  }
}