@charset "UTF-8";
.preventiveDiagnosisWrapper > section{
	flex-direction: column;
	align-items: center;
}
.preventiveDiagnosisTab{
	display: flex;
}
.preventiveDiagnosisTab > section{
	margin:0 20px;
	padding:10px;
	border:1px solid #eeeeee;
	border-radius: 5px;
	cursor:pointer;
}
.preventiveDiagnosisTab > section:hover{
	background-color: #f8f8f8;
	color:rgb(224, 82, 15);
}
.introDiscript{
	text-align: center;
	margin-top:50px;
	margin-bottom:50px;
}
.preventiveDiagnosisContent > section{
	width:100%;
}
.preventiveDiagnosisContent{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
	width:100%;
}
.distributionChart, .distributionSolution{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.distributionChart > section{
	display: flex;
	justify-content: center;
	align-items: center;
}
.distributionChart > section:first-child {
	margin-top:50px;
	margin-bottom:20px;
	text-align: center;
}
.distributionChart > section > section > section:first-child{
	display: none;
}
.distributionChart > section > section{
	margin: 0 10px;
}
.distributionChart > section:first-child > section:first-child {
	width:398px;
}
.distributionChart > section:first-child > section:last-child {
	width:460px;
}
.distributionChart > section:last-child{
	margin:10px 0;
}
.distributionSolution{
	margin-top:50px;
}
.distributionSolution > section{
	margin:10px 0;
}
.distributionSolution > section:first-child{
	font-size:1.6rem;
	font-weight:700;
}
.distributionSolution > section:first-child + section{
	border:1px solid #eeeeee;
	padding:10px;
	border-radius: 10px;
}
.distributionChart > section:first-child span{
	border-radius: 5px;
	border:1px solid #eeeeee;
	padding:5px 10px;
	background-color: #f8f8f8;
	font-weight: 700;
}