@charset "UTF-8";
/*=========================================================
	診断チャート
=========================================================*/
#chart {
  margin-top: 6vw;
  padding: 10vw 6vw;
}
#chart::before {
  border-radius: 10px;
}

/*診断コンテンツ
----------------------------------------------- */
/*診断タイトル*/
.chart_title {
  padding: 12px 4vw;
  margin-bottom: 4vw;
  font-weight: bold;
  font-size: 30px;
  font-size: 3.90625vw;
}
@media screen and (min-width: 539px) {
  .chart_title {
    font-size: 17.6470588235px;
  }
}

/*診断ボタン
----------------------------------------------- */
/*回答リスト*/
.chart_btn_list {
  display: flex;
  flex-direction: column;
  gap: 4vw 0;
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .chart_btn_list {
    font-size: 16.4705882353px;
  }
}
.chart_btn_list-item a {
  padding: 15px 8vw 15px 4vw;
}

/*戻るボタン*/
.btn_wrp {
  margin-top: 8vw;
}

.back_btn {
  width: 100%;
  padding: 10px;
}

/*診断結果
----------------------------------------------- */
.result_title .main {
  font-weight: bold;
  font-size: 36px;
  font-size: 4.6875vw;
}
@media screen and (min-width: 539px) {
  .result_title .main {
    font-size: 21.1764705882px;
  }
}
.result_btn-list {
  margin-top: 6vw;
}
.result_btn-list .btn, .result_btn-list .btn a {
  width: 100%;
  margin: 0;
}
.result_chart .ttl-comment__blu2 {
  transform: translate(0, -20px);
}/*# sourceMappingURL=chart_sp.css.map */