@charset 'UTF-8';

/**
 * お問い合わせページ
 */

#mainContent .inner {
  max-width: 1000px;
  margin: 0 auto;
}

/******************************
 * お問い合わせ
*******************************/
#content {
  margin-top: 60px;
}
#content h2 {
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
#content .description {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
}
#content .btnBlack {
  width: 570px;
  margin: 30px auto 0;
  display: block;
  text-align: center;
  color: #FFF !important;
  background-color: #000;
  border-radius: 6px;
  line-height: 1.3;
  font-size: 1.6rem;
  padding: 1.25em 0;
}

.category {
  margin-top: 40px;
  border-top: solid 1px #e9e9e9;
}
.category h3 {
  font-size: 2.4rem;
  font-weight: bold;
  padding: 1.5em 0;
  text-align: center;
}
.category h3 span {
  position: relative;
  display: inline-block;
  padding-left: 50px;
}
.category h3 span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background-size: 35px;
  background-repeat: no-repeat;
}
.faq.category h3 span::before {
  background-image: url(../../img/usr/common/iconFaq.png);
}
.tel.category h3 span::before {
  background-image: url(../../img/usr/common/iconTel.png);
}
.mail.category h3 span::before {
  background-image: url(../../img/usr/common/iconMail.png);
}

.faq ul {
  padding: 30px 200px 0;
}
.faq li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
}
.faq li a {
  display: block;
  padding: .5em .5em .5em 2.2em;
  color: #0099cc;
}
.faq li a::before {
  content: 'Q.';
  position: absolute;
  top: .5em;
  left: 1em;
  color: #0099cc;
}
.faq li a:hover {
  background-color: rgb(252,242,242);
  opacity: 1;
}
.faq li + li {
  margin-top: 1em;
}

.tel .telInner {
  text-align: center;
  margin-top: 30px;
}
.tel .telNumber {
  margin: 0 0 15px 0;
}
.tel .telNumber span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  background-color: #bbb;
  color: #fff;
  padding: 10px;
  margin-right: 15px;
}
.tel .telNumber a {
  display: inline-block;
  vertical-align: middle;
  font-size: 3rem;
}
.tel .telNumber a img {
  vertical-align: middle;
  margin: -5px 5px 0 0;
  width: 30px;
  height: auto;
}
.tel .open {
  color: #666;
  margin: 0;
}