@charset "UTF-8";
/*基本設定
=========================================*/
.chart_container {
  width: 100%;
  margin: 0 auto;
  /*戻るボタン*/
}
.chart_container .btn_wrp {
  margin-top: 4vw;
}
.chart_container .btn_wrp a {
  -moz-column-gap: 4vw;
       column-gap: 4vw;
}
.chart_container .btn_wrp a::before {
  max-width: 10vw;
}

.chart_btn_list {
  gap: 3vw;
}

/*=========================================================
	診断チャート
=========================================================*/
/*診断タイトル*/
.chart_title, .result_title {
  padding: 3vw 4%;
  margin-bottom: 4vw;
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .chart_title, .result_title {
    font-size: 16.4705882353px;
  }
}

/*診断結果
----------------------------------------------- */
.result_img {
  text-align: center;
}
.result_img img {
  max-width: 65%;
}
.result_txtxbx {
  row-gap: 6vw;
}
.result_txt {
  row-gap: 4vw;
}/*# sourceMappingURL=chart_sp.css.map */