@charset "UTF-8";

div.section div.whiteBlock {
  background: #fff;
  padding: 70px 80px;
}
@media screen and (max-width: 1099px) {
  div.section div.whiteBlock {
    padding: 0;
  }
}
div.section div.contentsBlock {
  display: none;
}
div.section div.contentsBlock.on {
  display: block;
}
div.section ul.faqBtnList {
  margin: 0 0 30px;
}
@media screen and (max-width: 1099px) {
  div.section ul.faqBtnList {
    margin: 0;
  }
}

div.section ul.categoryList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 25px;
}
@media screen and (max-width: 1099px) {
  div.section ul.categoryList {
    padding: 30px 15px;
    margin: 0;
  }
}
div.section ul.categoryList li {
  display: flex;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 1099px) {
  div.section ul.categoryList li {
    padding: 0 20px 0 0;
    margin: 0 0 10px;
  }
}
div.section ul.categoryList li span {
  display: block;
  background: url(../../img/common/mark_catStay.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
div.section ul.categoryList li span.catStay {
  background: url(../../img/common/mark_catStay.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
div.section ul.categoryList li span.catRest {
  background: url(../../img/common/mark_catRest.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
div.section ul.categoryList li span.catBanq {
  background: url(../../img/common/mark_catBanq.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}
div.section ul.categoryList li span.catWed {
  background: url(../../img/common/mark_catWed.svg) no-repeat 50% 50%;
  background-size: 20px 20px;
}


div.section p.faqTitle {
  font-size: 17px;
  font-weight: 500;
  margin: 30px 0;
}
@media screen and (max-width: 1099px) {
  div.section p.faqTitle {
    font-size: 13px;
    padding: 0 15px;
    margin: 20px 0;
  }
}
div.section .accordion {
  margin: 15px 0;
  background: #fff;
  border: 1px solid #ccc;
}
@media screen and (max-width: 1099px) {
  div.section .accordion {
    margin: 0;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  div.section .accordion:first-child {
    border-top: 1px solid #ccc;
  }
  div.section .accordion.first {
    border-top: 1px solid #ccc;
  }
  div.section .accordion.spFirst {
    border-top: 1px solid #ccc;
  }
}
div.section .accordion dt,
div.section .accordion dd {
  position: relative;
  padding: 18px 54px;
  font-size: 14px;
  color: #808080;
}
@media screen and (max-width: 1099px) {
  div.section .accordion dt,
  div.section .accordion dd {
    padding: 20px 50px;
    font-size: 12px;
  }
}
div.section .accordion dt span.titleQ,
div.section .accordion dd span.titleA {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 19px;
  line-height: 19px;
  color: #b39e26;
  font-size: 19px;
  font-weight: bold;
}
@media screen and (max-width: 1099px) {
  div.section .accordion dt span.titleQ,
  div.section .accordion dd span.titleA {
    left: 20px;
    top: 22px;
    bottom: auto;
  }
}
div.section .accordion dd span.titleA {
  color: #a8aaab;
}

div.section .accordion dt {
  position: relative;
  cursor: pointer;
}
div.section .accordion dt::before,
div.section .accordion dt::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  background: #b8a326;
  width: 22px;
  height: 2px;
  margin: auto;
}
div.section .accordion dt::after {
  top: 0;
  right: 25px;
  height: 22px;
  width: 2px;
}
div.section .accordion dt.on:after {
  opacity: 0;
}


div.section .accordion dd {
  display: none;
  font-size: 12px;
  border-top: 1px solid #ccc;
  padding-right: 20px;
}
div.section .accordion dd a {
  display: block;
  background: url(../../img/common/vector_line02_right_yellow.svg) no-repeat left center;
  background-size: 6px 7px;
  padding: 0 0 0 15px;
  color: #b39e26;
  text-decoration: underline;
  margin: 4px 0;
}
div.section .accordion dd a:hover {
  text-decoration: none;
}



div.section .accordion .text {
  text-indent: -12px;
  padding-left: 12px;
}
@media screen and (max-width: 1099px) {
  div.section .accordion .text {
    text-indent: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1099px) {
  div.section .accordion .text + .text {
    margin: 20px 0 0;
  }
}
div.section .accordion span.yellow {
  color: #b39e26;
  margin: 0 2px 0 0;
}
div.section .accordion div.categoryBlock {
  display: inline-block;
  line-height: 1.3;
  vertical-align: middle;
  text-indent: 0;
}
@media screen and (max-width: 1099px) {
  div.section .accordion div.categoryBlock {
    display: block;
    margin: 5px 0 0;
  }
}
div.section .accordion div.categoryBlock span {
  display: inline-block;
  background: url(../../img/common/mark_catStay.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  margin: 0 0 0 2px;
}
div.section .accordion div.categoryBlock span.catStay {
  background: url(../../img/common/mark_catStay.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}
div.section .accordion div.categoryBlock span.catRest {
  background: url(../../img/common/mark_catRest.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}
div.section .accordion div.categoryBlock span.catBanq {
  background: url(../../img/common/mark_catBanq.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}
div.section .accordion div.categoryBlock span.catWed {
  background: url(../../img/common/mark_catWed.svg) no-repeat 50% 50%;
  background-size: 14px 14px;
}