@charset "UTF-8";
@import url(chart_all.css);

/*基本設定
=========================================*/
.chart_container {
  padding: 3rem 2.4rem;
}
/* 高さ調整 */
.com-chart::before,
.result-chart::before {
  height: 8rem;
  margin-top: -8rem;
}

/*=========================================================
	診断チャート
=========================================================*/
#chart {
}

/*診断コンテンツ
----------------------------------------------- */
/*診断タイトル
-----------------------*/
.com-chart__title {
  font-size: var(--font-size-20);
}
.com-chart__title span {
  display: block;
  word-break: keep-all;
}

/*診断ボタン
----------------------------------------------- */
/*回答リスト
-----------------------*/
.com-chart__btns {
}

/*回答ボタン
-----------------------*/
.com-chart__btn {
  margin-bottom: 2rem;
}
.com-chart__btn:last-of-type {
  margin-bottom: 0;
}
.com-chart__btn-link {
  height: auto;
  min-height: 7.5rem;
	text-align: center;
  padding: 1.2rem 3rem 1.2rem;
}
.com-chart__btn-link::after {
  right: 1.2rem;
}
.com-chart__btn-link span {
  display: block;
  word-break: keep-all;
}

/*戻るボタン
-----------------------*/
.btn_wrp {
}

/*=========================================================
	診断結果
=========================================================*/
.result_chart {
}

/*結果タイトル
-----------------------*/
.result-chart__title .label {
  font-size: var(--font-size-20);
}
.result-chart__title .main {
  font-size: var(--font-size-24);
	padding-inline: 3rem;
}
.result-chart__title .main::before {
  width: 100%;
  height: 2rem;
}

/*結果テキスト
-----------------------*/
.result-chart__inner::after {
  content: "";
	display: block;
	width: 100%;
	height: 12.5rem;
  background: url(../img/index/deco_flow-box.png) no-repeat center bottom / contain;
	margin-top: 3rem;
}

/*結果ボタン
-----------------------*/
.result-chart__btn {
  height: auto;
  min-height: 7.5rem;
	text-align: center;
  padding: 1.2rem 3rem 1.2rem;
	margin-top: 1rem;
}
.result-chart__btn::after {
  right: 1.2rem;
}