@charset "UTF-8";
/*=======================================
よくある質問
=========================================*/
.l-pagetitle {
  background-image: url(../img/faq/pagetitle_img1.jpg);
  margin-bottom: 0;
}

.p-faq {
  padding-top: 10.28571vw;
  padding-bottom: 12.85714vw;
}
.p-faq-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.p-faq-nav {
  width: 14.28571vw;
  padding-top: 2.57143vw;
  border-top: 1px solid rgba(43, 43, 43, 0.15);
  position: sticky;
  top: 10.28571vw;
  left: 0;
}
.p-faq-nav li {
  margin-bottom: 0.85714vw;
}
.p-faq-nav li:las-child {
  margin-bottom: 0;
}
.p-faq-nav a {
  display: inline-block;
  background: url(../img/common/arrow_3-down.svg) no-repeat right center;
  background-size: 1.28571vw;
  padding-left: 1.28571vw;
  padding-right: 1.71429vw;
  position: relative;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M", "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 1vw;
  line-height: 1.25;
}
.p-faq-nav a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 0.28571vw;
  height: 0.28571vw;
  background: #1D2B3D;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.p-faq-content {
  width: 57.35714vw;
}
.p-faq__block1 {
  margin-bottom: 11.42857vw;
  padding-top: 1.14286vw;
  border-top: 1px solid rgba(43, 43, 43, 0.15);
}
.p-faq__block1:last-child {
  margin-bottom: 0;
}
.p-faq__block1 dl {
  margin: 0;
  margin-bottom: 2.14286vw;
  padding-bottom: 2.14286vw;
  border-bottom: 1px solid rgba(43, 43, 43, 0.15);
}
.p-faq__block1 dl:last-child {
  margin-bottom: 0;
}
.p-faq__block1 dt {
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M", "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  line-height: 1.5;
  background: url(../img/faq/icon-q.svg) no-repeat left 0.35714vw;
  background-size: 2.21429vw auto;
  padding-left: 3.21429vw;
  padding-right: 2.57143vw;
  position: relative;
}
.p-faq__block1 dt:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 1.14286vw;
  height: 1.14286vw;
  background: url(../img/common/arrow_4-down.svg) no-repeat center;
  background-size: contain;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.p-faq__block1 dt.is-open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.p-faq__block1 dd {
  display: none;
  background: #fbfbfb;
  margin-top: 1.42857vw;
  border-radius: 0.14286vw;
  padding: 2.14286vw;
  font-size: 1.21429vw;
  line-height: 1.75;
}
.p-faq__block1 dd a {
  color: #0168B3;
  text-decoration: underline;
}
.p-faq__block1 dd a:hover {
  text-decoration: none;
}
.p-faq__block1 dd .h {
  font-size: 1.21429vw;
  margin-top: 2.14286vw;
  margin-bottom: 2.14286vw;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M", "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.p-faq__block1 dd .s {
  font-size: 1vw;
  line-height: 1.75;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M", "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  margin-top: 2.14286vw;
}
.p-faq__block1-table {
  margin-bottom: 2.14286vw;
}
.p-faq__block1-table table {
  width: 100%;
}
.p-faq__block1-table th,
.p-faq__block1-table td {
  font-size: 0.92857vw;
  line-height: 2;
  padding: 0.71429vw 0.42857vw;
  text-align: center;
  vertical-align: middle;
  font-family: "FOT-筑紫Aオールド明朝 Pr6 M", "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  border: 1px solid rgba(43, 43, 43, 0.15);
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-faq {
    padding-top: 21.33333vw;
    padding-bottom: 32vw;
  }
  .p-faq-wrap {
    display: block;
  }
  .p-faq-nav {
    width: 100%;
    padding-top: 9.6vw;
    margin-bottom: 16.26667vw;
    position: static;
    top: 0;
  }
  .p-faq-nav li {
    margin-bottom: 3.2vw;
  }
  .p-faq-nav li:las-child {
    margin-bottom: 0;
  }
  .p-faq-nav a {
    background-size: 4.8vw;
    padding-left: 4.8vw;
    padding-right: 6.4vw;
    font-size: 3.73333vw;
  }
  .p-faq-nav a:before {
    width: 1.06667vw;
    height: 1.06667vw;
  }
  .p-faq-content {
    width: 100%;
  }
  .p-faq__block1 {
    margin-bottom: 21.33333vw;
    padding-top: 4.26667vw;
  }
  .p-faq__block1 dl {
    margin-bottom: 8vw;
    padding-bottom: 8vw;
  }
  .p-faq__block1 dl:last-child {
    margin-bottom: 0;
  }
  .p-faq__block1 dt {
    font-size: 4vw;
    background-position: left 1.33333vw;
    background-size: 6.66667vw auto;
    padding-left: 9.6vw;
    padding-right: 6.93333vw;
  }
  .p-faq__block1 dt:after {
    width: 4.26667vw;
    height: 4.26667vw;
  }
  .p-faq__block1 dd {
    margin-top: 5.33333vw;
    border-radius: 0.53333vw;
    padding: 5.33333vw;
    font-size: 4vw;
  }
  .p-faq__block1 dd .h {
    font-size: 4.53333vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .p-faq__block1 dd .s {
    font-size: 3.73333vw;
    margin-top: 8vw;
  }
  .p-faq__block1-table {
    margin-bottom: 8vw;
    overflow: auto;
  }
  .p-faq__block1-table table {
    width: 600px;
  }
  .p-faq__block1-table th,
  .p-faq__block1-table td {
    font-size: 3.46667vw;
    padding: 2.66667vw 1.6vw;
  }
}