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

/*基本設定
=========================================*/
.chart_container {
  border-radius: 15px;
}

.chart_title {
  font-size: 32px;
  font-size: 4.1666666667vw;
}
@media screen and (min-width: 539px) {
  .chart_title {
    font-size: 21.3333333333px;
  }
}

/* タイトル
=========================================*/
.chart_question_title,
.chart_result_title {
  padding: 15px 20px;
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  min-height: inherit;
}
.chart_question_title .question_title_icon,
.chart_result_title .question_title_icon {
  position: static;
  width: 34px;
  min-width: 34px;
  padding: 0 0 3px 0;
}
.chart_question_title .question_title_text,
.chart_result_title .question_title_text {
  font-size: 30px;
  font-size: 3.90625vw;
}
@media screen and (min-width: 539px) {
  .chart_question_title .question_title_text,
  .chart_result_title .question_title_text {
    font-size: 20px;
  }
}
.chart_question .chart_result_title,
.chart_result .chart_result_title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2vw;
}
.chart_question .chart_result_title_icon,
.chart_result .chart_result_title_icon {
  position: static;
  width: auto;
  aspect-ratio: inherit;
  padding: 5px 4vw;
  transform: none;
  font-size: 34px;
  font-size: 4.4270833333vw;
}
@media screen and (min-width: 539px) {
  .chart_question .chart_result_title_icon,
  .chart_result .chart_result_title_icon {
    font-size: 22.6666666667px;
  }
}
.chart_question .chart_result_title_icon br,
.chart_result .chart_result_title_icon br {
  display: none;
}
.chart_question .chart_result_title_main,
.chart_result .chart_result_title_main {
  font-size: 38px;
  font-size: 4.9479166667vw;
}
@media screen and (min-width: 539px) {
  .chart_question .chart_result_title_main,
  .chart_result .chart_result_title_main {
    font-size: 25.3333333333px;
  }
}

/* アンサーボタンエリア
=========================================*/
.chart_question_inner {
  padding: 5vw 6vw;
}

/* ボタン
=========================================*/
.chart_question_button_list {
  flex-direction: column;
  row-gap: 4vw;
}

.chart_back_button_wrp {
  margin-top: 6vw;
}

/* リザルトコンテンツエリア
=========================================*/
.chart_result_inner {
  padding: 5vw 6vw;
}
.chart_result_inner .obj-bf::before {
  position: static;
  max-width: 40%;
  margin: 0 auto;
}

.chart_result_inner_content {
  margin-top: 4vw !important;
}

.chart_result_type {
  padding: 15px 0;
  align-items: center;
  text-align: center;
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.chart_result_type dt {
  position: static;
  transform: translate(0);
}

.chart_result_text_main {
  font-size: 30px;
  font-size: 3.90625vw;
}
@media screen and (min-width: 539px) {
  .chart_result_text_main {
    font-size: 20px;
  }
}/*# sourceMappingURL=chart_sp.css.map */