@charset "UTF-8";
/*基本設定
=========================================*/
/*=========================================================
	診断チャート
=========================================================*/
#chart {
  font-weight: 600;
}

/*診断コンテンツ
----------------------------------------------- */
/*診断タイトル*/
.chart_title,
.result_title-icon {
  position: relative;
  padding: 20px;
  text-align: center;
  color: #fff;
  background: #00ab96;
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .chart_title,
  .result_title-icon {
    font-size: 32px;
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .chart_title,
  .result_title-icon {
    font-size: 18.8235294118px;
  }
}
.chart_title .q-icon,
.result_title-icon .q-icon {
  position: absolute;
  top: 0;
  left: 20px;
  transform: translateY(25px);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
  font-weight: 500;
  font-family: "Josefin Sans", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
  .chart_title .q-icon,
  .result_title-icon .q-icon {
    font-size: 44px;
    font-size: 5.7291666667vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 539px) {
  .chart_title .q-icon,
  .result_title-icon .q-icon {
    font-size: 25.8823529412px;
  }
}

/*診断ボタン
----------------------------------------------- */
/*回答ボタン*/
.answer_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
  border: solid 1px #00ab96;
  padding: 20px 4%;
}
.answer_btn:hover {
  color: #00ab96;
}

/*診断結果
----------------------------------------------- */
.result_img {
  width: 30%;
  min-width: 30%;
}/*# sourceMappingURL=chart_pc.css.map */