@charset "UTF-8";

/* 共通 */
.mt0 {margin:0 auto !important}
.mt10 {margin:3% auto 0 !important}
.mt20 {margin:3% auto 0 !important}
.mt25 {margin:3% auto 0 !important}
.mt30 {margin:5% auto 0 !important}
.mt35 {margin:5% auto 0 !important}
.mt40 {margin:5% auto 0 !important}
.mt45 {margin:5% auto 0 !important}
.mt50 {margin:5% auto 0 !important}
.mt60 {margin:5% auto 0 !important}
.mt70 {margin:10% auto 0 !important}
.mt75 {margin:10% auto 0 !important}
.mt80 {margin:13% auto 0 !important}
.mt90 {margin:15% auto 0 !important}
.mt100 {margin:15% auto 0 !important}
.mt110 {margin:20% auto 0 !important}
.mt120 {margin:20% auto 0 !important}
.mt130 {margin:20% auto 0 !important}
.mt140 {margin:20% auto 0 !important}
.mt150 {margin:20% auto 0 !important}

/* メインイメージ */
#sub_kv {
	width: 100%;
	height: 11.2em;
	margin: 0;
	padding: 0;
	background: url(../images/common/sub_ttl_sp.jpg) center / cover no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	h3 {
		margin: 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 120%;
		color: #D1923D;
		font-family: var(--font-cairo);
		font-optical-sizing: auto;
		font-variation-settings: "slnt" 0;
		font-weight: var(--weight-bold1);
	}
	h2 {
		margin: 0;
		padding: 0;
		font-size: 7.2vw;
		line-height: 160%;
		font-weight: var(--weight-nomal);
	}
	h4 {
		margin: 0.2em 0 0.1em;
		padding: 0;
		font-size: 4.6vw;
		line-height: 160%;
		font-weight: var(--weight-nomal);
	}
}

/* パンくず */
#breadcrumb {
	width: 100%;
	margin: 0 auto;
	padding: 1em 4.6%;
	font-size: 3.3vw;
	line-height: 120%;
	font-weight: var(--weight-nomal);
	text-align: right;
	a {
		color: #333;
		text-decoration: none;
		position: relative;
	}
}

/* トップリード */
section.top_read {
	margin: 10% auto 0;
	padding: 0 4.5%;
}

/* タイトル */
h3.read_ttl {
	margin: 0 auto;
	padding: 0;
	font-size: 5.4vw;
	line-height: 160%;
	font-weight: var(--weight-bold2);
}
p.read_txt {
	margin: 2em auto 0;
	padding: 0;
	font-size: 3.8vw;
	line-height: 200%;
	&:nth-of-type(n+2) {
		margin-top: 1em;
	}
}
h4.cont_ttl {
	margin: 0 auto;
	padding: 0;
	font-size: 4.6vw;
	line-height: 160%;
	font-weight: var(--weight-bold2);
}

/* 背景 */
.bg1 {background:#F9F3EA;}

/* コンテンツ */
.contents_in {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/*-----------------------
　　ドクター紹介
-----------------------*/
section.doctor_greeting {
	width: 100%;
	margin: 10% auto 0;
	padding: 0 4.6% 15%;
	.greeting_read {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		h3 {
			margin: 0;
			padding: 0;
			font-style: 3.8vw;
			line-height: 180%;
			color: #D1933D;
			font-weight: var(--weight-bold2);
		}
		h4 {
			margin: 1em 0 0;
			padding: 0 0 0.5em;
			font-size: 5.4vw;
			line-height: 160%;
			font-weight: var(--weight-bold2);
		}
	}
	.greeting_txt {
		margin: 0;
		padding: 0.5em 0 0;
		text-align: left;
		p {
			margin: 1em 0 0;
			font-size: 3.8vw;
			line-height: 200%;
		}
	}
	.greeting_img {
		margin: 8% 0 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		img {
			width: 100%;
			height: auto;
		}
		div {
			display: inline-block;
			margin: -4em 0 0;
			padding: 5% 1.6em;
			font-size: 3.4vw;
			line-height: 160%;
			background: #fff;
			position: relative;
			z-index: 1;
			small {
				display: block;
				font-size: 2.8vw;
				line-height: 160%;
			}
			strong {
				margin-left: 1em;
				font-size: 4.6vw;
				line-height: 160%;
				font-weight: var(--weight-nomal);
			}
		}
	}
	.greeting_prof {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		.prof_box {
			margin: 8% 0 0;
			padding: 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0 0 0.2em;
				font-size: 4.0vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				color: #D1923D;
				border-bottom: 1px solid #D1933D;
			}
			dl {
				margin: 0;
				padding: 0.5em 0 0;
				font-size: 3.5vw;
				line-height: 160%;
				display: flex;
				flex-wrap: wrap;
				dt {
					width: 35%;
					margin: 0.8em 0 0;
					padding: 0;
				}
				dd {
					width: 65%;
					margin: 0.8em 0 0;
					padding: 0;
				}
			}
			ul {
				margin: 0;
				padding: 0.5em 0 0;
				font-size: 3.5vw;
				line-height: 160%;
				list-style: none;
				li {
					margin: 0.8em 0 0;
					padding: 0;
				}
			}
		}
	}
}
section.doctor_staff {
	margin: 0 auto;
	padding: 15% 0;
	background: #F9F3EA;
	h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 5.4vw;
		line-height: 180%;
		font-weight: var(--weight-bold2);
	}
	ul {
		width: 100%;
		margin: 0 auto;
		padding: 5% 4.6% 0;
		li {
			width: 100%;
			margin: 8% 0 0;
			padding: 0;
			background: #fff;
			display: flex;
			/*&:nth-of-type(even) {
				flex-direction: row-reverse;
			}*/
			.img {
				width: 40%;
				margin: 0;
				padding: 0;
				img {
					width: 100%;
					height: 13em;
					object-fit: cover;
				}
			}
			.txt {
				width: 60%;
				margin: 0;
				padding: 5% 4%;
				text-align: left;
				div {
					margin: 0;
					padding: 0 0 0.2em;
					font-size: 3.6vw;
					line-height: 160%;
					strong {
						display: inline-block;
						margin: 0 0 0 1em;
						padding: 0;
						font-size: 4.4vw;
						line-height: 160%;
						font-weight: var(--weight-nomal);
					}
				}
				P {
					margin: 0.5em 0 0;
					padding: 0;
					font-size: 3.4vw;
					line-height: 160%;
				}
			}
		}
	}
}
section.doctor_comming {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20%;
	.comming_img {
		margin: 0;
		padding: 0;
		img {
			width: 100%;
			height: auto;
		}
	}
	.comming_txt {
		width: 92%;
		margin: -10% 0 0;
		padding: 0;
		padding: 8% 5%;
		font-size: 5.4vw;
		line-height: 200%;
		font-weight: var(--weight-bold2);
		text-align: left;
		background: #fff;
		position: relative;
		z-index: 1;
	}
}


/*-----------------------
　　医院紹介
-----------------------*/
section.clinic_inview {
	margin: 15% auto 0;
	padding: 0 4.5%;
	.inview_cont {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		#mainImg {
			width: 100%;
			margin: 0 auto;
			padding: 0;
			img {
				width: 100%;
				height: auto;
			}
		}
		#subImg {
			width: 100%;
			margin: 0 auto;
			padding: 3% 0 0;
			list-style: none;
			display: flex;
			justify-content: space-between;
			li {
				width: 16%;
				margin: 1% 0 0;
				padding: 0;
				img {
					width: 100%;
					height: auto;
				}
			}
		}
	}
}
section.clinic_environment {
	width: 100%;
	margin: 20% auto 0;
	padding: 0 4.5% 20%;
	ul {
		width: 100%;
		margin: 0 auto;
		padding: 3% 0 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
			width: 49%;
			margin: 5% 0 0;
			padding: 0;
			img {
				width: 100%;
				height: auto;
			}
			p {
				margin: 0.5em auto 0;
				padding: 0;
				font-size: 3.3vw;
				line-height: 180%;
			}
		}
	}
}
section.clinic_equipment {
	margin: 0 auto;
	padding: 20% 4.5% 20%;
	.equipment_cont {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		ul {
			width: 100%;
			margin: 0 auto;
			padding: 0;
			list-style: none;
			li {
				width: 100%;
				margin: 5% 0 0;
				padding: 0;
				text-align: left;
				&:nth-of-type(n+2) {
					margin-top: 8%;
				}
				img {
					width: 100%;
					height: auto;
				}
				h5 {
					margin: 1em 0 0;
					padding: 0;
					font-size: 4.0vw;
					line-height: 180%;
					color: #D1923D;
					font-weight: var(--weight-bold2);
				}
				p {
					margin: 0.5em 0 0;
					padding: 0;
					font-size: 3.6vw;
					line-height: 200%;
				}
			}
		}
	}
}


/*-----------------------
　　診療案内
-----------------------*/
/* 共有-アイコンタイトル-説明 */
div.treatment_ttl {
	margin: 0 auto;
	padding: 0;
	h5 {
		margin: 0 auto;
		padding: 0;
		img {
			width: 20%;
			height: auto;
		}
	}
	h3 {
		margin: 0.5em auto 0;
		padding: 0;
		font-size: 6.4vw;
		line-height: 160%;
		color: #D1923D;
		font-weight: var(--weight-bold2);
	}
	h4 {
		margin: 0.5em auto;
		padding: 0;
		font-size: 4.2vw;
		line-height: 160%;
		color: #D1923D;
		font-weight: var(--weight-nomal);
	}
	p {
		margin: 2em auto 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 200%;
		&:nth-of-type(n+2) {
			margin-top: 1em;
		}
	}
}
div.treatment_cont_ttl {
	margin: 0 auto;
	padding: 0;
	h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 5.4vw;
		line-height: 180%;
		font-weight: var(--weight-bold2);
	}
	h5 {
		margin: 0.5em auto;
		padding: 0;
		font-size: 4.2vw;
		line-height: 160%;
		font-weight: var(--weight-bold2);
	}
	p {
		margin: 2em auto 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 200%;
	}
}

section.treatment_cont1 {
	width: 100%;
	margin: 0 auto;
	padding: 15% 4.5% 20%;
	.txt_img {
		width: 100%;
		margin: 0 auto;
		padding: 8% 0 0;
		.img {
			display: block;
			width: 105%;
			margin: 0 0 0 -4.7%;
			padding: 0;
			img {
				width: 100%;
				height: auto;
			}
		}
		.txt {
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: left;
			h6 {
				margin: 8% 0 0;
				padding: 0 0 5px;
				font-size: 4.4vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				&:nth-of-type(n+2) {
					margin-top: 15%;
				}
			}
			p {
				margin: 1em 0 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
			}
		}
	}
}
section.treatment_cont2 {
	width: 100%;
	margin: 0 auto;
	padding: 15% 4.5% 15%;
	.txt_img {
		width: 100%;
		margin: 0 auto;
		padding: 8% 0 0;
		.img {
			display: block;
			width: 105%;
			margin: 0 -4.7% 0 0;
			padding: 0;
			img {
				width: 100%;
				height: auto;
			}
		}
		.txt {
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: left;
			h6 {
				margin: 8% 0 0;
				padding: 0 0 5px;
				font-size: 4.4vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				&:nth-of-type(n+2) {
					margin-top: 15%;
				}
			}
			p {
				margin: 1em 0 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
			}
		}
	}
}
section.treatment_cont3 {
	width: 100%;
	margin: 0 auto;
	padding: 15% 4.5% 15%;
}

/* 流れ */
section.treatment_flow {
	width: 100%;
	margin: 0 auto;
	padding: 15% 4.5% 15%;
	dl {
		width: 100%;
		margin: 0 auto;
		padding: 15% 0 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		dt {
			width: 100%;
			margin: -1em 0 0;
			padding: 0;
			text-align: left;
			.ttl_add {
				margin: 2.5% 0 0;
				padding: 0;
				display: flex;
				align-items: center;
				small {
					display: inline-block;
					margin: 0.8em 0 0 0.8em;
					padding: 0;
					font-size: 3.6vw;
					line-height: 120%;
					color: #D1933D;
					font-weight: var(--weight-bold2);
				}
			}
			h5 {
				display: inline-block;
				margin: 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 140%;
				color: #D1933D;
				font-weight: var(--weight-bold2);
				border-bottom: 1px solid #D1933D;
				span {
					margin: 0 0 0.1em 0.2em;
					font-size: 7.8vw;
					line-height: 140%;
					font-family: var(--font-cairo);
					font-optical-sizing: auto;
					font-variation-settings: "slnt" 0;
				}
			}
			h6 {
				margin: 0.8em 0 0 5%;
				padding: 0;
				font-size: 4.2vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
		}
		dd {
			width: 100%;
			margin: 1em 0 0 5%;
			padding: 0;
			text-align: left;
			p {
				margin: 1em 0 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
				&:first-child {
					margin-top: 0;
				}
				small {
					display: block;
					margin: 0;
					padding: 0 0 0 1em;
					text-indent: -1em;
					font-size: 3.0vw;
					line-height: 200%;
				}
			}
			ul {
				margin: 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
				list-style: none;
				li {
					margin: 0;
					padding: 0 0 0 0.5em;
					text-indent: -0.5em;
					&:before {
						display: inline-block;
						content: '・';
						margin: 0;
						padding: 0;
					}
				}
			}
			.img {
				margin: 0.5em 0 0;
				padding: 0;
				img {
					width: 100%;
					height: auto;
				}
			}
		}
		.arrow {
			width: 100%;
			margin: 4% auto 0;
			padding: 0;
			img {
				width: 10%;
				height: auto;
			}
		}
	}
}

/* よくあるご質問 */
section.treatment_qa {
	margin: 0 auto;
	padding: 15% 4.5% 15%;
	dl {
		width: 100%;
		margin: 0 auto;
		padding: 1em 0 0;
		text-align: left;
		dt {
			width: 100%;
			margin: 1.8em 0 0;
			padding: 0;
			font-size: 4.0vw;
			line-height: 160%;
			color: #D1923D;
			font-weight: var(--weight-bold2);
			display: flex;
			align-items: center;
			span {
				display: inline-block;
				width: 1.5em;
				height: 1.5em;
				margin: 0 0.6em 0 0;
				padding: 0.2em;
				font-size: 6.2vw;
				line-height: 120%;
				font-family: var(--font-cairo);
				font-optical-sizing: auto;
				font-variation-settings: "slnt" 0;
				font-weight: var(--weight-bold1);
				color: #fff;
				background: #D1933D;
				border-radius: 8px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
		dd {
			margin: 0.5em 0 0 2%;
			padding: 0;
			font-size: 3.6vw;
			line-height: 200%;
		}
	}
}

/* 説明コンテンツ */
div.explanation_cont {
	padding: 0;
	h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 4.8vw;
		line-height: 160%;
		font-weight: var(--weight-bold2);
	}
	.tax_in {
		margin: 0 auto 5px;
		padding: 0;
		font-size: 3.6vw;
		line-height: 160%;
		text-align: right;
	}
	.explanation_box {
		margin: 0 auto;
		padding: 8% 3%;
		background: #F9F3EA;
		border-radius: 8px;
		&:nth-of-type(n+2) {
			margin-top: 10%;
		}
		.txt {
			margin: 0;
			padding: 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0;
				font-size: 4.6vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				strong {
					display: inline-block;
					margin: 0;
					padding: 0.2em 1em;
					font-size: 3.4vw;
					line-height: 160%;
					color: #fff;
					font-weight: var(--weight-bold2);
					background: #D1933D;
					border-radius: 5px;
				}
			}
			h6 {
				margin: 0.2em 0 0;
				padding: 0;
				font-size: 4.0vw;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
				small {
					font-size: 3.4vw;
					line-height: 160%;
				}
				span {
					display: block;
					font-size: 3.4vw;
					line-height: 160%;
					color: #333333;
					font-weight: var(--weight-nomal);
				}
			}
			.period {
				width: 100%;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				div {
					margin: 0.2em 0 0;
					padding: 0;
					display: flex;
					align-items: center;
					&:first-of-type {
						margin-left: 0;
					}
					strong {
						display: inline-block;
						margin: 0;
						padding: 0.2em 0.5em;
						font-size: 3.6vw;
						line-height: 160%;
						font-weight: var(--weight-bold2);
						background: #F9F3EA;
						border-radius: 5px;
					}
					span {
						display: inline-block;
						margin: 0 0 0 0.8em;
						padding: 0;
						font-size: 3.6vw;
						line-height: 160%;
					}
				}
			}
			p {
				margin: 1em 0 0.5em;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
				&.indent {
					padding-left: 1em;
					text-indent: -1em;
				}
			}
			.btn {
				margin: 1.0em 0 0;
				padding: 0;
				a {
					display: inline-block;
					margin: 0;
					padding: 0.5em 2em;
					font-size: 3.8vw;
					line-height: 140%;
					color: #fff;
					text-decoration: none;
					background: #D1933D;
					border-radius: 8px;
				}
			}
		}
		.img {
			margin: 5% 0 0;
			padding: 0;
			display: flex;
			img {
				width: calc(50% - 1px);
				margin-right: 1px;
			}
			&.column {
				justify-content: space-between;
				img {
					width: 48%;
					height: auto;
				}
			}
		}
		.flow_cont {
			width: 100%;
			margin: 10% auto 0;
			padding: 0;
			h5 {
				margin: 0 auto;
				padding: 0;
				font-size: 4.4vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			ul {
				width: 100%;
				margin: 5% auto 0;
				padding: 0;
				list-style: none;
				li {
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					img {
						width: 45%;
						height: auto;
					}
					.txt {
						width: 50%;
						margin: 10px 0 0;
						padding: 0;
						strong {
							display: inline-block;
							margin: 0;
							padding: 0;
							font-size: 3.6vw;
							line-height: 120%;
							color: #D1933D;
							font-weight: var(--weight-bold2);
							border-bottom: 1px solid #D1933D;
							span {
								margin: 0 0 0.1em 0.2em;
								font-size: 7.8vw;
								line-height: 120%;
								font-family: var(--font-cairo);
								font-optical-sizing: auto;
								font-variation-settings: "slnt" 0;
								font-weight: var(--weight-bold1);
							}
						}
						h6 {
							margin: 0.5em 0 0;
							padding: 0;
							font-size: 3.6vw;
							line-height: 160%;
							color: #333333;
							font-weight: var(--weight-bold2);
							small {
								display: block;
								margin: 0;
								padding: 0;
								font-size: 3.2vw;
								line-height: 200%;
								font-weight: var(--weight-nomal);
							}
						}
					}
				}
				.arrow {
					width: 100%;
					margin: 4% auto;
					padding: 0;
					img {
						width: 10%;
						height: auto;
					}
				}
			}
		}
	}
	.explanation_box_btm_txt1 {
		margin: 2em auto 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 200%;
	}
	.explanation_box_btm_txt2 {
		margin: 2em auto 0;
		padding: 0;
		text-align: left;
		div {
			height: 400px;
			overflow-y: auto;
			padding: 0 0.2em 1em 0.2em;
		}
		h5 {
			margin: 0 0 0.4em;
			padding: 0;
			font-size: 4.8vw;
			line-height: 200%;
			text-align: center;
			font-weight: var(--weight-bold2);
		}
		h6 {
			margin: 1em 0 0;
			padding: 0;
			font-size: 3.4vw;
			line-height: 200%;
			font-weight: var(--weight-bold2);
		}
		ul {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 3.4vw;
			line-height: 200%;
			list-style: none;
			li {
				margin: 0;
				padding: 0 0 0 0.5em;
				text-indent: -0.5em;
				&:before {
					display: inline-block;
					content: '・';
					margin: 0;
					padding: 0;
				}
			}
		}
	}
}
div.explanation_cont.bg {
	.explanation_box {
		background: #fff;
	}
}


/* ⼀般・⼩児⻭科 */
section.dental_pmtc {
	width: 100%;
	margin: 0 auto;
	padding: 15% 4.5% 15%;
	ul.pmtc_list {
		width: 100%;
		margin: 0 auto;
		padding: 5% 0 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		li {
			width: 48%;
			margin: 5% 0 0;
			padding: 0;
			&:nth-of-type(n+3) {
				margin-top: 15%;
			}
			img {
				width: 45%;
				height: auto;
			}
			h6 {
				margin: 1em auto 0;
				padding: 0;
				font-size: 4.0vw;
				line-height: 180%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 0.8em auto 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 180%;
			}
		}
	}
}
/* インプラント */
section.implant_price {
	margin: 0 auto 3%;
	padding: 15% 0 0;
	.price_in {
		margin: 10% auto 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		.img {
			width: 46%;
			margin: 0;
			img {
				width: 100%;
				height: auto;
			}
		}
		.txt {
			width: 50%;
			margin: 0;
			padding: 0 2.5% 0 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0;
				font-size: 3.2vw;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
				strong {
					display: block;
					margin: 0;
					padding: 0;
					font-size: 5.8vw;
					line-height: 160%;
					font-weight: var(--weight-bold2);
					small {
						font-size: 3.4vw;
						line-height: 160%;
					}
				}
			}
			p {
				margin: 0.2em 0 0;
				padding: 0 0 0 1em;
				text-indent: -1em;
				font-size: 2.8vw;
				line-height: 180%;
			}
			ul {
				width: 200%;
				margin: 60% 0 0 -100%;
				padding: 2em 0 0 40px;
				list-style: none;
				li {
					margin: 1em 0 0;
					padding: 0 0 0 0.7em;
					text-indent: -0.7em;
					font-size: 3.8vw;
					line-height: 180%;
					span {
						display: inline-block;
						margin: 0 0.2em 0 0;
						padding: 0;
						font-size: 5.8vw;
						line-height: 160%;
						color: #D1923D;
						font-family: var(--font-cairo);
						font-optical-sizing: auto;
						font-variation-settings: "slnt" 0;
						font-weight: var(--weight-bold1);
					}
				}
			}
		}
	}
}
/* 矯正歯科 */
ul.orthodontics_case {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	li {
		/*width: 48%;*/
		width: 100%;
		margin: 8% 0 0 4%;
		padding: 5% 3%;
		background: #fff;
		border-radius: 8px;
		&:nth-of-type(odd) {
			margin-left: 0;
		}
		h5 {
			margin: 0 auto;
			padding: 0;
			font-size: 3.8vw;
			line-height: 160%;
			font-weight: var(--weight-bold2);
			small {
				font-size: 3.8vw;
				line-height: 160%;	
			}
		}
		img {
			display: inline-block;
			width: 48%;
			height: auto;
			margin: 5% auto 0;
			padding: 0;
		}
		p {
			margin: 1.5em 0 0;
			padding: 0;
			font-size: 3.2vw;
			line-height: 200%;
			text-align: left;
		}
	}
}
/* マウスピース矯正 */
ul.mouthpiece_feature {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 0;
	list-style: none;
	li {
		width: 100%;
		margin: 5% 0 0;
		padding: 5% 3%;
		background: #F9F3EA;
		border-radius: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.icon {
			width: 20%;
			height: 4.4em;
			margin: 0;
			padding: 0;
			background: #fff;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			img {
				width: 90%;
				height: auto;
			}
		}
		.txt {
			width: 80%;
			margin: 0;
			padding: 0 0 0 5%;
			text-align: left;
			h6 {
				margin: 0;
				padding: 0;
				font-size: 4.0vw;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 0.8em 0 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 200%;
			}
		}
	}
}
div.mouthpiece_recommend {
	width: 100%;
	margin: 10% auto 0;
	padding: 10% 3% 8%;
	background: #fff;
	border-radius: 8px;
	.recommend_list {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		li {
			width: 46%;
			margin: 5% 0 0;
			padding: 0;
			img {
				display: inline-block;
				width: 90%;
				height: auto;
				margin: 0 auto;
				padding: 0;
			}
			h5 {
				margin: 0.8em auto 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
			}
		}
	}
	.recommend_case {
		width: 100%;
		margin: 10% auto 0;
		padding: 0;
		.case_cont {
			width: 100%;
			margin: 0;
			padding: 0;
			.case_box {
				width: 100%;
				margin: 0;
				padding: 0;
				display: flex;
				align-items: center;
				.txt {
					width: 50%;
					margin: 0;
					padding: 0;
					display: flex;
					&.rev {
						justify-content: flex-end;
					}
					p {
						display: inline-block;
						margin: 0;
						padding: 0.2em 0.5em;
						font-size: 2.9vw;
						line-height: 160%;
						text-align: left;
						border-bottom: 2px dotted #009bda;
					}
					&.rev P {
						text-align: right;
					}
				}
				.img {
					width: 50%;
					margin: 0;
					padding: 0;
					img {
						width: 100%;
						height: 7em;
						object-fit: cover;
					}
				}
			}
		}
	}
}
div.mouthpiece_price {
	width: 100%;
	margin: 10% auto 0;
	padding: 5% 5%;
	background: #fff;
	border-radius: 8px;
	display: flex;
	align-items: center;
	.img {
		width: 40%;
		margin: 0;
		padding: 0;
		img {
			width: 100%;
			height: auto;
		}
	}
	.txt {
		width: 60%;
		margin: 0;
		padding: 0 0 0 0.5em;
		text-align: left;
		h5 {
			margin: 0;
			padding: 0;
			font-size: 5.4vw;
			line-height: 160%;
			color: #D1923D;
			font-weight: var(--weight-bold2);
			small {
				font-size: 3.6vw;
				line-height: 160%;
			}
		}
		p {
			margin: 0.2em 0 0;
			padding: 0 0 0 1em;
			text-indent: -1em;
			font-size: 3.4vw;
			line-height: 160%;
		}
	}
}


/*-----------------------
　　アクセス
-----------------------*/
section.access_top {
	width: 100%;
	margin: 0 auto;
	padding: 6% 4.5% 10%;
	.clinic_info {
		width: 100%;
		margin: 0;
		padding: 0;
		.name_address {
			margin: 5% auto 0;
			padding: 0 5%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-start;
			.logo {
				width: 23%;
				margin: 0;
				padding: 0;
				img {
					width: 100%;
					height: auto;
				}
			}
			.name_txt {
				width: 72%;
				margin: 0 0 0 5%;
				padding: 0;
				text-align: left;
				h5 {
					margin: 0;
					padding: 0;
					font-size: 2.5vw;
					line-height: 120%;
					font-weight: var(--weight-nomal);
				}
				h4 {
					margin: 0.3em 0 0;
					padding: 0;
					font-size: 4.7vw;
					line-height: 120%;
					font-weight: var(--weight-bold2);
				}
				p {
					margin: 0.5em 0 0;
					padding: 0;
					font-size: 3.1vw;
					line-height: 160%;
					text-align: left;
				}
			}
			.point {
				width: 80%;
				margin: 5% auto 0;
				padding: 0;
				display: flex;
				justify-content: space-between;
				list-style: none;
				li {
					width: 45%;
					height: 2.4em;
					margin: 0;
					padding: 0.2em;
					font-size: 3.8vw;
					line-height: 140%;
					color: #fff;
					font-weight: var(--weight-bold2);
					background: #D1933D;
					display: flex;
					justify-content: center;
					align-items: center;
				}
			}
		}
		.btn {
			width: 100%;
			margin: 5% 0 0;
			padding: 0;
			background: #fff;
			a {
				display: block;
				width: 90%;
				height: 3.6em;
				margin: 0 auto;
				padding: 0;
				background: #fff;
				text-decoration: none;
				background: #F9F3EA;
				border-radius: 8px;
				display: flex;
				justify-content: center;
				align-items: center;
				img {
					width: 6%;
					height: auto;
				}
				P {
					margin: -0.1em 0 0 0.2em;
					font-size: 6.8vw;
					line-height: 100%;
					color: #D1933D;
					font-family: var(--font-cairo);
					font-optical-sizing: auto;
					font-variation-settings: "slnt" 0;
					font-weight: var(--weight-bold1);
				}
				div {
					margin: 0 0 0 5%;
					padding: 0;
					font-size: 3.0vw;
					line-height: 140%;
					color: #927246;
					font-family: var(--font-cairo);
					font-optical-sizing: auto;
					font-variation-settings: "slnt" 0;
					font-weight: var(--weight-nomal);
				}
			}
		}
		.week_tbl {
			margin-top: 8% !important;
		}
	}
	.clinic_img {
		width: 100%;
		margin: 0 auto;
		padding: 8% 0 0;
		img {
			width: 100%;
			height: auto;
		}
	}
}
section.access_gmap {
	width: 100%;
	height: 25em;
	margin: 0 auto;
	padding: 0;
	position: relative;
	iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
	}
}
.access_train {
	margin: 0 auto;
	padding: 3% 4.6% 15%;
	list-style: none;
	background: #fff;
	li {
		width: 100%;
		margin: 8% 0 0;
		padding: 0;
		text-align: left;
		h6 {
			margin: 0;
			padding: 0 0.2em 0.2em 0.2em;
			font-size: 4.0vw;
			line-height: 180%;
			border-bottom: 1px solid #D1933D;
			img {
				width: 6%;
				height: auto;
				margin: 0 0.5em 0 0;
				vertical-align: -0.35em;
			}
		}
		p {
			margin: 0.8em 0 0;
			padding: 0;
			font-size: 3.2vw;
			line-height: 200%;
		}
	}
}


/*-----------------------
　　お問い合わせ
-----------------------*/
.contact_reservation {
	margin: 10% 4.5% 0;
	padding: 5% 3%;
	background: #F9F3EA;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	h3 {
		margin: 0;
		padding: 0;
		font-size: 3.8vw;
		line-height: 180%;
		font-weight: var(--weight-nomal);
	}
	.btn {
		margin: 5% 0 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
			width: 100%;
			margin: 0;
			padding: 0;
			height: 3.6em;
			a {
				display: block;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
			&:first-of-type {
				a {
					display: block;
					width: 100%;
					margin: 0;
					padding: 0;
					background: #fff;
					border-radius: 0.5em;
					display: flex;
					justify-content: center;
					align-items: center;
					img {
						width: 6%;
						height: auto;
					}
					P {
						margin: -0.1em 0 0 0.2em;
						font-size: 6.8vw;
						line-height: 100%;
						color: #D1933D;
						font-family: var(--font-cairo);
						font-optical-sizing: auto;
						font-variation-settings: "slnt" 0;
						font-weight: var(--weight-bold1);
					}
					div {
						margin: 0 0 0 5%;
						padding: 0;
						font-size: 3.0vw;
						line-height: 140%;
						color: #927246;
						font-family: var(--font-cairo);
						font-optical-sizing: auto;
						font-variation-settings: "slnt" 0;
						font-weight: var(--weight-nomal);
					}
				}
			}
			&:nth-of-type(n + 2) {
				a {
					display: block;
					width: 100%;
					margin: 2% 0 0;
					padding: 0;
					background: #D1933D;
					border-radius: 0.5em;
					display: flex;
					justify-content: center;
					align-items: center;
					img {
						width: 6%;
						height: auto;
					}
					P {
						margin: -0.1em 0 0 0.5em;
						font-size: 4.0vw;
						line-height: 140%;
						color: #fff;
						font-weight: var(--weight-bold1);
					}
				}
			}
		}
	}
}
#form_cont {
	margin: 8% auto 0;
	padding: 0 4.5% 15%;
	.form_ttl {
		margin: 0 auto;
		padding: 0;
		h3 {
			margin: 0 auto;
			padding: 0;
			font-size: 5.4vw;
			line-height: 180%;
			font-weight: var(--weight-bold2);
		}
		p {
			margin: 1em auto 0;
			padding: 0;
			font-size: 3.8vw;
			line-height: 200%;
		}
	}
	.form_top {
		width: 100%;
		margin: 5% auto 0;
		padding: 5% 3%;
		font-size: 3.5vw;
		line-height: 220%;
		text-align: left;
		background: #F9F3EA;
		border-radius: 8px;
		strong {
			display: block;
			margin: 1em 0 0;
			padding: 0;
			font-weight: var(--weight-bold2);
			&:first-of-type {
				margin-top: 0;
			}
		}
		p {
			margin: 0;
			padding: 0;
		}
	}
	dl.form_tbl {
		width: 100%;
		margin: 15% auto 0;
		padding: 0;
		font-size: 3.6vw;
		line-height: 180%;
		border-bottom: 1px solid #D1933D;
		dt, dd {
			margin: 0;
		}
		dt {
			width: 100%;
			padding: 3% 3% 0;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #D1933D;
			text-align: left;
			&:first-of-type {
				border-top: none;
			}
			span {
				display: inline-block;
				margin: 0 0 0 0.5em;
				padding: 0.1em 0.2em;
				font-size: 3.2vw;
				line-height: 160%;
				color: #fff;
				background: #D1933D;
			}
		}
		dd {
			width: 100%;
			padding: 1% 3% 3%;
			text-align: left;
			input[type=text],
			input[type=tel],
			input[type=email],
			select {
				width: 100%;
				padding: 2% 3%;
				font-size: 3.8vw;
				line-height: 170%;
				font-weight: var(--weight-noaml);
				font-family	: inherit;
				border: none;
				background: #F9F3EA;
			}
			textarea {
				width: 100%;
				height: 15em;
				padding: 2% 3%;
				font-size: 3.8vw;
				line-height: 170%;
				font-weight: var(--weight-noaml);
				font-family	: inherit;
				border: none;
				background: #F9F3EA;
			}
			small {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 3.2vw;
				line-height: 160%;
			}
			.privacy_box {
				width: 100%;
				height: 20em;
				margin: 0;
				padding: 2% 2%;
				font-size: 3.4vw;
				line-height: 200%;
				background: #F9F9F9;
				overflow-y: scroll;
				p {
					margin: 0;
					padding: 0;
				}
				strong {
					display: block;
					margin: 1em 0 0;
					padding: 0;
					font-size: 3.4vw;
					line-height: 200%;
					font-weight: var(--weight-bold1);
				}
			}
			input[type=checkbox]
			,input[type=radio] {
				margin: 0 5px 0 0;
				width: 1.2em;
				height: 1.2em;
				vertical-align: -0.2em;
			}
			.privacy_link {
				margin: 0.5em 0 0;
				padding: 0;
			}
		}
	}
	#contact_btn {
		margin: 0;
		padding: 10% 0 0;
		text-align: center;
		div.form_btn1 {
			display: block;
			width: 90%;
			margin: 5px auto;
			button {
				display: block;
				width: 100%;
				height: 3.5em;
				margin: 0 auto;
				padding: 0;
				font-size: 4.0vw;
				line-height: 120%;
				font-family	: inherit;
				color: #fff;
				background: #D1933D;
				cursor: pointer;
				border: none;
				border-radius: 8px;
			}
		}
		div.form_btn2 {
			display: inline-block;
			width: 90%;
			margin: 5px auto;
			button {
				display: block;
				width: 100%;
				height: 3.5em;
				margin: 0 auto;
				padding: 0;
				font-size: 4.0vw;
				line-height: 120%;
				font-family	: inherit;
				color: #333;
				background: #bbb;
				cursor: pointer;
				border: none;
				border-radius: 8px;
			}
		}
	}
	.btn {
		margin: 5% auto 0;
		padding: 0;
		a {
			display: inline-block;
			width: 80%;
			margin: 0 auto;
			padding: 0.8em 2em;
			font-size: 3.8vw;
			line-height: 140%;
			color: #fff;
			text-decoration: none;
			background: #D1933D;
			border-radius: 8px;
		}
	}
}