@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
#header
===========================================*/
#header.fixed {
  position: absolute;
}
#header.fixed .header_inner {
  height: clamp(50px, 9vw, 90px);
}
@media screen and (min-width: 961px) {
  #header.fixed .header-logo-block {
    width: auto;
    max-width: none;
  }
}

/*==========================================
subpage
===========================================*/
.archive-faq .faqinner,
.single-faq .faqinner {
  display: flex;
  justify-content: space-between;
  margin: clamp(20px, 6vw, 120px) auto;
  position: relative;
}
@media screen and (max-width: 960px) {
  .archive-faq .faqinner,
  .single-faq .faqinner {
    flex-direction: column;
  }
}
.archive-faq .faqinner .faq-cate,
.single-faq .faqinner .faq-cate {
  flex: 1;
}
.archive-faq .faqinner .faq-cate ul,
.single-faq .faqinner .faq-cate ul {
  position: sticky;
  top: 50px;
}
@media screen and (max-width: 960px) {
  .archive-faq .faqinner .faq-cate ul,
  .single-faq .faqinner .faq-cate ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.archive-faq .faqinner .faq-cate ul li,
.single-faq .faqinner .faq-cate ul li {
  margin-bottom: clamp(0.3em, 2vw, 1em);
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
}
@media screen and (max-width: 960px) {
  .archive-faq .faqinner .faq-cate ul li,
  .single-faq .faqinner .faq-cate ul li {
    width: 45%;
    margin: 5px 10px;
  }
}
.archive-faq .faqinner .faq-cate ul li a::after,
.single-faq .faqinner .faq-cate ul li a::after {
  content: "";
  margin-left: 0.5em;
  color: #FF4E00;
  font-size: 0.6em;
  opacity: 0;
  transition: opacity 0.2s ease;
  line-height: 1;
  vertical-align: 0.2em;
  display: inline-block;
}
.archive-faq .faqinner .faq-cate ul li a:hover, .archive-faq .faqinner .faq-cate ul li a.current,
.single-faq .faqinner .faq-cate ul li a:hover,
.single-faq .faqinner .faq-cate ul li a.current {
  color: #FF4E00;
}
.archive-faq .faqinner .faq-cate ul li a:hover::after, .archive-faq .faqinner .faq-cate ul li a.current::after,
.single-faq .faqinner .faq-cate ul li a:hover::after,
.single-faq .faqinner .faq-cate ul li a.current::after {
  content: "●";
  opacity: 1;
}
.archive-faq .faqinner .faq-list,
.single-faq .faqinner .faq-list {
  flex: 2;
}
.archive-faq .faqinner .faq-list .cate_ttl,
.single-faq .faqinner .faq-list .cate_ttl {
  font-size: clamp(1.8rem, 1.25vw, 2.4rem);
  position: relative;
  margin: clamp(20px, 3vw, 30px) auto;
}
.archive-faq .faqinner .faq-list .cate_ttl::before,
.single-faq .faqinner .faq-list .cate_ttl::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 140px;
  height: 1px;
  background: #000;
}
.archive-faq .faqinner .faq-list .list-item,
.single-faq .faqinner .faq-list .list-item {
  margin-bottom: clamp(80px, 7.8125vw, 150px);
}
.archive-faq .faqinner .faq-list .event-item,
.single-faq .faqinner .faq-list .event-item {
  border-bottom: 1px solid #000;
}
.archive-faq .faqinner .faq-list .event-item:first-of-type,
.single-faq .faqinner .faq-list .event-item:first-of-type {
  border-top: 1px solid #000;
}
.archive-faq .faqinner .faq-list .event-item a,
.single-faq .faqinner .faq-list .event-item a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: clamp(20px, 4vw, 40px) 0;
}
.archive-faq .faqinner .faq-list .event-item a:hover,
.single-faq .faqinner .faq-list .event-item a:hover {
  background-color: #FF4E00;
}
.archive-faq .faqinner .faq-list .event-item a .question,
.single-faq .faqinner .faq-list .event-item a .question {
  width: 70px;
  height: 70px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 70px;
}
@media screen and (max-width: 960px) {
  .archive-faq .faqinner .faq-list .event-item a .question,
  .single-faq .faqinner .faq-list .event-item a .question {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }
}
.archive-faq .faqinner .faq-list .event-item a .question .q,
.single-faq .faqinner .faq-list .event-item a .question .q {
  font-size: clamp(1.6rem, 1.25vw, 2.4rem);
  color: #000;
  font-family: "Bodoni Moda", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.archive-faq .faqinner .faq-list .event-item a .item-mainCts,
.single-faq .faqinner .faq-list .event-item a .item-mainCts {
  flex: 1;
  padding: 0 clamp(20px, 4vw, 40px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: clamp(1.4rem, 2vw, 2.2rem);
  line-height: 1.5;
}
.archive-faq .faqinner .faq-list .event-item a .item-arw,
.single-faq .faqinner .faq-list .event-item a .item-arw {
  flex: 0 0 80px;
}
@media screen and (max-width: 960px) {
  .archive-faq .faqinner .faq-list .event-item a .item-arw,
  .single-faq .faqinner .faq-list .event-item a .item-arw {
    flex: 0 0 40px;
  }
}
.archive-faq .faqinner,
.single-faq .faqinner {
  margin: 0;
}

/*よくある質問詳細*/
.single-faq .faq-detail-inner {
  display: flex;
}
@media screen and (max-width: 960px) {
  .single-faq .faq-detail-inner {
    flex-direction: column;
  }
}
.single-faq .faq-detail-inner .faq-head {
  flex: 1;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap {
  flex: 2;
  /* margin-top: clamp(6rem, 4.1666666667vw, 8rem);*/
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .qadetail {
  margin-bottom: clamp(80px, 7.8125vw, 150px);
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .list-item {
  margin: 0;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .event-item {
  display: flex;
  padding: clamp(20px, 4vw, 40px) 0;
  border: none;
  margin-bottom: clamp(20px, 4vw, 40px);
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .event-item:first-of-type {
  border-top: none;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .event-item .question {
  width: 70px;
  height: 70px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 70px;
  margin-right: 20px;
}
@media screen and (max-width: 960px) {
  .single-faq .faq-detail-inner .faq-detail-inner_wrap .event-item .question {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .event-item .question .q {
  font-size: clamp(1.6rem, 1.25vw, 2.4rem);
  color: #000;
  font-family: "Bodoni Moda", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .answer {
  width: 70px;
  height: 70px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 70px;
  background-color: #FF4E00;
}
@media screen and (max-width: 960px) {
  .single-faq .faq-detail-inner .faq-detail-inner_wrap .answer {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .answer .a {
  font-size: clamp(1.6rem, 1.25vw, 2.4rem);
  color: #000;
  font-family: "Bodoni Moda", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .item-mainCts {
  flex: 1;
  padding: 0 clamp(20px, 4vw, 40px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* -webkit-line-clamp: 2;*/
  /*overflow: hidden;*/
  font-size: clamp(1.4rem, 2vw, 2.2rem);
  line-height: 1.5;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .item-arw {
  flex: 0 0 80px;
}
@media screen and (max-width: 960px) {
  .single-faq .faq-detail-inner .faq-detail-inner_wrap .item-arw {
    flex: 0 0 40px;
  }
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .event-item {
  margin-bottom: 0;
  padding: 0;
  border-top: 1px solid #000;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .event-item:last-of-type {
  border-bottom: 1px solid #000;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn {
  margin-top: clamp(20px, 4vw, 40px);
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn .btn-more-flex {
  display: flex;
  align-items: center;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn .btn-more-flex .font_accent {
  margin-right: 20px;
  font-family: "Bodoni Moda", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: bold;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn a:hover .arwStyle {
  background-color: #000;
  color: #fff;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn a:hover .arwStyle .arw {
  background-color: #fff;
}
.single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn a:hover .arwStyle .arw:before, .single-faq .faq-detail-inner .faq-detail-inner_wrap .otherqa .more-btn a:hover .arwStyle .arw:after {
  background-color: #fff;
}

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