@charset "UTF-8";
/*-------------------------------------------
px→vw
 * ex)
   width: sp(200)
   width: tab(200)
-------------------------------------------*/
.btnFaqList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.btnFaqList li {
  width: 100%;
  margin-bottom: 10px;
}
.btnFaqList li:last-child {
  margin-bottom: 0;
}
.btnFaqList li a {
  max-width: 100%;
}
.btnFaqList li a.sSize {
  font-size: 14px;
  font-size: 1.4rem;
}
.btnFaqList li.listBox {
  margin-right: 0;
  margin-bottom: 10px !important;
  width: 100%;
}
.btnFaqList li.listBox.listGr dt {
  background-color: #85d485;
}
.btnFaqList li.listBox dl {
  width: 100%;
}
.btnFaqList li.listBox dl dt {
  box-sizing: border-box;
  padding: 10px 20px;
  color: #fff;
  font-weight: bolder;
}
.btnFaqList li.listBox dl dd {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  box-sizing: border-box;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.btnFaqList li.listBox a {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.btnFaqList li.listBox a:last-child {
  margin-bottom: 0;
}

.faqCol {
  margin-bottom: 50px;
  padding-bottom: 50px;
  padding-top: 150px;
  margin-top: -150px;
  border-bottom: 1px solid #efefef;
}
.faqCol:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.faqColInner {
  margin-top: 35px;
}
.faqColInner > dt {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bolder;
  color: #69412b;
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
  border-bottom: 1px dashed #f3f0e9;
  position: relative;
}
.faqColInner > dt:before {
  content: "Q";
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #69412b;
  border-radius: 100px;
  color: #fff;
  font-size: 17px;
  font-size: 1.7rem;
}
.faqColInner > dd {
  padding-left: 40px;
  position: relative;
}
.faqColInner > dd:before {
  content: "A";
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #ccc;
  border-radius: 100px;
  color: #fff;
  font-weight: bolder;
  font-size: 17px;
  font-size: 1.7rem;
}
.faqColInner > dd ul {
  list-style-type: disc;
  margin: 10px 1em 10px;
}
.faqColInner > dd ul li {
  margin: 10px 0;
}
.faqColInner > dd ul li:last-child {
  margin: 0;
}
.faqColInner > dd ul li p {
  font-weight: bolder;
  margin-bottom: 5px;
}
.faqColInner > dd ul li dl dt {
  margin: 10px 0 0;
}
.faqColInner > dd ul li dl dd {
  text-indent: 1em;
}
.faqColInner > dd ul.linkList {
  list-style: none;
}
.faqColInner > dd ol {
  list-style-type: decimal;
  margin-left: 1em;
}
.faqColInner > dd ol li {
  margin: 10px 0;
}
.faqColInner > dd ol li:last-child {
  margin: 0;
}
.faqColInner > dd ol li p {
  font-weight: bolder;
  margin-bottom: 5px;
}
.faqColInner > dd ol.typeList {
  font-weight: bolder;
}
.faqColInner > dd ol.typeList li:last-child {
  margin: 10px 0;
}
.faqColInner > dd .noticeCol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  margin: 10px auto;
  padding: 10px;
}
.faqColInner > dd .noticeCol.another {
  background-color: #efefef;
  border: 1px solid #e3e3e3;
}
.faqColInner > dd .noticeCol.rangeBox > * {
  margin-bottom: 10px;
}
.faqColInner > dd .noticeCol.rangeBox > * :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .btnFaqList {
    justify-content: center;
  }
  .btnFaqList li {
    width: 400px;
    margin-right: 20px;
  }
  .btnFaqList li.listBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px !important;
  }
  .btnFaqList li.listBox a {
    width: 385px;
    margin-right: 20px;
  }
  .btnFaqList li.listBox a:nth-child(even) {
    margin-right: 0;
  }
  .btnFaqList li.listBox a:last-child, .btnFaqList li.listBox a:nth-last-child(2) {
    margin-bottom: 0;
  }
  .btnFaqList li:nth-child(even) {
    margin-right: 0;
  }
  .btnFaqList li:last-child, .btnFaqList li:nth-last-child(2) {
    margin-bottom: 0;
  }

  .faqColInner dd ol.typeList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .faqColInner dd ol.typeList li {
    margin-right: 2em;
  }
  .faqColInner dd ol.typeList li:last-child {
    margin-right: 0;
  }
  .faqColInner dd .noticeCol.rangeBox {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .faqColInner dd .noticeCol.rangeBox > * {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .faqColInner dd .noticeCol.rangeBox > * :last-child {
    margin-right: 0;
  }
  .faqColInner dd .noticeCol.colBox > * {
    margin-bottom: 10px;
  }
  .faqColInner dd .noticeCol.colBox > * :last-child {
    margin-bottom: 0;
  }
  .faqColInner dd .noticeCol.colCenter {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}