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





/*-------------------------------
予防歯科
-------------------------------*/
.yobou_ttl01 {
	margin: -34px auto 20px;
	text-align: center;
}
.yobou_ttl02 {
	font-weight: bold;
	color: #283487;
	margin-bottom: 3px;
	font-size: 14px;
}
.yobou_group {
	max-width: 640px;
	margin-inline: auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px 40px;
}
.yobou_item {
	display: flow-root;
	width: calc(100%/2 - 40px/2);
}
.yobou_item dt {
	float: right;
	margin-left: 10px;
}
.yobou_item dd {}
/*次のような効果があります*/
.effects {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px 30px;
}
.effects li {
	position: relative;
	z-index: 1;
	padding-top: 5px;
	padding-left: 38px;
	border-bottom: 4px double #dbd9d4;
}
.effects li::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 38px;
	height: 38px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.effects li.ef01::before {
	background-image: url(img/ef01.png);
}
.effects li.ef02::before {
	background-image: url(img/ef02.png);
}
.effects li.ef03::before {
	background-image: url(img/ef03.png);
}
.effects li.ef04::before {
	background-image: url(img/ef04.png);
}
.effects li.ef05::before {
	background-image: url(img/ef05.png);
}

/*================================
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 {}
	/*-------------------------------
	予防歯科
	-------------------------------*/
	.yobou_ttl {}
	.yobou_group {}
	.yobou_item {
		width: 100%;
	}
	.yobou_item dt {}
	.yobou_item dd {}
	/*次のような効果があります*/
	.effects {}
	.effects li {
		width: 100%;
	}
	.effects li::before {}
	
	
}