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

/* contents00 */

.contents00 {
	background-color: #FFF;
	border-radius: 35px;
	padding: 40px 85px;
	border-style : solid;
border-color : #C6B198;
border-width : 3px;
	display: flex;
  justify-content: space-between;
	align-items: center;
flex-wrap: wrap;
}

.contents00 .box01 {
	flex: 1;
}

.contents00 .box02 {
	width: 710px;
}

.contents00 h4 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 31px;
color: #B3892E;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 400;
	margin-bottom: 20px;
}


/* contents01 */

.contents00, .contents01, .contents02, .contents03 {
	width: 1170px;
	margin-bottom: 100px;
}

.contents01::after {
	content: "予防歯科について";
}

.contents02::after {
	content: "予防歯科のメリット";
}

.contents03::after {
	content: "治療の流れ";
}


/* contents02 */

.contents02 .box01 .lay02:not(:last-child) {
	margin-bottom: 30px;
}

.contents02 .box01 h6 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 26px;
color: #736357;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 400;
	margin-bottom: 15px;
}


/* contents03 */

.contents03 .box01, .contents03 .box02 {
	margin-bottom: 50px;
}

.contents03 .box02:last-child {
	margin-bottom: 0px;
}

.contents03 .box02 .box-in {
	background-color: #FFF;
	border-radius: 16px;
	overflow: hidden;
}

.contents03 .box02 .box {
	display: flex;
  justify-content: space-between;
	align-items: center;
flex-wrap: wrap;
	padding: 40px 30px;
	position: relative;
	background-color: #FFF;
	width: 100%;
}

.contents03 .box02 .box:nth-child(even) {
	background-color: #FBF9F7;
}

.contents03 .box02 .box::after {
	top: 0%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 30px;
	margin-left: -30px;
}

.contents03 .box02 .box:nth-child(odd)::after {
	border-color: rgba(251, 249, 247, 0);
	border-top-color: #FBF9F7;
}

.contents03 .box02 .box:nth-child(1)::after {
	display: none;
}

.contents03 .box02 .box .box001 {
	flex: 1;
	text-align: center;
}

.contents03 .box02 .box .box002 {
	width: 660px;
}

.contents03 h6.btn01 {
	padding-top: 40px;
	text-align: center;
}

/* contents04 */

.contents04 {
	width: 100%;
	margin-bottom: 100px;
}

.contents04 img {
	width: 100%;
height: 500px;
	object-fit: cover;
}



.sp-view {
	display: none;
}