/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.c_radio {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .c_radio {
    width: clamp(
      22.5rem,
      26.3157894737vw + 9.8684210526rem,
      31.25rem
  );
  }
}
.c_radio__text {
  background: #fff;
  border: 0.5333333333vw solid #E6E6E6;
  border-radius: 16vw;
  padding-left: 10.6666666667vw;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 4vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  color: #1B0400;
  text-align: left;
  padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 10.6666666667vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c_radio__text {
    font-size: clamp(
      1rem,
      0.3759398496vw + 0.8195488722rem,
      1.125rem
  );
    padding: clamp(
      0.625rem,
      0.9398496241vw + 0.1738721805rem,
      0.9375rem
  ) clamp(
      0.9375rem,
      0.9398496241vw + 0.4863721805rem,
      1.25rem
  ) clamp(
      0.625rem,
      1.1278195489vw + 0.0836466165rem,
      1rem
  ) clamp(
      2.625rem,
      2.4436090226vw + 1.4520676692rem,
      3.4375rem
  );
    border: 3px solid #E6E6E6;
    border-radius: 60px;
  }
}
.c_radio__text::before {
  content: "";
  width: 4vw;
  height: 4vw;
  border: 0.5333333333vw solid #E6E6E6;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: 4vw;
  top: 3.4666666667vw;
}
@media screen and (min-width: 768px) {
  .c_radio__text::before {
    left: 14px;
    top: clamp(
      0.75rem,
      0.9398496241vw + 0.2988721805rem,
      1.0625rem
  );
    width: clamp(
      1.125rem,
      0.7518796992vw + 0.7640977444rem,
      1.375rem
  );
    height: clamp(
      1.125rem,
      0.7518796992vw + 0.7640977444rem,
      1.375rem
  );
    border: 3px solid #E6E6E6;
  }
}
.c_radio input {
  display: none;
}
.c_radio input:checked + .c_radio__text::before {
  background-color: #E95037;
}

.c_form {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c_form {
    width: clamp(
      31.25rem,
      27.6315789474vw + 17.9868421053rem,
      40.4375rem
  );
  }
}
.c_form__item {
  margin-bottom: 4vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c_form__item {
    margin-bottom: clamp(
      0.9375rem,
      0.7518796992vw + 0.5765977444rem,
      1.1875rem
  );
  }
}
.c_form__btn {
  position: relative;
  padding: 3.2vw 16vw 3.2vw 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .c_form__btn {
    padding: clamp(
      0.625rem,
      0.3759398496vw + 0.4445488722rem,
      0.75rem
  ) clamp(
      4.0625rem,
      3.007518797vw + 2.6188909774rem,
      5.0625rem
  ) clamp(
      0.625rem,
      0.3759398496vw + 0.4445488722rem,
      0.75rem
  ) clamp(
      3.125rem,
      3.1954887218vw + 1.5911654135rem,
      4.1875rem
  );
  }
}
.c_form__btn .c_prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.5s;
  display: inline-block;
}
.c_form__btn .c_prev img {
  width: 10.6666666667vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_prev img {
    width: clamp(
      2.8125rem,
      2.8195488722vw + 1.4591165414rem,
      3.75rem
  );
  }
}
.c_form__btn .c_prev .text {
  text-align: center;
  font-size: 3.2vw;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_prev .text {
    font-size: clamp(
      0.75rem,
      0.462962963vw + 0.5277777778rem,
      0.875rem
  );
  }
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_prev:hover {
    filter: drop-shadow(0 6px 5px rgba(51, 51, 51, 0.35));
  }
}
.c_form__btn .c_next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-block;
  transition: 0.5s;
}
.c_form__btn .c_next img {
  width: 10.6666666667vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_next img {
    width: clamp(
      2.8125rem,
      2.8195488722vw + 1.4591165414rem,
      3.75rem
  );
  }
}
.c_form__btn .c_next .text {
  text-align: center;
  font-size: 3.2vw;
  font-weight: 500;
  color: #ff6633;
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_next .text {
    font-size: clamp(
      0.75rem,
      0.462962963vw + 0.5277777778rem,
      0.875rem
  );
  }
}
@media screen and (min-width: 768px) {
  .c_form__btn .c_next:hover {
    filter: drop-shadow(0 6px 5px rgba(51, 51, 51, 0.35));
  }
}

.p_q__inner {
  padding: 13.3333333333vw 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .p_q__inner {
    padding: clamp(
      5.625rem,
      7.1428571429vw + 2.1964285714rem,
      8rem
  ) clamp(
      1.875rem,
      1.8796992481vw + 0.9727443609rem,
      2.5rem
  ) clamp(
      3.4375rem,
      2.8195488722vw + 2.0841165414rem,
      4.375rem
  ) clamp(
      1.875rem,
      1.8796992481vw + 0.9727443609rem,
      2.5rem
  );
  }
}
.p_q__inner .txt_img {
  display: block;
  margin: 0 auto;
  width: 28.2666666667vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_q__inner .txt_img {
    left: -2px;
    width: clamp(
      5rem,
      4.8872180451vw + 2.6541353383rem,
      6.625rem
  );
  }
}
.p_q__inner .c_txt36 {
  text-align: center;
  margin-top: 6.6666666667vw;
  margin-bottom: 8vw;
}
@media screen and (min-width: 768px) {
  .p_q__inner .c_txt36 {
    margin-top: clamp(
      1.25rem,
      1.6917293233vw + 0.4379699248rem,
      1.8125rem
  );
    margin-bottom: clamp(
      1.875rem,
      3.7593984962vw + 0.0704887218rem,
      3.125rem
  );
  }
}
.p_q1 {
  background-color: #FCD03E;
}
.p_q2 {
  background-color: #C0E4F9;
}
@media screen and (min-width: 768px) {
  .p_q2 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_q2 .p_q__inner .c_txt36 {
    margin-top: clamp(
      0.9375rem,
      0.3759398496vw + 0.7570488722rem,
      1.0625rem
  );
  }
}
.p_q2 .c_form__btn {
  padding: 5.3333333333vw 24vw 0 24vw;
}
@media screen and (min-width: 768px) {
  .p_q2 .c_form__btn {
    padding: clamp(
      1.875rem,
      5.6390977444vw + -0.8317669173rem,
      3.75rem
  ) clamp(
      3.125rem,
      4.6992481203vw + 0.8693609023rem,
      4.6875rem
  ) clamp(
      1.875rem,
      5.6390977444vw + -0.8317669173rem,
      3.75rem
  ) clamp(
      2.8125rem,
      4.6992481203vw + 0.5568609023rem,
      4.375rem
  );
  }
}
.p_q2 .c_form__btn .img {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_q2 .c_form__btn .img {
    width: clamp(
      7.5rem,
      8.6466165414vw + 3.3496240602rem,
      10.375rem
  );
  }
}
.p_q2 .txt_img {
  width: 40vw;
}
@media screen and (min-width: 768px) {
  .p_q2 .txt_img {
    width: clamp(
      6.875rem,
      7.5187969925vw + 3.2659774436rem,
      9.375rem
  );
    top: -2px;
    left: 1px;
  }
}
.p_q3 {
  background-color: #FCD03E;
}
@media screen and (min-width: 768px) {
  .p_q3 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_q3 .p_q__inner .c_txt36 {
    margin-top: clamp(
      0.9375rem,
      0.3759398496vw + 0.7570488722rem,
      1.0625rem
  );
  }
}
.p_q3 .c_form__btn {
  padding: 5.3333333333vw 18.6666666667vw 2.6666666667vw 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .p_q3 .c_form__btn {
    padding: clamp(
      1.25rem,
      1.6917293233vw + 0.4379699248rem,
      1.8125rem
  ) clamp(
      2.6875rem,
      4.6992481203vw + 0.4318609023rem,
      4.25rem
  ) clamp(
      1.875rem,
      4.8872180451vw + -0.4708646617rem,
      3.5rem
  ) clamp(
      2.8125rem,
      4.6992481203vw + 0.5568609023rem,
      4.375rem
  );
  }
}
.p_q3 .c_form__btn .img {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_q3 .c_form__btn .img {
    width: clamp(
      8.75rem,
      11.2781954887vw + 3.3364661654rem,
      12.5rem
  );
  }
}
.p_q3 .txt_img {
  width: 40vw;
}
@media screen and (min-width: 768px) {
  .p_q3 .txt_img {
    width: clamp(
      6.875rem,
      7.5187969925vw + 3.2659774436rem,
      9.375rem
  );
    top: -1px;
    left: -1px;
  }
}
.p_q4 {
  background-color: #C0E4F9;
}
@media screen and (min-width: 768px) {
  .p_q4 {
    padding-bottom: 11px;
  }
}
@media screen and (min-width: 768px) {
  .p_q4 .p_q__inner .c_txt36 {
    margin-top: clamp(
      0.625rem,
      1.8796992481vw + -0.2772556391rem,
      1.25rem
  );
    margin-bottom: clamp(
      2.5rem,
      9.022556391vw + -1.8308270677rem,
      5.5rem
  );
  }
}
.p_q4 .c_form__btn {
  padding: 8vw 18.6666666667vw 3.2vw 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .p_q4 .c_form__btn {
    padding: clamp(
      0.625rem,
      0.7518796992vw + 0.2640977444rem,
      0.875rem
  ) clamp(
      2.8125rem,
      4.6992481203vw + 0.5568609023rem,
      4.375rem
  ) clamp(
      1.25rem,
      1.5037593985vw + 0.5281954887rem,
      1.75rem
  ) clamp(
      2.8125rem,
      4.6992481203vw + 0.5568609023rem,
      4.375rem
  );
  }
}
.p_q4 .c_form__btn .img {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_q4 .c_form__btn .img {
    width: clamp(
      11.25rem,
      12.969924812vw + 5.0244360902rem,
      15.5625rem
  );
    top: clamp(
      0.625rem,
      2.0676691729vw + -0.367481203rem,
      1.3125rem
  );
  }
}
.p_q4 .txt_img {
  width: 40vw;
}
@media screen and (min-width: 768px) {
  .p_q4 .txt_img {
    width: clamp(
      6.875rem,
      7.5187969925vw + 3.2659774436rem,
      9.375rem
  );
    top: -1px;
    left: 1px;
  }
}
/*# sourceMappingURL=q.css.map */
