@charset "UTF-8";
/*基本設定
=========================================*/
/*=========================================================
	診断チャート
=========================================================*/
/*診断コンテンツ
----------------------------------------------- */
.com_chart-bx {
  padding: 5vw 6vw 8vw 6vw;
}

/*診断タイトル*/
.chart_title {
  padding: 15px 4vw;
}

/*診断ボタン
----------------------------------------------- */
/*回答リスト*/
.chart_btn_list {
  margin-top: 4vw;
  gap: 4vw;
}

/*回答ボタン*/
.answer_btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
.answer_btn:hover {
  color: rgba(255, 255, 255, 0.8);
}

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

/*診断結果
----------------------------------------------- */
.result_chart {
  padding: 5vw 6vw 8vw 6vw;
}
.result_chart .com-base {
  margin-top: 6vw;
  padding: 0 !important;
  background: none !important;
}
.result_chart .wrp-illust {
  position: static;
  transform: none;
  justify-content: center;
  -moz-column-gap: 6vw;
       column-gap: 6vw;
  margin-top: 6vw;
}
.result_chart .wrp-illust-01 {
  max-width: 20%;
}
.result_chart .wrp-illust-02 {
  max-width: 35%;
}

.result_title {
  padding-bottom: 10px;
  margin-bottom: 3vw;
}

.result_container {
  flex-direction: column;
  row-gap: 5vw;
}

.result_container .result_img {
  text-align: center;
}

.result_container .result_img,
.result_container .result_txtxbx {
  width: 100%;
}/*# sourceMappingURL=chart_sp.css.map */