@charset "UTF-8";
.faq {
  text-align: left;
  color: #53483f;
}
.faq h2 {
  font-size: clamp(1.125rem, 0.925rem + 0.85vw, 1.438rem);
  margin: 5% 2% 1% 2% !important;
  padding-left: 2%;
  padding-right: 2%;
  background-color: rgb(240, 252, 253);
  border-top-width: medium;
  border-top-style: solid;
  padding-top: 1%;
  padding-bottom: 1%;
}
.faq h3 {
  margin: 2% 4% 0 2% !important;
  font-size: 16px;
}
.faq p {
  padding: 10px 3%;
  line-height: 1.7rem;
}
.faq .katekyo span {
  font-weight: bold;
}
.faq .faq-box {
  padding: 0 0.5rem;
  margin: 50px 15px;
  border-left: 8px solid #feb070;
  background-color: #fff;
}
.faq .faq-box .faq-q {
  background-color: #ffdabb;
  border-radius: 4px;
  margin-bottom: 2rem;
}
.faq .faq-box .faq-a {
  margin-bottom: 0.5rem;
}
.faq .faq-box .faq-q, .faq .faq-box .faq-a {
  font-family: "vdl-logomaru", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
}
.faq .faq-box .faq-q .label, .faq .faq-box .faq-a .label {
  font-size: 3.5rem;
  color: #ff6c17;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  position: relative;
  top: -11px;
}
.faq .faq-box .faq-q .question, .faq .faq-box .faq-a .question {
  font-family: "m-plus-rounded-1c", sans-serif;
  padding: 1rem 1rem 1rem 0;
  font-weight: bold;
  font-size: 1.6rem;
}
.faq .faq-box .faq-q .answer, .faq .faq-box .faq-a .answer {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #53483f;
}
.faq .faq-box .faq-note {
  font-family: "mgenplus-1p-medium", sans-serif;
  font-size: 1rem;
  color: #53483f;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.faq .faq-box2 {
  padding: 0 0.5rem;
  margin: 50px 15px;
  border-left: 8px solid #4cbed8;
  background-color: #fff;
}
.faq .faq-box2 .faq-q {
  background-color: #c3eef7;
  border-radius: 4px;
  margin-bottom: 2rem;
}
.faq .faq-box2 .faq-a {
  margin-bottom: 0.5rem;
}
.faq .faq-box2 .faq-q, .faq .faq-box2 .faq-a {
  font-family: "vdl-logomaru", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
}
.faq .faq-box2 .faq-q .label, .faq .faq-box2 .faq-a .label {
  font-size: 3.5rem;
  color: #2893af;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  position: relative;
  top: -11px;
}
.faq .faq-box2 .faq-q .question, .faq .faq-box2 .faq-a .question {
  font-family: "m-plus-rounded-1c", sans-serif;
  padding: 1rem 1rem 1rem 0;
  font-weight: bold;
  font-size: 1.6rem;
}
.faq .faq-box2 .faq-q .answer, .faq .faq-box2 .faq-a .answer {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  color: #53483f;
}
.faq .faq-box2 .faq-note {
  font-family: "mgenplus-1p-medium", sans-serif;
  font-size: 1rem;
  color: #53483f;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.faq .faq-box2 .faq-note .blue {
  color: #4bbed7;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .faq .faq_title {
    position: relative;
  }
  .faq .faq_title h1 {
    position: absolute;
    top: clamp(10.125rem, -9.896rem + 33.33vw, 11.25rem);
    left: 25px;
    font-size: clamp(3.75rem, -7.373rem + 18.52vw, 4.375rem);
  }
  .faq .faq_title h1 .qa {
    font-size: 85px;
    -webkit-text-stroke-width: 13px;
    -webkit-text-stroke-color: #fff;
    paint-order: stroke;
  }
  .faq .faq_title h1 .qa .and {
    color: #ff6c17;
    font-size: 50px;
  }
  .faq .faq_table {
    position: relative;
  }
  .faq .faq_table .to1 {
    position: absolute;
    top: clamp(4.063rem, -1.499rem + 9.26vw, 4.375rem);
    left: 57px;
    width: 41%;
  }
  .faq .faq_table .to2 {
    position: absolute;
    top: clamp(4.063rem, -1.499rem + 9.26vw, 4.375rem);
    right: 53px;
    width: 41%;
  }
  .faq .faq_table .to3 {
    position: absolute;
    top: clamp(10.813rem, -2.535rem + 22.22vw, 11.563rem);
    left: 57px;
    width: 41%;
  }
  .faq .faq_table .to4 {
    position: absolute;
    top: clamp(10.813rem, -2.535rem + 22.22vw, 11.563rem);
    right: 53px;
    width: 41%;
  }
  .faq .faq_table .to5 {
    position: absolute;
    top: clamp(17.563rem, -3.571rem + 35.19vw, 18.75rem);
    left: 57px;
    width: 41%;
  }
  .faq .faq_table .to6 {
    position: absolute;
    top: clamp(17.563rem, -3.571rem + 35.19vw, 18.75rem);
    right: 53px;
    width: 41%;
  }
  .faq .faq_table .to7 {
    position: absolute;
    top: clamp(24.313rem, -4.606rem + 48.15vw, 25.938rem);
    left: 57px;
    width: 41%;
  }
  .faq .faq_table .to8 {
    position: absolute;
    top: clamp(24.313rem, -4.606rem + 48.15vw, 25.938rem);
    right: 53px;
    width: 41%;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .faq .faq_title {
    position: relative;
  }
  .faq .faq_title h1 {
    position: absolute;
    top: clamp(5.188rem, -1.503rem + 28.55vw, 15.625rem);
    left: clamp(0.625rem, -0.657rem + 5.47vw, 2.625rem);
    font-size: clamp(2.188rem, 0.064rem + 9.06vw, 5.5rem);
  }
  .faq .faq_title h1 .qa {
    font-size: clamp(3.125rem, 0.521rem + 11.11vw, 7.188rem);
    -webkit-text-stroke-width: clamp(0.625rem, 0.505rem + 0.51vw, 0.813rem);
    -webkit-text-stroke-color: #fff;
    paint-order: stroke;
  }
  .faq .faq_title h1 .qa .and {
    color: #ff6c17;
    font-size: clamp(1.875rem, -0.128rem + 8.55vw, 5rem);
  }
  .faq .faq_table {
    position: relative;
  }
  .faq .faq_table .to1 {
    position: absolute;
    top: clamp(2.438rem, 0.595rem + 7.86vw, 5.313rem);
    left: clamp(2.063rem, 0.38rem + 7.18vw, 4.688rem);
    width: 41%;
  }
  .faq .faq_table .to2 {
    position: absolute;
    top: clamp(2.438rem, 0.595rem + 7.86vw, 5.313rem);
    right: clamp(1.688rem, -0.035rem + 7.35vw, 4.375rem);
    width: 41%;
  }
  .faq .faq_table .to3 {
    position: absolute;
    top: clamp(6.313rem, 0.744rem + 23.76vw, 15rem);
    left: clamp(2.063rem, 0.38rem + 7.18vw, 4.688rem);
    width: 41%;
  }
  .faq .faq_table .to4 {
    position: absolute;
    top: clamp(6.313rem, 0.744rem + 23.76vw, 15rem);
    right: clamp(1.688rem, -0.035rem + 7.35vw, 4.375rem);
    width: 41%;
  }
  .faq .faq_table .to5 {
    position: absolute;
    top: clamp(10.188rem, 0.893rem + 39.66vw, 24.688rem);
    left: clamp(2.063rem, 0.38rem + 7.18vw, 4.688rem);
    width: 41%;
  }
  .faq .faq_table .to6 {
    position: absolute;
    top: clamp(10.188rem, 0.893rem + 39.66vw, 24.688rem);
    right: clamp(1.688rem, -0.035rem + 7.35vw, 4.375rem);
    width: 41%;
  }
  .faq .faq_table .to7 {
    position: absolute;
    top: clamp(14.063rem, 1.042rem + 55.56vw, 34.375rem);
    left: clamp(2.063rem, 0.38rem + 7.18vw, 4.688rem);
    width: 41%;
  }
  .faq .faq_table .to8 {
    position: absolute;
    top: clamp(14.063rem, 1.042rem + 55.56vw, 34.375rem);
    right: clamp(1.688rem, -0.035rem + 7.35vw, 4.375rem);
    width: 41%;
  }
  .faq .faq-box .faq-q .label, .faq .faq-box .faq-a .label, .faq .faq-box2 .faq-q .label, .faq .faq-box2 .faq-a .label {
    font-size: clamp(2.5rem, 1.859rem + 2.74vw, 3.5rem);
  }
  .faq .faq-box .faq-q .question, .faq .faq-box .faq-a .question, .faq .faq-box2 .faq-q .question, .faq .faq-box2 .faq-a .question {
    font-size: clamp(1rem, 0.615rem + 1.64vw, 1.6rem);
    line-height: clamp(1.3rem, 0.979rem + 1.37vw, 1.8rem);
  }
  .faq .faq-box .faq-q .answer, .faq .faq-box .faq-a .answer, .faq .faq-box2 .faq-q .answer, .faq .faq-box2 .faq-a .answer {
    font-size: clamp(1rem, 0.615rem + 1.64vw, 1.6rem);
  }
  .faq .faq-box .faq-note, .faq .faq-box2 .faq-note {
    font-size: clamp(0.8rem, 0.672rem + 0.55vw, 1rem);
  }
}/*# sourceMappingURL=faq.css.map */