@charset "UTF-8";

/* ::::::::::  下層共通  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
  background: #fff;
}

.pageTitleArea {
  background: none;
  max-width: 1144px;
  padding-top: 180px;
  padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .pageTitleArea {
    max-width: 84%;
  }
}

@media (max-width: 1024px) {
  .pageTitleArea {
    max-width: 84%;
    padding: 40px 0 0;
  }
}

.pageTitleArea .hotelName {
  display: none;
}

.pageTitleArea .en {
  display: block !important;
  /* 自動翻訳しない＝全言語で英語 */
  font-family: "Minion Variable Concept";
  font-size: 4.3rem;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
  line-height: 1.7;
  color: #231815;
}

@media (max-width: 1024px) {
  .pageTitleArea .en {
    font-size: 2.8rem;
  }
}

.pageTitleArea .enExc {
  display: none !important;
}

@media (max-width: 1024px) {
  .pageTitleArea .lead {
    font-size: 1.1rem;
  }
}

/* ::::::::::  よくある質問  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.wrapper02 {
  max-width: 1144px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .wrapper02 {
    max-width: 78%;
  }
}

.tabArea.pageTop ul {
  margin: 50px auto 60px;
}

@media (max-width: 1024px) {
  .tabArea.pageTop ul {
    margin: 70px auto 40px;
  }
}

.faq {
  background: #f1f1f1;
}

.faq .secTitle02 {
  font-size: 1.8rem;
  text-align: left;
  color: #4d4d4d;
  font-family: "Zen Kaku Gothic New" !important;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .faq .secTitle02 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1251px) {
  .faq .tabArea.pageTop ul {
    margin-inline: auto 119px;
  }
}

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

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

.faq .faqContentsOuter {
  padding: 80px 89px 110px;
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .faq .faqContentsOuter {
    padding: 20px 16px 32px;
    margin-inline: -6vw;
    margin-bottom: 0px;
  }
}

.faq .faqList h3,
.faq .faqList p.answer {
  border-color: #b2b2b2;
  padding: 21px 80px;
  color: #4d4d4d;
  font-size: 1.6rem;
}

@media (max-width: 1024px) {

  .faq .faqList h3,
  .faq .faqList p.answer {
    padding: 16px 45px;
    font-size: 1.3rem;
  }
}

.faq .faqList h3 .icon,
.faq .faqList p.answer .icon {
  font-family: "Zen Kaku Gothic New";
  font-size: 2.5rem;
  top: 10px;
  font-weight: 400;
}

@media (max-width: 1024px) {

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

.faq .faqList h3:first-of-type {
  border-color: #b2b2b2;
}

.faq .faqList h3.active {
  background-color: #f1f1f1;
}

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

.faq .faqList h3::before,
.faq .faqList h3::after {
  background-color: #808080;
  width: 26px;
  height: 1px;
}

@media (max-width: 1024px) {

  .faq .faqList h3::before,
  .faq .faqList h3::after {
    width: 20px;
    right: 14px;
  }
}

.faq .faqList h3::after {
  width: 1px;
  height: 26px;
  right: 42px;
}

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

.faq .faqList p.answer {
  border-color: #b2b2b2;
  background-color: rgba(241, 241, 241, 0.5);
}

.faq .faqList p.answer .icon {
  color: #4d4d4d;
  top: 12px;
}

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