@charset "UTF-8";

/* =========================================================
faq
========================================================= */
.faq .faqContentsOuter {
  background: #fff;
  padding: 60px 75px 75px;
}

@media (max-width: 1024px) {
  .faq .faqContentsOuter {
    padding: 30px 13px;
  }
}

.faq .faqContents {
  margin-bottom: 55px;
}

@media (max-width: 1024px) {
  .faq .faqContents {
    margin-bottom: 35px;
  }
}

.faq .faqContents:last-of-type {
  margin-bottom: 0;
}

.faq .secTitle02 {
  text-align: center;
  text-transform: capitalize;
}

.faq .faqList {
  margin-top: 35px;
}

@media (max-width: 1024px) {
  .faq .faqList {
    margin-top: 10px;
  }
}

.faq .faqList h3 {
  color: #000;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .faq .faqList h3 {
    margin-top: 0;
  }
}

.faq .faqList h3::before,
.faq .faqList h3::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  background: #AB8D4B;
  width: 20px;
  height: 2px;
  margin: auto;
}

@media (max-width: 1024px) {

  .faq .faqList h3::before,
  .faq .faqList h3::after {
    right: 17px;
  }
}

.faq .faqList h3::after {
  top: 0;
  bottom: 0;
  right: 39px;
  width: 2px;
  height: 20px;
}

@media (max-width: 1024px) {
  .faq .faqList h3::after {
    right: 26px;
  }
}

.faq .faqList h3.active {
  background: rgba(163, 133, 75, 0.1);
}

.faq .faqList h3.active::after {
  opacity: 0;
}

.faq .faqList h3 .icon {
  color: #AB8D4B;
}

.faq .faqList h3:first-of-type {
  border-top: 1px solid #C2C2C2;
}

.faq .faqList h3,
.faq .faqList p.answer {
  position: relative;
  border-bottom: 1px solid #C2C2C2;
  padding: 23px 75px;
  line-height: 1.6;
  font-feature-settings: "palt";
}

@media (max-width: 1024px) {

  .faq .faqList h3,
  .faq .faqList p.answer {
    padding: 16px 45px;
  }
}

.faq .faqList h3 .icon,
.faq .faqList p.answer .icon {
  position: absolute;
  top: 15px;
  left: 30px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
  font-size: 2.3rem;
}

@media (max-width: 1024px) {

  .faq .faqList h3 .icon,
  .faq .faqList p.answer .icon {
    top: 7px;
    left: 18px;
    font-size: 2rem;
  }
}

.faq .faqList p.answer {
  display: none;
  border-top: none;
  background: #E8E8E3;
  padding-right: 50px;
}

@media (max-width: 1024px) {
  .faq .faqList p.answer {
    padding-right: 25px;
  }
}

.faq .faqList p.answer .icon {
  color: #121b27;
  font-size: 2.9rem;
  top: 8px;
}

@media (max-width: 1024px) {
  .faq .faqList p.answer .icon {
    font-size: 2rem;
  }
}

/* =========================================================
多言語
========================================================= */
body.lang_en .tabArea.pageTop ul li {
  min-width: 230px;
}

@media (max-width: 767px) {
  body.lang_en .tabArea.pageTop ul li {
    font-size: 1.05rem;
    min-width: initial;
  }
}

@media (max-width: 767px) {
  body.lang_en .tabArea.pageTop ul li a img {
    top: 7px;
  }
}

body.lang_ko .pageTitleArea .enExc {
  display: none;
}

body.lang_fr .tabArea.pageTop ul li,
body.lang_de .tabArea.pageTop ul li,
body.lang_es .tabArea.pageTop ul li,
body.lang_th .tabArea.pageTop ul li,
body.lang_vi .tabArea.pageTop ul li,
body.lang_it .tabArea.pageTop ul li,
body.lang_id .tabArea.pageTop ul li,
body.lang_ar .tabArea.pageTop ul li {
  min-width: 270px;
}

body.lang_ru .tabArea.pageTop ul li {
  min-width: 390px;
}

body.lang_ms .tabArea.pageTop ul li {
  min-width: 285px;
}

@media (max-width: 1024px) {

  body.lang_ru .tabArea.pageTop ul li,
  body.lang_ms .tabArea.pageTop ul li {
    min-width: initial;
    width: 100%;
  }
}

@media (max-width: 767px) {

  body.lang_fr .tabArea.pageTop ul li,
  body.lang_de .tabArea.pageTop ul li,
  body.lang_es .tabArea.pageTop ul li,
  body.lang_th .tabArea.pageTop ul li,
  body.lang_vi .tabArea.pageTop ul li,
  body.lang_it .tabArea.pageTop ul li,
  body.lang_ms .tabArea.pageTop ul li,
  body.lang_id .tabArea.pageTop ul li,
  body.lang_ar .tabArea.pageTop ul li,
  body.lang_ru .tabArea.pageTop ul li {
    min-width: initial;
    width: 100%;
  }
}

body.lang_de .tabArea.pageTop ul li {
  min-width: 280px;
}

@media (max-width: 767px) {
  body.lang_de .tabArea.pageTop ul li {
    min-width: initial;
    width: 100%;
  }
}

/*# sourceMappingURL=faq.css.map */