@charset "UTF-8";
/*基本設定
=========================================*/
.chart_btn_list {
  flex-direction: column;
  gap: 4vw 0;
}

.chart-bx {
  padding: 8vw 6vw;
}

/*診断コンテンツ
----------------------------------------------- */
/*診断タイトル*/
.chart_title {
  font-size: 28px;
  font-size: 3.6458333333vw;
  font-weight: 500;
  padding: 20px 5vw 20px 9vw;
}
@media screen and (min-width: 539px) {
  .chart_title {
    font-size: 16.4705882353px;
  }
}
.chart_title .title {
  padding: 0;
  line-height: 1.6;
}
.chart_title::before {
  width: 80px;
  max-width: 10.6666666667%;
  transform: translate(-20%, -20%);
}

/*診断ボタン
----------------------------------------------- */
/*回答リスト*/
.chart_btn_list-item {
  width: 100%;
}
.chart_btn_list-item .btn-link {
  padding: 20px 12% 20px 4vw;
}

/*診断結果
----------------------------------------------- */
.result_chart {
  padding: 0 6vw 10vw 6vw;
  border-radius: 15px;
}
.result_chart .com-layout {
  margin-top: 6vw;
}
.result_chart .btn {
  width: 100%;
}

.result_title {
  margin-bottom: 6vw;
}
.result_title-icon {
  position: static;
  max-width: 30vw;
  transform: none;
  margin: -10vw 0 0 -10vw;
}
.result_title .main {
  font-size: 40px;
  font-size: 5.2083333333vw;
  border-radius: 10px;
}
@media screen and (min-width: 539px) {
  .result_title .main {
    font-size: 23.5294117647px;
  }
}/*# sourceMappingURL=chart_sp.css.map */