@charset "UTF-8";
/* ==================================================
 * Color set
 * ================================================== */
/* ==================================================
 * Font
 * ================================================== */
/* ==================================================
 * width
 * ================================================== */
/* ==================================================
 * layout
 * ================================================== */
/* ==================================================
 * bg
 * ================================================== */
/* ==================================================
 * font text
 * ================================================== */
/* ==================================================
 * other
 * ================================================== */
/*基本設定
=========================================*/
/*=========================================================
	診断チャート
=========================================================*/
/*診断コンテンツ
----------------------------------------------- */
.wrp-chart.obj-bf::before {
  width: 138px;
  max-width: 18.4%;
  transform: translate(20%, 0);
}
.wrp-chart.obj-af::after {
  width: 125px;
  max-width: 16.6666666667%;
  transform: translate(-20%, 0);
}

.com_chart-bx {
  padding: 6vw;
  row-gap: 6vw;
}

/*診断タイトル*/
.chart_title {
  align-items: flex-start;
  font-size: 30px;
  font-size: 3.90625vw;
}
@media screen and (min-width: 539px) {
  .chart_title {
    font-size: 20px;
  }
}
.chart_title::before {
  font-size: 40px;
  font-size: 5.2083333333vw;
}
@media screen and (min-width: 539px) {
  .chart_title::before {
    font-size: 26.6666666667px;
  }
}

/*診断ボタン
----------------------------------------------- */
.chart_btn_list {
  gap: 3vw 0;
}
.chart_btn_list a {
  padding: 15px 4vw;
}

.back_btn {
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .back_btn {
    font-size: 18.6666666667px;
  }
}

/*診断結果
----------------------------------------------- */
.result_chart-bx {
  padding: 6vw;
  row-gap: 6vw;
}

.result_title {
  border-radius: 10px 10px 0 0;
  padding: 3vw 16vw;
  font-size: 35px;
  font-size: 4.5572916667vw;
}
@media screen and (min-width: 539px) {
  .result_title {
    font-size: 23.3333333333px;
  }
}
.result_title::before {
  max-width: 20vw;
  bottom: inherit;
  top: 0;
  transform: translate(-20%, -20%);
}/*# sourceMappingURL=chart_sp.css.map */