@charset "utf-8";
/* *********************
	三角チャート用 CSS
********************** */
/* チェックリスト */


/* チャート部 */
	.chart-wrapper {position: relative; max-width: 720px; aspect-ratio: 1 / 1; margin: 40px auto 20px auto; margin-top:10em;}
	.chart-wrapper canvas {width: 80% !important; height: 80% !important; display: block; margin:0 auto;}
	.label-top {position: absolute; top: -130px; left: 50%; transform: translateX(-50%); font-size: 1rem; text-align: center; font-weight: bold;}
	.label-bottom-left, .label-bottom-right { position: absolute; bottom: 27%; font-size: 0.9rem; text-align: center; font-weight: bold; z-index: -1;}
	.label-bottom-left {left: 0;}
	.label-bottom-right {right: 0;}

/* コメント部 */
	.diagnosis-comment {margin-top: -12em;}
	.diagnosis-comment p{margin-bottom:0;}


/* 下部リンクボックス */
	.bottom-box{}

/*スマホ*/
@media screen and (max-width: 767px) {
	.chart-wrapper {margin-top:6em;}
	.diagnosis-comment {margin-top: -3em; !important; position: relative;}
	.label-top {top: -95px !important;}
	.label-bottom-left, .label-bottom-right {bottom: 14% !important;}
	.label-top img{width:80px !important;}
	.label-bottom-left img{width:80px !important;}
	.label-bottom-right img{width:60px !important;}
	.bottom-box{margin-top:0;}

}