@charset "utf-8";

/* style-faq.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * FAQ
 * **************************************************
 */

/* FAQ
------------------------------------------------------------------- */
/* Content */
.faq .content__inner {
  margin: 70px auto 0 auto;
  padding: 0 50px;
  max-width: 1080px;
}
.content__layout__section-faq {
  border-top: 2px dotted #185db0;
}


.content__layout__section-faq > h2 {
  padding: 15px 0 15px 20px;
  font-size: 2.2em;
  font-weight: 500;
  cursor: pointer;
}
.content__layout__section-faq > h2:hover {
  background-color: #fafafa;
}
.content__layout__section-faq > h2:after {
  visibility: hidden;
  clear: both;
  content: ".";
  display: block;
  height: 0px;
}
.content__layout__section-faq > h2 span {
  float: right;
  display: block;
  margin: 3px 25px 0 0;
  padding: 5px 12px 6px 12px;
  width: auto;
  min-width: 3.2em;
  border: 1px solid #185db0;
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 65%;
  font-weight: 500;
  color: #185db0;
  text-align: center;
  line-height: 1;
}
.content__layout__section-faq > h2.close span {
  background-color: #ffffff;
  color: #185db0;
}
.content__layout__section-faq > h2:hover span,
.content__layout__section-faq > h2.open span {
  background-color: #185db0;
  color: #ffffff;
}

/* List */
.content__layout__section-faq .faq-cnt {
  display: none;
  margin: 0 0 30px 0;
}
.content__layout__section-faq .faq-cnt dt {
  margin-left: 2.0em;
  padding: 12px 15px 12px 12px;
  font-size: 1.6em;
  text-indent: -1.0em;
  cursor: pointer;
}
.content__layout__section-faq .faq-cnt dt span {
  text-decoration: underline;
}
.content__layout__section-faq .faq-cnt dt a:before {
  content: 'Q';
  position:relative; left: -0.4em;
  font-size: 125%;
  font-family: sans-serif;
  color: #7bb7db;
  text-decoration: none;
}
.content__layout__section-faq .faq-cnt dt:first-child {
  border-top: none;
}
.content__layout__section-faq .faq-cnt dd {
  display: none;
  margin: 0 0 15px 0;
}
.content__layout__section-faq .faq-cnt dd div {
  position: relative;
  padding: 5px 10px 15px 45px;
  font-size: 1.6em;
  text-indent: -1.5em;
}
.content__layout__section-faq .faq-cnt dd div:before {
  content: 'A';
  position:relative; left: -0.1em;
  font-size: 125%;
  font-family: sans-serif;
  color: #e50101;
  text-decoration: none;
}
.content__layout__section-faq .faq-cnt dd div > p {
  display: inline;
}

@media screen and (max-width: 767px) {
  /* FAQ
  ------------------------------------------------------------------- */

  /* Content */
  .faq .content__inner {
    margin: 50px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }

  /* Heading */
  .content__layout__section-faq > h2 {
    position: relative;
    padding: 15px 0 15px 10px;
    font-size: 1.8em;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
  }
  .content__layout__section-faq > h2:hover {
    background-color: #fff;
  }
  .content__layout__section-faq > h2 span {
    position: absolute;
    top: 20px;
    right: -75px;
    margin: 0 5px 0 0;
  }

  /* List */
  .content__layout__section-faq .faq-cnt dt {
    margin-left: 2.0em;
    padding: 12px 0 12px 0;
  }
  .content__layout__section-faq .faq-cnt dd div {
    padding: 5px 0 15px 35px;
  }
}