@charset "utf-8";
/* CSS Document */
.faq {
  
}
.faqSecNaviList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10vw;
}
.faqSecNaviList__item {
  width: calc((100% - 4vw) / 2);
  margin-right: 4vw;
  margin-bottom: 4vw;
}
.faqSecNaviList__item:nth-of-type(2n) {
  margin-right: 0;
}
.faqSecNaviListLinkAnc {
  font-size: .7rem;
  font-weight: 700;
  line-height: 1.4;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  color: #505050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 1.2vw;
  padding: 4vw 3vw;
  box-sizing: border-box;
  position: relative;
}
.faqSecNaviListLinkAnc::before {
  content: '';
  margin-right: 3vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f01::before {
  background: url('../img/faq/icon_reserve.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 5vw;
  width: 5vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f02::before {
  background: url('../img/faq/icon_book.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 6vw;
  width: 5vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f03::before {
  background: url('../img/faq/icon_party.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 8vw;
  width: 6vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f04::before {
  background: url('../img/faq/icon_member.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 7vw;
  width: 6vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f05::before {
  background: url('../img/faq/icon_mypage.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 5.5vw;
  width: 5.5vw;
}
.faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f06::before {
  background: url('../img/faq/icon_talk.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  height: 7vw;
  width: 6vw;
}
.faqSecNaviListLinkAnc::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 3vw;
  margin: auto;
  width: 2vw;
  height: 2vw;
  border-top: 2px solid #505050;
  border-right: 2px solid #505050;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.faqSec {
  margin: 0 auto;
}
.faqSec + .faqSec {
  margin-top: 10vw;
}
.faqSecHeading {
  color: #eb5e8a;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 5vw;
  padding-bottom: 1.5vw;
  box-sizing: border-box;
  border-bottom: 1px solid #eb5e8a;
}
.faqSecQaList {
}
.faqSecQaList + .faqSecQaList {
  margin-top: 3vw;
}
.faqSecQaList__q {
  background-color: #f5f5f5;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #505050;
  padding: 3vw 8vw 2.8vw 12.5vw;
  border-radius: 1.2vw;
  box-sizing: border-box;
  position: relative;
}
.faqSecQaList__q.active {
  background-color: #eb5e8a;
  color: #fff;
}
.faqSecQaList__q::before {
  position: absolute;
  top: -1vw;
  bottom: 0;
  right: 4vw;
  margin: auto;
  content: "";
  width: 2vw;
  height: 2vw;
  border-bottom: 2px solid #505050;
  border-right: 2px solid #505050;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faqSecQaList__q.active:before {
  top: 1vw;
  border-color: #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.faqSecQaListQMark {
  font-size: 1.2rem;
  padding-right: 1.5vw;
  position: absolute;
  left: 5vw;
  top: 2vw;
}
.faqSecQaList__a {
  display: none;
  background-color: #f5f5f5;
  font-size: .9rem;
  line-height: 1.8;
  color: #505050;
  padding: 4.75vw 5.5vw 4.73vw 12.5vw;
  border-radius: 1.2vw;
  box-sizing: border-box;
  margin-top: 3vw;
  margin-bottom: 7vw;
  position: relative;
}
.faqSecQaListAMark {
  color: #eb5e8a;
  font-size: 1.2rem;
  padding-right: 1.5vw;
  position: absolute;
  left: 5.5vw;
  top: 3vw;
}
.faqSecQaListHeading {
  color: #eb5e8a;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 5vw auto 4vw;
}
.faqSecQaListSubHeading {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 4vw auto 2vw;
}
.faqSecQaListAMark + .faqSecQaListHeading,
.faqSecQaListAMark + .faqSecQaListSubHeading {
  margin-top: 0;
}
.faqSecQaList p {
  line-height: 1.8;
}
.faqSecQaList p + p,
.faqSecQaList ul + p,
.faqSecQaList ol + p {
  margin-top: 3vw;
}
.faqSecQaList a {
  display: inline-block;
  padding: 0 1vw;
  color: #eb5e8a;
  text-decoration: underline;
}
.faqSecQaList a:focus,
.faqSecQaList a:hover {
  opacity: 1;
  text-decoration: none;
}
.faqSecQaList ul,
.faqSecQaList ol {
  padding-left: 5vw;
}
.faqSecQaList ul {
  list-style: disc;
}
.faqSecQaList ul.noneLs {
  list-style: none;
  padding-left: 0;
}
.faqSecQaList ol {
  list-style: decimal;
}
.faqSecQaList * + ul,
.faqSecQaList * + ol {
  margin-top: 3vw;
}
.faqSecQaList .faqSecQaListAMark + ul,
.faqSecQaList .faqSecQaListAMark + ol {
  margin-top: 0;
}
.faqSecQaList li + li {
  margin-top: 2vw;
}
.faqSecQaList span.emphasis {
  font-weight: bold;
  color: #eb5e8a;
}
@media print, screen and (min-width: 769px) {
  .faqSec + .faqSec {
    margin-top: 5vw;
  }
  .faqSecNaviList {
    margin-bottom: 5vw;
  }
  .faqSecNaviList__item {
    width: calc((100% - 4vw) / 3);
    margin-right: 2vw;
    margin-bottom: 2vw;
  }
  .faqSecNaviList__item:nth-of-type(2n) {
    margin-right: 2vw;
  }
  .faqSecNaviList__item:nth-of-type(3n) {
    margin-right: 0;
  }
  .faqSecNaviListLinkAnc {
    font-size: 1rem;
    border-radius: .4vw;
    padding: 2vw;
    height: 6vw;
  }
  .faqSecNaviListLinkAnc::before {
    content: '';
    margin-right: 1.5vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f01::before {
    background: url('../img/faq/icon_reserve.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 2vw;
    width: 2vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f02::before {
    background: url('../img/faq/icon_book.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 2.25vw;
    width: 1.75vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f03::before {
    background: url('../img/faq/icon_party.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 3.5vw;
    width: 2.5vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f04::before {
    background: url('../img/faq/icon_member.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 3vw;
    width: 2vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f05::before {
    background: url('../img/faq/icon_mypage.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 2vw;
    width: 2vw;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f06::before {
    background: url('../img/faq/icon_talk.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 3.5vw;
    width: 2.5vw;
  }
  .faqSecNaviListLinkAnc::after {
    right: 1.5vw;
    width: .8vw;
    height: .8vw;
  }
  
  .faqSec {
  
  }
  .faqSecHeading {
    color: #eb5e8a;
    font-size: 1.4rem;
    margin-bottom: 1.5vw;
    padding-bottom: .75vw;
  }
  .faqSecQaList {
  }
  .faqSecQaList + .faqSecQaList {
    margin-top: 1.5vw;
  }
  .faqSecQaList__q {
    font-size: 1.2rem;
    padding: 1.5vw 2vw 1.5vw 4.5vw;
    border-radius: .4vw;
    cursor: pointer;
  }
  .faqSecQaList__q::before {
    top: -0.5vw;
    right: 2vw;
    width: 1vw;
    height: 1vw;
  }
  .faqSecQaList__q.active:before {
    top: .5vw;
  }
  .faqSecQaListQMark {
    font-size: 1.6rem;
    padding-right: 1.5vw;
    left: 1.5vw;
    top: 1vw;
  }
  .faqSecQaList__a {
    display: none;
    font-size: 1rem;
    padding: 2vw 2vw 2vw 4.5vw;
    border-radius: .4vw;
    margin-top: 1.5vw;
    margin-bottom: 2.5vw;
  }
  .faqSecQaListAMark {
    font-size: 1.6rem;
    padding-right: 1.5vw;
    left: 1.75vw;
    top: 1vw;
  }
  .faqSecQaListHeading {
    font-size: 1.2rem;
    margin: 3vw auto 1.5vw;
  }
  .faqSecQaListSubHeading {
    font-size: 1.1rem;
    margin: 1.5vw auto 1vw;
  }
  .faqSecQaList p + p,
  .faqSecQaList ul + p,
  .faqSecQaList ol + p {
    margin-top: 1.5vw;
  }
  .faqSecQaList a {
    padding: 0 .5vw;
  }
  .faqSecQaList ul,
  .faqSecQaList ol {
    padding-left: 1.5vw;
  }
  .faqSecQaList * + ul,
  .faqSecQaList * + ol {
    margin-top: 1.5vw;
  }
  .faqSecQaList li + li {
    margin-top: .5vw;
  }
}
@media print, screen and (min-width: 1281px) {
  .faqSec + .faqSec {
    margin-top: 64px;
  }
  .faqSecNaviList {
    margin-bottom: 64px;
  }
  .faqSecNaviList__item {
    width: calc((100% - 51.2px) / 3);
    margin-right: 25.6px;
    margin-bottom: 25.6px;
  }
  .faqSecNaviList__item:nth-of-type(2n) {
    margin-right: 25.6px;
  }
  .faqSecNaviList__item:nth-of-type(3n) {
    margin-right: 0;
  }
  .faqSecNaviListLinkAnc {
    font-size: 1rem;
    border-radius: 5.12px;
    padding: 25.6px;
    height: 76.8px;
  }
  .faqSecNaviListLinkAnc::before {
    margin-right: 19.2px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f01::before {
    background-size: 100% auto;
    height: 25.6px;
    width: 25.6px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f02::before {
    background-size: 100% auto;
    height: 28.2px;
    width: 22.4px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f03::before {
    background-size: 100% auto;
    height: 44.8px;
    width: 32px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f04::before {
    background-size: 100% auto;
    height: 38.4px;
    width: 25.6px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f05::before {
    background-size: 100% auto;
    height: 25.6px;
    width: 25.6px;
  }
  .faqSecNaviListLinkAnc.faqSecNaviListLinkAnc--f06::before {
    background-size: 100% auto;
    height: 44.8px;
    width: 32px;
  }
  .faqSecNaviListLinkAnc::after {
    right: 19.2px;
    width: 10.24px;
    height: 10.24px;
  }
  
  .faqSec {
  
  }
  .faqSecHeading {
    font-size: 1.4rem;
    margin-bottom: 19.2px;
    padding-bottom: 9.6px;
  }
  .faqSecQaList {
  }
  .faqSecQaList + .faqSecQaList {
    margin-top: 19.2px;
  }
  .faqSecQaList__q {
    font-size: 1.2rem;
    padding: 19.2px 25.6px 19.2px 57.6px;
    border-radius: 5.12px;
  }
  .faqSecQaList__q::before {
    top: -6.4px;
    right: 25.6px;
    width: 12.8px;
    height: 12.8px;
  }
  .faqSecQaList__q.active:before {
    top: 6.4px;
  }
  .faqSecQaListQMark {
    font-size: 1.6rem;
    padding-right: 19.2px;
    left: 19.2px;
    top: 12.8px;
  }
  .faqSecQaList__a {
    font-size: 1rem;
    padding: 25.6px 25.6px 25.6px 57.6px;
    border-radius: 5.12px;
    margin-top: 19.2px;
    margin-bottom: 32px;
  }
  .faqSecQaListAMark {
    font-size: 1.6rem;
    padding-right: 19.2px;
    left: 22.4px;
    top: 12.8px;
  }
  .faqSecQaListHeading {
    font-size: 1.2rem;
    margin: 38.4px auto 19.2px;
  }
  .faqSecQaListSubHeading {
    font-size: 1.1rem;
    margin: 19.2px auto 12.8px;
  }
  .faqSecQaList p + p,
  .faqSecQaList ul + p,
  .faqSecQaList ol + p {
    margin-top: 19.2px;
  }
  .faqSecQaList a {
    padding: 0 6.4px;
  }
  .faqSecQaList ul,
  .faqSecQaList ol {
    padding-left: 19.2px;
  }
  .faqSecQaList * + ul,
  .faqSecQaList * + ol {
    margin-top: 19.2px;
  }
  .faqSecQaList li + li {
    margin-top: 6.4px;
  }
}