@charset "UTF-8";
/* ==================================================
 * Color set
 * ================================================== */
/* ==================================================
 * Font
 * ================================================== */
/* ==================================================
 * width
 * ================================================== */
/* ==================================================
 * layout
 * ================================================== */
/* ==================================================
 * bg
 * ================================================== */
/* ==================================================
 * font text
 * ================================================== */
/* ==================================================
 * other
 * ================================================== */
html:has(#chart) {
  scroll-padding-top: 20vw;
}

/*基本設定
=========================================*/
.chart_container .com-layout__item {
  row-gap: 3vw;
}

.chart_question_title {
  padding: 12px 4vw;
  text-align: left;
  font-size: 32px;
  font-size: 4.1666666667vw;
}
@media screen and (min-width: 539px) {
  .chart_question_title {
    font-size: 21.3333333333px;
  }
}
.chart_question_title {
  gap: 3vw;
}
.chart_question_title::before {
  line-height: 1;
  font-size: 40px;
  font-size: 5.2083333333vw;
}
@media screen and (min-width: 539px) {
  .chart_question_title::before {
    font-size: 26.6666666667px;
  }
}
.chart_question_button_list {
  gap: 3vw;
}
.chart_question_button_list .btn-03 {
  width: 100%;
}
.chart_question_button_list .btn-03__link {
  padding: 15px 4vw;
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .chart_question_button_list .btn-03__link {
    font-size: 18.6666666667px;
  }
}

.chart_result_title {
  padding: 10px 15px;
  margin: -5vw auto 0 -6vw;
  font-size: 34px;
  font-size: 4.4270833333vw;
}
@media screen and (min-width: 539px) {
  .chart_result_title {
    font-size: 22.6666666667px;
  }
}
.chart_result_button_list .btn-03 {
  width: 100%;
}
.chart_result_button_list .btn-03__link {
  padding: 15px 10vw 15px 15px;
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .chart_result_button_list .btn-03__link {
    font-size: 18.6666666667px;
  }
}

.chart_inbox_inner {
  row-gap: 6vw;
}/*# sourceMappingURL=chart_sp.css.map */