@charset "UTF-8";
/*基本設定
=========================================*/
.chart_container {
  padding: 6vw;
}
.chart_container.obj-illust::before {
  max-width: 12vw;
  transform: translateX(4vw);
}

.chart_btn_list {
  gap: 3vw;
}
.chart_btn_list .list-item {
  width: 100%;
}

/*=========================================================
	診断チャート
=========================================================*/
/*診断コンテンツ
----------------------------------------------- */
/*診断タイトル*/
.chart_title {
  margin-bottom: 4vw;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 5px;
       column-gap: 5px;
  text-align: left;
}
.chart_title .q-icon {
  position: static;
  transform: none;
  width: 30px;
  min-width: 30px;
  font-size: 32px;
  font-size: 4.1666666667vw;
}
@media screen and (min-width: 539px) {
  .chart_title .q-icon {
    font-size: 18.8235294118px;
  }
}
.chart_title .title {
  font-size: 30px;
  font-size: 3.90625vw;
}
@media screen and (min-width: 539px) {
  .chart_title .title {
    font-size: 17.6470588235px;
  }
}

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

/*診断結果
----------------------------------------------- */
.result_title {
  margin-bottom: 4vw;
}
.result_title .sub {
  margin-bottom: 4vw;
}
.result_title .main {
  font-size: 34px;
  font-size: 4.4270833333vw;
}
@media screen and (min-width: 539px) {
  .result_title .main {
    font-size: 20px;
  }
}
.result_title .main::after {
  width: 4vw;
}

.result_chart .btn a {
  width: 100%;
  font-size: 28px;
  font-size: 3.6458333333vw;
}
@media screen and (min-width: 539px) {
  .result_chart .btn a {
    font-size: 16.4705882353px;
  }
}/*# sourceMappingURL=chart_sp.css.map */