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



/*==================================================================

		.medical01　＊　このような症状はありませんか？

==================================================================*/
.medical01 {
	position: relative;
}
.medical01 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
@media screen and (max-width:640px) {
	.medical01 h3 p {
        line-height: 1.7;
		letter-spacing: 0px;
        padding: 0;
	}
}


.medical01 ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 50px;
	padding: 30px 50px;
	background: rgba(237, 243, 240, 0.7);
	border-radius: 10px;
}
.medical01 ul li {
	position: relative;
	padding: 14px 0 14px 30px;
	border-bottom: 1px dashed #ddd;
	line-height: 1.8;
}
.medical01 ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 1px solid #406c60;
}
@media screen and (max-width:640px) {
	.medical01 ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
		padding: 20px 25px;
	}
	.medical01 ul li {
		padding: 12px 0 12px 25px;
	}
	.medical01 ul li::before {
		top: 27px;
	}
}

/*------------------------------むし歯＊cavity01------------------------------*/
#cavity01.medical01 ul {
	grid-template-columns: repeat(12, 1fr);
}
#cavity01.medical01 ul li:nth-child(-n+4) { /* 1〜4つ目：4列 */
	grid-column: span 3;
}
#cavity01.medical01 ul li:nth-child(n+5) { /* 5つ目以降：3列 */
	grid-column: span 4;
}
@media screen and (max-width:640px) {
	#cavity01.medical01 h3 p {
        line-height: 1.7;
	}
	#cavity01.medical01 ul {
		grid-template-columns: repeat(1, 1fr);
	}
	#cavity01.medical01 ul li:nth-child(-n+4) , #cavity01.medical01 ul li:nth-child(n+5) {
		grid-column: span 1;
	}
}

/*------------------------------歯科口腔外科・インプラント＊implant01------------------------------*/
#implant01.medical01 ul {
	grid-template-columns: repeat(3, 1fr);
	gap: 0 40px;
}
#implant01.medical01 ul li:last-child {
	grid-column: span 2;
}
@media screen and (max-width:640px) {
	#implant01.medical01 ul {
		grid-template-columns: repeat(1, 1fr);
	}
	#implant01.medical01 ul li:last-child {
		grid-column: span 1;
	}
}

/*------------------------------デンタルリフレクソロジー＊reflexology03------------------------------*/
#reflexology03.medical01 ul li:last-child {
	grid-column: span 2;
}
@media screen and (max-width:640px) {
	#reflexology03.medical01 ul li:last-child {
		grid-column: span 1;
	}
}

/*------------------------------根管治療＊rootcanal01------------------------------*/
#rootcanal01.medical01 ul {
	grid-template-columns: repeat(3, 1fr);
	gap: 0 40px;
}
@media screen and (max-width:640px) {
	#rootcanal01.medical01 ul {
		grid-template-columns: repeat(1, 1fr);
	}
}





/*==================================================================

		.medical02　＊　テキスト＋右figure レイアウト

==================================================================*/
.medical02 {
	position: relative;
}
.medical02 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.medical02_wrap {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}
.medical02 .text {
	flex: 1;
	margin-bottom: 0;
}
.medical02 .note {
	font-size: 15px;
	color: #888;
	line-height: 2;
}
.medical02 figure {
	position: relative;
	width: 40%;
	min-width: 40%;
	z-index: 1;
}
.medical02 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media screen and (max-width:640px) {
	.medical02_wrap {
		flex-direction: column;
		gap: 30px;
	}
	.medical02 figure {
		width: 100%;
		min-width: 100%;
		order: -1;
	}
	.medical02 .note {
		font-size: 14px;
	}
}
@media screen and (max-width:640px) {
	.medical02 h3 p {
        line-height: 1.7;
		letter-spacing: 2px;
        padding: 0;
	}
}


/*------------------------------症状リスト（チェックボックス）------------------------------*/
.medical02_check {
	margin-bottom:1em;
}
.medical02_check li {
	position: relative;
	padding: 0 0 0 35px;
}
.medical02_check li::before {
	position: absolute; content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 17px; height: 17px;
	border: 1px solid #406c60;
}
.medical02_check li::after {
	position: absolute; content: "";
	left: 6px;
	top: 50%;
	transform: translateY(-60%) rotate(45deg);
	width: 5px; height: 8px;
	border-right: 2px solid #406c60;
	border-bottom: 2px solid #406c60;
}
@media screen and (max-width:640px) {
}


/*------------------------------ボタン------------------------------*/
.medical02 .btn {
	width: 400px;
	margin-top: 30px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #FFF;
	transition: 0.3s ease-out;
	text-align: center;
}
.medical02 .btn a {
	display: block;
	width: 100%;
	padding: 10px 0;
}
.medical02 .btn a::before ,.medical02 .btn a::after {
	display: none;
}
.medical02 .btn:hover {
	background: #f2efea;
}
@media screen and (max-width:640px) {
	.medical02 .btn {
		width: 100%;
		margin: 30px auto 0;
	}
}


/*------------------------------数字・タイトル・本文のリスト------------------------------*/
.medical02_list01 {
	margin-top: 30px;
}
.medical02_list01 dt {
	font-size: 21px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #658E83;
	color: #406c60;
}
.medical02_list01 dd ul li {
	display: flex;
	align-items: baseline;
	gap: 15px;
	padding: 14px 0 14px 0;
	border-bottom: 1px dashed #ddd;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 15px;
	counter-increment: implant-counter;
}
.medical02_list01 dd ul {
	counter-reset: implant-counter;
}
.medical02_list01 dd ul li::before {
	content: counter(implant-counter, decimal-leading-zero);
	font-family: "EB Garamond", serif;
	font-size: 20px;
	color: #406c60;
	line-height: 1;
}
.medical02_list01 dd ul li em {
	font-size: 17px;
	border-right: 1px solid #ddd;
	padding-right: 15px;
}
@media screen and (max-width:640px) {
	.medical02_list01 dt {
		font-size: 19px;
		padding-bottom: 0;
	}	
	.medical02_list01 dd ul li {
		flex-wrap: wrap;
		gap: 5px 10px;
		padding: 12px 0;
		font-size: 15px;
		letter-spacing: 0.3px;
	}
	.medical02_list01 dd ul li::before {
		font-size: 20px;
	}
	.medical02_list01 dd ul li em {
		font-size: 16px;
		border-right: none;
		padding-right: 0;
	}
}



/*------------------------------小児歯科＊pediatric03------------------------------*/
#pediatric03.medical02 h3::before { z-index: 3;}
#pediatric03.medical02 h4 { margin-bottom: 30px;}
@media screen and (max-width:640px) {
	#pediatric03.medical02 h4 {
		margin-bottom: 25px;
	}
	#pediatric03.medical02 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#pediatric03.medical02 h4 em {
		line-height: 1.2;
	}
}


/*------------------------------小児歯科＊reflexology02------------------------------*/
@media screen and (max-width:640px) {
	#reflexology02.medical02 h3 p {letter-spacing: 0;}
}



/*------------------------------根管治療＊rootcanal03------------------------------*/
#rootcanal03.medical02 h3::before { z-index: 3;}
#rootcanal03.medical02 h4 { margin-bottom: 30px;}
#rootcanal03.medical02 h5 { font-size: 24px; color: #3a9a80; }
@media screen and (max-width:640px) {
	#rootcanal03.medical02 h4 {
		margin-bottom: 25px;
	}
	#rootcanal03.medical02 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#rootcanal03.medical02 h4 em {
		line-height: 1.2;
	}
	#rootcanal03.medical02 h5 { font-size: 20px; }
}



/*------------------------------予防歯科＊prevention02------------------------------*/
#prevention02.medical02 .medical02_wrap { margin-bottom: 60px;}
#prevention02.medical02 h4 { margin-bottom: 30px;}
@media screen and (max-width:640px) {
	#prevention02.medical02 .medical02_wrap { margin-bottom: 30px;}
	#prevention02.medical02 h4 {
		margin-bottom: 25px;
	}
	#prevention02.medical02 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#prevention02.medical02 h4 em {
		line-height: 1.2;
	}
}



/*------------------------------予防歯科＊prevention06------------------------------*/
#prevention06.medical02 .medical02_wrap { margin-bottom: 60px;}
#prevention06.medical02 h4 { margin-bottom: 30px;}
#prevention06.medical02 h5 { font-size: 24px; color: #3a9a80; margin-bottom: 10px;}
@media screen and (max-width:640px) {
	#prevention06.medical02 .medical02_wrap { margin-bottom: 30px;}
	#prevention06.medical02 h4 {
		margin-bottom: 25px;
	}
	#prevention06.medical02 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#prevention06.medical02 h4 em {
		line-height: 1.2;
	}
	#prevention06.medical02 h5 { font-size: 18px; line-height: 1.8; }
}

.prevention06_notes {
	margin-bottom: 70px;
	font-size: 15px;
	color: #888;
}
@media screen and (max-width:640px) {
	.prevention06_notes {
		margin-bottom: 60px;
	}
}



/*------------------------------医療費控除について＊price10------------------------------*/
#price10.medical02 h5 { font-size: 24px; color: #3a9a80; }
#price10.medical02 .btn {
	width: 450px;
	margin-top: 10px;
}
#price10.medical02 .btn a {
	letter-spacing: 1px;
}
#price10.medical02 .btn:hover a {
	letter-spacing: 2px;
}
@media screen and (max-width:640px) {
	#price10.medical02 h5 { font-size: 20px; letter-spacing: 0; }
	#price10.medical02 .btn {
		width: 100%;
		margin: 10px auto 0;
	}
	#price10.medical02 .btn a {
		letter-spacing: 0px;
	}
	#price10.medical02 .btn a:hover {
		letter-spacing: 0px;
	}
}






/*==================================================================

		.medical03　＊　治療の流れ（フロー）

==================================================================*/
.medical03 {
	position: relative;
}
.medical03 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
@media screen and (max-width:640px) {
	.medical03 h3 p {
        line-height: 1.7;
		letter-spacing: 2px;
        padding: 0;
	}
}


/*------------------------------フローリスト------------------------------*/
.medical03 ol {
	position: relative;
}
.medical03 ol > li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 40px;
	padding-bottom: 50px;
}
.medical03 ol > li:last-child {
	padding-bottom: 0;
}
@media screen and (max-width:640px) {
	.medical03 ol > li {
		flex-wrap: wrap;
		gap: 15px;
		padding-bottom: 35px;
	}
}


/* 縦のライン */
.medical03 ol::before {
	position: absolute;
	content: "";
	top: 15px;
	bottom: 0;
	left: 88px;
	width: 2px;
	background: #F2EFEA;
}
@media screen and (max-width:640px) {
	.medical03 ol::before { display: none;}
}


/* 左＊番号＋タイトル */
.medical03_head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding-top: 5px;
	width: 180px;
}
.medical03_head i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: #406c60;
	color: #FFF;
	font-size: 28px;
	font-family: "EB Garamond", serif;
	letter-spacing: 2px;
	font-style: normal;
	border-radius: 50%;
	z-index: 1;
}
.medical03_head p {
	font-size: 19px;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	background: white;
}
@media screen and (max-width:640px) {
	.medical03_head {
		flex-direction: row;
		align-items: center;
		gap: 15px;
		width: 100%;
		padding-top: 0;
	}
	.medical03_head i {
		width: 60px;
		height: 60px;
		min-width: 60px;
		font-size: 22px;
		box-sizing: border-box;
		padding-top: 2px;
		padding-left: 3px;
	}
	.medical03_head p {
		font-size: 20px;
		letter-spacing: 1px;
		text-align: left;
	}
}


/* 真ん中 */
.medical03_body {
	flex: 1;
}
.medical03_body ul {
	margin-bottom: 20px;
}
.medical03_body ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.medical03_body ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 18px;
	width: 5px; height: 5px;
	background: #E5A834;
	border-radius: 100%;
}
.medical03_body p { /* 目的 */
	display: flex;
	align-items: baseline;
	gap: 12px;
	line-height: 1.8;
	background: #f7f7f7;
	padding: 10px 15px;
}
.medical03_body p span {
	font-size: 15px;
	color: #FFF;
	background: #E5A834;
	padding: 2px 12px;
	white-space: nowrap;
}
@media screen and (max-width:640px) {
	.medical03_body {
		width: 100%;
	}
	.medical03_body ul {
		margin-bottom: 15px;
		letter-spacing: 0.3px;
		line-height: 2;
		margin-left: 15px;
	}
	.medical03_body ul li::before {
		top: 14px;
	}
	.medical03_body p {
		flex-direction: column;
		gap: 6px;
	}
	.medical03_body p span {
		padding: 0px 12px;
		line-height: 1.6;
	}
}


/* 右　＊　画像 */
.medical03 figure {
	width: 28%;
	min-width: 28%;
}
.medical03 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media screen and (max-width:640px) {
	.medical03 figure {
		width: 100%;
		min-width: 100%;
		height: 200px;
	}
}




/*------------------------------入れ歯＊denture03------------------------------*/
#denture03 .medical03_body p { /* 目的 */
	margin-top: 15px;
}




/*==================================================================

		.medical04　＊　よくある質問（FAQ）

==================================================================*/
.medical04 {
	position: relative;
}
.medical04 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
@media screen and (max-width:640px) {
	.medical04 h3 p {
        line-height: 1.7;
		letter-spacing: 2px;
		padding: 0;
	}
}


/*------------------------------リスト------------------------------*/
.faq_list dt {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
	font-size: 20px;
	letter-spacing: 2px;
}
.faq_list dd {
	display: flex;
	align-items: flex-start;
	gap: 21px;
	padding: 10px 0 30px;
}
.faq_list dd:last-child {
	border-bottom: 1px solid #ddd;
}
.faq_list dt p , .faq_list dd p {
	flex: 1;
}
.faq_list dd a {
	color:#ec9d06;
  	text-decoration: underline;
  	text-underline-offset: 5px;
}
.faq_list dd a:hover {
	color:#406c60;
}




/*------------------------------Q・Aアイコン------------------------------*/
.faq_list dt span , .faq_list dd span {
	font-size: 40px;
	font-family: "Cormorant Garamond", serif;
	line-height: 1;
	width: 40px;
	text-align: center;
	display: block;
}
.faq_list dt span { color: #406c60;}
.faq_list dd span { color: #E5A834;}
@media screen and (max-width:640px) {
	.faq_list dt {
		gap: 10px;
		padding-top: 20px;
		font-size: 18px;
		letter-spacing: 0px;
		line-height: 1.8;
	}
	.faq_list dd {
		gap: 10px;
		padding: 8px 0 22px;
		letter-spacing: 0px;
		line-height: 2;
	}
	.faq_list dt span , .faq_list dd span {
		font-size: 30px;
		width: 30px;
		position: relative;
	}
	.faq_list dt span { top: 2px;}
	.faq_list dd span { top: 2px;}
}






/*==================================================================

		.medical05　＊　番号付きケースリスト

==================================================================*/
.medical05 {
	position: relative;
}
.medical05 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
.medical05 h3 {
	margin-bottom: 10px;
}
@media screen and (max-width:640px) {
	.medical05 h3 p {
        line-height: 1.7;
		letter-spacing: 2px;
        padding: 0;
	}
	.medical05 .text {
       margin-bottom: 0;
	}
}


.medical05 ol {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 60px;
}
.medical05 ol li {
	padding: 30px 0 25px;
	border-bottom: 1px solid #ddd;
}
.medical05_head {
	margin-bottom: 12px;
}
.medical05_head span {
	display: inline-block;
	font-size: 20px;
	font-family: "EB Garamond", serif;
	color: #E5A834;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0ccbc;
}
.medical05_head p {
	font-size: 22px;
	line-height: 1.7;
}
.medical05_body p {
	position: relative;
	padding-left: 14px;
	line-height: 1.9;
	margin-bottom: 6px;
}
.medical05_body p::before {
	position: absolute; content: "";
	left: 0;
	top: 14px;
	width: 5px; height: 5px;
	background: #3a9a80;
	border-radius: 50%;
}
@media screen and (max-width:640px) {
	.medical05 ol {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}
	.medical05 ol li {
		padding: 20px 0 25px;
	}
	.medical05_head p {
		font-size: 18px;
	}
	.medical05_body p::before {
		top: 13px;
	}
}


.medical05 figure {
	width: 100%;
	min-width: 100%;
	height: 300px;
	margin-bottom: 10px;
}
.medical05 figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media screen and (max-width:640px) {
	.medical05 figure {
		height: 200px;
	}
}



/*------------------------------審美歯科＊cosmetic03------------------------------*/
#cosmetic03.medical05 ol li { border-bottom: none;}
#cosmetic03 .medical05_body p { padding-left: 0;}
#cosmetic03 .medical05_body p::before { display: none;}



/*------------------------------歯周病＊periodontal04------------------------------*/
#periodontal04.medical05 ol { grid-template-columns: repeat(1, 1fr);}
#periodontal04.medical05 ol li { 
	border-bottom: none;
	display: flex;
	gap: 50px;
}
#periodontal04.medical05 ol li figure { 
	width: 30%;
	min-width: 30%;
}
#periodontal04.medical05 ol li .medical05_wrap { 
	flex: 1;
}
#periodontal04 .medical05_body p { padding-left: 0; line-height: 2.4;}
#periodontal04 .medical05_body p::before { display: none;}
@media screen and (max-width:640px) {
	#periodontal04.medical05 ol li { 
		flex-direction: column;
		gap: 5px;
	}
	#periodontal04.medical05 ol li figure { 
		width: 100%;
		min-width: 100%;
	}
}


/*------------------------------予防歯科＊prevention07------------------------------*/
#prevention07.medical05 ol li { border-bottom: none;}






/*==================================================================

		CAVITY　＊　むし歯ページのみ　＊　歯周病も

==================================================================*/
#cavity02 , #periodontal05 {
	position: relative;
}
#cavity02 .inner  , #periodontal05 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
#cavity02 section:first-of-type {
	margin-bottom: 70px;
}
#cavity02 h4 {
	margin-bottom: 40px;
}
#cavity02 h4 p {
	font-size: 26px;
	padding: 0 45px;
	letter-spacing: 2px;
}
@media screen and (max-width:640px) {
	#cavity02 section:first-of-type {
		margin-bottom: 50px;
	}
	#cavity02 h4 {
		margin-bottom: 25px;
	}
	#cavity02 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#cavity02 h4 em {
		line-height: 1.2;
	}
}


/*------------------------------C0〜C4ステップリスト------------------------------*/
.cavity_steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.cavity_steps li {
	border: 1px solid #ddd;
	overflow: hidden;
}
.cavity_steps .step_head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 10px 22px;
	background: #406c60;
	color: #FFF;
	text-align: center;
	line-height: 1;
}
.cavity_steps .step_head i {
	font-size: 15px;
	font-style: normal;
}
.cavity_steps .step_head span {
	font-size: 22px;
}
.cavity_steps li dl {
	padding: 20px;
}
.cavity_steps li dl dt {
	font-size: 15px;
	color: #FFF;
	background: #5aa28e;
	display: inline-block;
	padding: 5px 20px;
	line-height: 1;
	margin-bottom: 5px;
	margin-top: 15px;
}
.cavity_steps li dl dt:first-child {
	margin-top: 0;
}
.cavity_steps li dl dd {
	line-height: 1.8;
}
.cavity_steps .note {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #888;
	line-height: 1.6;
}
@media screen and (max-width:640px) {
	.cavity_steps {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}
	.cavity_steps .step_head {
		flex-direction: row;
		justify-content: flex-start;
		gap: 15px;
		padding: 14px 18px;
	}
	.cavity_steps .step_head i {
		font-size: 14px;
	}
	.cavity_steps .step_head span {
		font-size: 19px;
	}
	.cavity_steps li dl {
		padding: 10px 15px 20px;
	}
	.cavity_steps li dl dt {
		padding: 4px 15px;
		margin-top: 16px;
	}
	.cavity_steps li dl dd {
		letter-spacing: 0;
	}
	.cavity_steps .note {
		font-size: 14px;
	}
}




/*------------------------------歯周病はリスト付き------------------------------*/
#periodontal05 dd {
	position: relative;
	padding: 0 0 5px 15px;
	font-size: 16px;
	letter-spacing: 0.3px;
}
#periodontal05 dd::before {
	position: absolute;
	content: "";
	left: 0;
	top: 13px;
	width: 5px; height: 5px;
	background: #E5A834;
	border-radius: 100%;
}
#periodontal05 dd:first-of-type { padding-left: 0;}
#periodontal05 dd:first-of-type::before { display: none;}



/*==================================================================

		COSMETIC　＊　審美歯科ページのみ

==================================================================*/
#cosmetic02 {
	position: relative;
}
#cosmetic02 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
#cosmetic02 h3 p span {
	display: block;
	font-size: 21px;
}
#cosmetic02 h4 {
	margin-bottom: 40px;
}
#cosmetic02 h4 p {
	font-size: 26px;
	padding: 0 45px;
	letter-spacing: 2px;
}
#cosmetic02 .text {
	margin-bottom: 70px;
}
@media screen and (max-width:640px) {
	#cosmetic02 h3 p {
        line-height: 1.7;
		letter-spacing: 0px;
        padding: 0;
	}
	#cosmetic02 h3 p span {
        font-size: 17px;
	}
	#cosmetic02 h4 {
		margin-bottom: 25px;
	}
	#cosmetic02 h4 p {
		font-size: 20px;
		padding: 0 0;
		letter-spacing: 1px;
	}
	#cosmetic02 h4 em {
		line-height: 1.2;
	}
	#cosmetic02 h4::before { display: none;}
}


/*------------------------------テキスト左・画像右、の設定------------------------------*/
.cosmetic02_item {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	margin-bottom: 20px;
}
.cosmetic02_text {
	flex: 1;
}
.cosmetic02_item figure {
	width: 38%;
	min-width: 38%;
}
.cosmetic02_item figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media screen and (max-width:640px) {
	.cosmetic02_item {
		flex-direction: column;
		gap: 25px;
		margin-bottom: 15px;
	}
	.cosmetic02_item figure {
		width: 100%;
		min-width: 100%;
		order: -1;
	}
}


/*------------------------------左　＊　補綴・ホワイトニング種類リスト------------------------------*/
.cosmetic02_menu {
	margin-bottom: 20px;
}
.cosmetic02_menu dt {
	font-size: 21px;
	margin-bottom: 10px;
	color: #406c60;
	border-bottom: 2px solid #658E83;
}
.cosmetic02_menu dd ul li {
	position: relative;
	padding: 10px 0 10px 26px;
	border-bottom: 1px dashed #ddd;
	font-size: 15px;
	line-height: 1.8;
}
.cosmetic02_menu dd ul li::before {
	position: absolute; content: "";
	left: 10px;
	top: 22px;
	width: 6px; height: 6px;
	background: #658E83;
	border-radius: 50%;
}
.cosmetic02_menu dd ul li em {
	margin-right: 15px;
	border-right: 1px solid #ddd;
    padding-right: 15px;
	font-style: normal;
	color: #406c60;
	font-size: 17px;
}
@media screen and (max-width:640px) {
	.cosmetic02_menu dt {
		font-size: 19px;
		margin-bottom: 0;
	}
	.cosmetic02_menu dd ul li {
		font-size: 15px;
	}
	.cosmetic02_menu dd ul li em {
		display: block;
		margin-right: 0;
		margin-bottom: 2px;
		font-size: 16px;
		border: none;
	}
}




/*------------------------------左　＊　メリット・デメリット------------------------------*/
.cosmetic02_flex {
	display: flex;
	gap: 30px;
}
.cosmetic02_flex dl {
	flex: 1;
}
.cosmetic02_merit dt , .cosmetic02_demerit dt {
	font-size: 21px;
	margin-bottom: 10px;
}
.cosmetic02_merit dt {
	color: #E5A834;
	border-bottom: 2px solid #E5A834;
}
.cosmetic02_demerit dt {
	color: #765337;
	border-bottom: 2px solid #b08a65;
}
.cosmetic02_merit dd ul li , .cosmetic02_demerit dd ul li {
	position: relative;
	padding: 12px 0 12px 30px;
	border-bottom: 1px dashed #ddd;
	font-size: 16px;
	line-height: 1.8;
}

/* メリット：緑チェック */
.cosmetic02_merit dd ul li::before , .cosmetic02_demerit dd ul li::before {
	position: absolute; content: "";
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px; height: 17px;
	border: 1px solid #b08a65;
}
.cosmetic02_merit dd ul li::after , .cosmetic02_demerit dd ul li::after {
	position: absolute; content: "";
	left: 8px;
	top: 50%;
	transform: translateY(-65%) rotate(45deg);
	width: 5px;
	height: 8px;
	border-right: 2px solid #E5A834;
	border-bottom: 2px solid #E5A834;
}

/* デメリット：茶チェック */
.cosmetic02_demerit dd ul li::after {
	border-right: 2px solid #765337;
	border-bottom: 2px solid #765337;
}

@media screen and (max-width:640px) {
	.cosmetic02_flex {
			flex-direction: column;
			gap: 0;
	}
	.cosmetic02_flex dl {
		margin-bottom: 20px;
	}
	.cosmetic02_menu dt {
		font-size: 19px;
		margin-bottom: 0;
	}
	.cosmetic02_menu dd ul li {
		font-size: 15px;
	}
	.cosmetic02_menu dd ul li em {
		display: block;
		margin-right: 0;
		margin-bottom: 2px;
		font-size: 16px;
	}
	.cosmetic02_merit dd ul li::before , .cosmetic02_demerit dd ul li::before {
		top: 27px;
	}
	.cosmetic02_merit dd ul li::after , .cosmetic02_demerit dd ul li::after {
		top: 27px;
	}
}



/*==================================================================

		ROOT CANAL　＊　根管治療ページのみ　＊　tableのみ予防歯科ページも使用

==================================================================*/
#rootcanal05 {
	position: relative;
}
#rootcanal05 .inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
}
#rootcanal05 h4 {
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
	#rootcanal05 h4 {
		margin-bottom: 25px;
	}
	#rootcanal05 h4 p {
		font-size: 20px;
		padding: 0 25px;
		letter-spacing: 1px;
	}
	#rootcanal05 h4 em {
		line-height: 1.2;
	}
}


#rootcanal05 table , #prevention06 table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.8;
	margin: 30px 0;
}
#rootcanal05 table thead th , #prevention06 table thead th {
	padding: 14px 20px;
	background: #406c60;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	border-right: 1px solid #5aa28e;
}
#rootcanal05 table thead th:last-child , #prevention06 table thead th:last-child {
	border-right: none;
}
#rootcanal05 table tbody tr , #prevention06 table tbody tr {
	border-bottom: 1px solid #ddd;
	transition: .3s ease-out;
}
#rootcanal05 table tbody tr:nth-child(even) , #prevention06 table tbody tr:nth-child(even) {
	background: rgba(237, 243, 240, 0.7);
}
#rootcanal05 table tbody td , #prevention06 table tbody td {
	padding: 16px 20px;
	border-right: 1px solid #ddd;
	vertical-align: top;
}
#rootcanal05 table tbody td:last-child , #prevention06 table tbody td:last-child {
	border-right: none;
}

@media screen and (max-width:640px) {
	#rootcanal05 table , #prevention06 table {
		font-size: 15px;
	}
	#rootcanal05 table thead th , #prevention06 table thead th {
		padding: 10px 12px;
	}
	#rootcanal05 table tbody td , #prevention06 table tbody td {
		padding: 10px;
		letter-spacing: 0;
	}
}



#prevention06 table {
	margin: 15px 0 30px;
}