@charset "utf-8";
/* NXエンジニアリング お問い合わせ CSS */


/* お問い合わせTOPスタイル --------- */
#cnt-idx .container__inner p {
  margin-bottom: 0;
}
#cnt-idx .container__inner .cont-center {
  margin-top: 33px;
}
#cnt-idx .container__inner .att-txt {
  margin-top: 11px;
}
@media screen and (max-width:1024px) {
  #cnt-idx .container__inner .cont-center {
    margin-top: 23px;
  }
  #cnt-idx .container__inner .att-txt {
    margin-top: 11px;
  }
}

/* FAQ QAスタイル ---------------- */
#cnt-faq .qa-box {
  margin-bottom: 40px;
  border: var(--color-gray) 1px solid;
  border-radius: 6px;
  overflow: hidden;
}
#cnt-faq section > .qa-box:last-child {
  margin-bottom: 0px;
}
#cnt-faq .qa-box .qa-que {
  padding: 0;
  margin-bottom: 0;
}
#cnt-faq .qa-box .qa-que::before {
  display: none;
}
#cnt-faq .qa-box .qa-que button {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 20px;
  width: 100%;
  padding: 26px 65px 25px 29px;
  background-color: var(--main-light-color);
  border: none;
  border-radius: 6px;
  font-size: var(--txtfs-df);
  letter-spacing: var(--txtls-df);
  line-height: 2;
  text-align: left;
  font-weight: bold;
  font-family: var(--font-family-bold);
  color: var(--df-txtcolor);
  cursor: pointer;
  -webkit-appearance: none;
}
#cnt-faq .qa-box .qa-que button:focus-visible  {
  border: var(--dark-color) 2px solid;
}
#cnt-faq .qa-box .qa-que button[aria-expanded=true] {
  border-radius: 6px 6px 0 0;
}
#cnt-faq .qa-box .qa-que button::before,
#cnt-faq .qa-box .qa-que button::after {
  position: absolute;
  content: "";
  align-self: center;
  width: 16px;
  right: 30px;
  top: inherit;
  bottom: inherit;
  border-top: var(--dark-color) 2px solid;
  transform: rotate(0);
  transition: .5s;
}
#cnt-faq .qa-box .qa-que button[aria-expanded=false]::after {
  transform: rotate(90deg);
}
#cnt-faq .qa-box .qa-que button[aria-expanded=true]::after {
  transform: rotate(180deg);
}
#cnt-faq .qa-box .qa-que button img,
#cnt-faq .qa-box .qa-ans img {
  margin-top: 5px;
}
#cnt-faq .qa-box .qa-ans {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 20px;
  padding: 27px 30px 24px 29px;
  font-size: var(--txtfs-df);
  letter-spacing: var(--txtls-df);
  line-height: 2;
}
.qa-ans {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; 
    transform: translateY(-10px); 
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@media screen and (max-width:1024px) {
  #cnt-faq .qa-box {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:750px) {
  #cnt-faq .qa-box .qa-que button {
    column-gap: 10px;
    padding: 15px 46px 15px 19px;
  }
  #cnt-faq .qa-box .qa-que button::before,
  #cnt-faq .qa-box .qa-que button::after {
    right: 19px;
  }
  #cnt-faq .qa-box .qa-ans {
    padding: 17px 19px 13px 19px;
    column-gap: 10px;
  }
}
.btm-area p {
  margin-bottom: 60px;
}
.btm-area p:has(.main-btn) {
  margin-bottom: 40px;
}
.btm-area p:has(.sub-btn) {
  margin-bottom: 0;
}
@media screen and (max-width:1024px) {
  .btm-area p {
    margin-bottom: 45px;
  }
  .btm-area p:has(.main-btn) {
    margin-bottom: 30px;
  }
}