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

file name  : faq.css
author     : Abilive
style info : よくあるご質問
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_intro, .con_faq {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_intro, .con_faq {
    width: calc(1300 / 1440 * 100%);
    max-width: calc(1300px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_intro, .con_faq {
    max-width: calc(1300px * ((16 + 1) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro, .con_faq {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro, .con_faq {
    width: calc(690 / 750 * 100%);
  }
}

@media only screen and (min-width: 768px) {
  .con_intro {
    margin-bottom: 10.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-bottom: 9em;
  }
}
.con_intro > .txt {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .con_intro > .txt {
    margin-bottom: 5.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro > .txt {
    margin-bottom: 3.84rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro > .txt {
    margin-bottom: 4.28rem;
  }
}

@media only screen and (min-width: 768px) {
  .con_faq {
    margin-top: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq {
    margin-top: em;
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question {
    margin-bottom: 9.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question {
    margin-bottom: 8em;
  }
}
.con_faq .box_question .tmp_st_s {
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_question .tmp_st_s {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .tmp_st_s {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .tmp_st_s {
    margin-bottom: 2.85rem;
  }
}
.con_faq .box_question .box_faq dt, .con_faq .box_question .box_faq dd {
  position: relative;
}
.con_faq .box_question .box_faq dt::before, .con_faq .box_question .box_faq dd::before {
  font-family: 'Cinzel', "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  font-size: 229%;
  color: var(--aaaaa);
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt::before, .con_faq .box_question .box_faq dd::before {
    font-size: 186%;
  }
}
.con_faq .box_question .box_faq dd {
  display: flex;
  display: none;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question .box_faq dd {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dd {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question .box_faq dd {
    padding: 1.78rem 0 1.78rem 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dd {
    padding: 1.2em;
  }
}
.con_faq .box_question .box_faq dd span {
  display: block;
}
@media only screen and (min-width: 1441px) {
  .con_faq .box_question .box_faq dd span {
    padding-left: 2.5rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_faq .box_question .box_faq dd span {
    padding-left: 2.8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .box_faq dd span {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dd span {
    padding-left: 2em;
  }
}
.con_faq .box_question .box_faq dd::before {
  content: "A";
  color: #1b1b1b;
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_question .box_faq dd::before {
    top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .box_faq dd::before {
    top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dd::before {
    top: 0.2em;
  }
}
.con_faq .box_question .box_faq dt {
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
  border-bottom: 1px solid #d3cbbc;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question .box_faq dt {
    padding: 24px 14px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt {
    padding: 1.2em 1.5em 1.2em 1em;
  }
}
.con_faq .box_question .box_faq dt > span {
  font-size: 129%;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_question .box_faq dt > span {
    padding-left: 3.92rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .box_faq dt > span {
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt > span {
    padding-left: 2rem;
  }
}
.con_faq .box_question .box_faq dt .t_red {
  padding-left: 0;
  color: red;
}
.con_faq .box_question .box_faq dt::before {
  content: "Q";
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_question .box_faq dt::before {
    top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .box_faq dt::before {
    top: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt::before {
    top: 0.5em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_faq .box_question .box_faq dt::before {
    left: 16px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_faq .box_question .box_faq dt::before {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_question .box_faq dt::before {
    left: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt::before {
    left: 1%;
  }
}
.con_faq .box_question .box_faq dt::after {
  content: "\f3d0";
  position: absolute;
  font-family: "Ionicons";
  color: #1b1b1b;
  transition: 1s all;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question .box_faq dt::after {
    top: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt::after {
    top: 30%;
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_question .box_faq dt::after {
    right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_question .box_faq dt::after {
    right: 8px;
  }
}
.con_faq .box_question .box_faq dt.is-active::after {
  transform: rotateX(180deg);
}