@charset "UTF-8";
/*$font-noto-sans-jp: true; // true or false
@if $font-noto-sans-jp {
  $font-style: 'Noto Sans JP', sans-serif;
}*/
/* ==========================================================================//
//
// [個別スタイル]
//
// ========================================================================== */
@media screen and (min-width: 897px) {
  .p-qa__in {
    width: calc(100% - 100px);
    margin: auto;
  }
}

.p-qa__in.is-bg {
  background: #FFF0F9;
}

.p-qa__in.is-bg.-question {
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 150px;
}

@media screen and (max-width: 896px) {
  .p-qa__in.is-bg.-question {
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

.p-qa__in.is-bg.-heading {
  position: relative;
  background: none !important;
}

.p-qa__in.is-bg.-heading::after {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 71px);
  display: block;
  background: #FFF0F9;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 896px) {
  .p-qa__in.is-bg.-heading::after {
    height: calc(100% - 96px);
  }
}

.p-qa .p-contact-us {
  margin-top: 130px;
}

@media screen and (max-width: 896px) {
  .p-qa .c-box-button-small {
    width: calc(100% - 38px - 37px);
  }
}

@media screen and (max-width: 896px) {
  .p-qa .c-box-button-small__link {
    width: 100%;
    padding: 14px 41px;
    position: relative;
    text-align: left;
  }
}

@media screen and (max-width: 896px) {
  .p-qa .c-box-button-small__link::after {
    position: absolute;
    top: 19px;
    right: 30px;
  }
}
.mokuji_wrap {
  padding: 20px 50px;
  background: #FFF0F9;
  max-width: 900px;
  margin: 30px auto 0;
}
.mokuji_ttl {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  margin: 0 0 20px;
}
.mojiki_list {
  font-weight: bold;
  font-size: 1.6rem;
  width: 80%;
  margin: 0 auto;
}
.mojiki_list li {
  line-height: 1.4;
    margin: 6px 0 0;
}
.mojiki_list li:before {
  content: '・';
  margin: 0  4px 0 20px;
}
.mojiki_list li a {
  color: #000000;
}
.mojiki_list li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 896px) {
  .mokuji_wrap {
    max-width: 94%;
    margin: 30px auto 0;
  }
  .mokuji_wrap {
    padding: 20px 0;
  }
  .mojiki_list {
    width: 100%;
    font-size: 1.4rem;
  }
  .mojiki_list li {
    margin: 10px 0 0;
  }
  .mojiki_list li:before {
    margin: 0 6px 0 8px;
  }
}
/*# sourceMappingURL=p_qa.css.map */