@charset "utf-8";
/* CSS Document */





/*-------------------------------
歯周病
-------------------------------*/
.perio_ttl01 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #615c59;
	font-size: 14px;
	font-weight: bold;
}
.perio_ttl01 span {
	color: #283487;
}
.symptom {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 12px;
}
.symptom li {
	width: calc(100%/5 - 12px*4/5);
}

/*================================
TABLET横 1080px～0px
================================*/
@media screen and (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media screen and (max-width: 834px) {}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {
	/*-------------------------------
	見出し
	-------------------------------*/
	/*title01*/
	.title01 {}
	.title01 span {}

	/*-------------------------------
	歯周病
	-------------------------------*/
	.symptom {}
	.symptom li {
		width: calc(100%/3 - 12px*2/3);
	}

}