@charset "UTF-8";

/* 共通 */
.mt0 {margin:0 auto !important}
.mt10 {margin:10px auto 0 !important}
.mt20 {margin:20px auto 0 !important}
.mt25 {margin:25px auto 0 !important}
.mt30 {margin:30px auto 0 !important}
.mt35 {margin:35px auto 0 !important}
.mt40 {margin:40px auto 0 !important}
.mt45 {margin:45px auto 0 !important}
.mt50 {margin:50px auto 0 !important}
.mt60 {margin:60px auto 0 !important}
.mt70 {margin:70px auto 0 !important}
.mt75 {margin:75px auto 0 !important}
.mt80 {margin:80px auto 0 !important}
.mt90 {margin:90px auto 0 !important}
.mt100 {margin:100px auto 0 !important}
.mt110 {margin:110px auto 0 !important}
.mt120 {margin:120px auto 0 !important}
.mt130 {margin:130px auto 0 !important}
.mt140 {margin:140px auto 0 !important}
.mt150 {margin:150px auto 0 !important}
.mt160 {margin:160px auto 0 !important}
.mt170 {margin:170px auto 0 !important}
.mt180 {margin:180px auto 0 !important}
.mt190 {margin:190px auto 0 !important}
.mt200 {margin:200px auto 0 !important}

/* メインイメージ */
#sub_kv {
	width: 100%;
	height: 270px;
	margin: 0;
	padding: 0;
	background: url(../images/common/sub_ttl.jpg) center / cover no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	h3 {
		margin: 0;
		padding: 0;
		font-size: 15px;
		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: 40px;
		line-height: 160%;
		font-weight: var(--weight-nomal);
	}
	h4 {
		margin: 5px 0 3px;
		padding: 0;
		font-size: 22px;
		line-height: 160%;
		font-weight: var(--weight-nomal);
	}
}

/* パンくず */
#breadcrumb {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 18px 0;
	font-size: 15px;
	line-height: 120%;
	font-weight: var(--weight-nomal);
	text-align: right;
	transition: 0.2s linear;
	a {
		color: #333;
		text-decoration: none;
		position: relative;
		&:hover {
			color: #D1923D !important;
		}
	}
}

/* トップリード */
section.top_read {
	width: 1280px;
	margin: 80px auto 0;
	padding: 0;
}

/* タイトル */
h3.read_ttl {
	margin: 0 auto;
	padding: 0;
	font-size: 36px;
	line-height: 160%;
	font-weight: var(--weight-bold2);
}
p.read_txt {
	margin: 40px auto 0;
	padding: 0;
	font-size: 18px;
	line-height: 200%;
	&:nth-of-type(n+2) {
		margin-top: 20px;
	}
}
h4.cont_ttl {
	margin: 0 auto;
	padding: 0;
	font-size: 28px;
	line-height: 160%;
	font-weight: var(--weight-bold2);
}

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

/* コンテンツ */
.contents_in {
	width: 100%;
	max-width: 1320px;
	min-width: 1280px;
	margin: 0 auto;
	padding: 0;
}


/*-----------------------
　　ドクター紹介
-----------------------*/
section.doctor_greeting {
	width: 100%;
	max-width: 1320px;
	min-width: 1280px;
	margin: 90px auto 0;
	padding: 0 0 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	.greeting_read {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		h3 {
			margin: 0;
			padding: 0;
			font-style: 17px;
			line-height: 180%;
			color: #D1933D;
			font-weight: var(--weight-bold2);
		}
		h4 {
			margin: 30px 0 0;
			padding: 0;
			font-size: 36px;
			line-height: 160%;
			font-weight: var(--weight-bold2);
		}
	}
	.greeting_txt {
		max-width: 54%;
		margin: 0;
		padding: 40px 0 0;
		text-align: left;
		p {
			margin: 20px 0 0;
			padding: 0;
			font-size: 18px;
			line-height: 200%;
			&:first-of-type {
				margin-top: 0;
			}
		}
	}
	.greeting_img {
		width: 620px;
		margin: 0 -120px 0 0;
		padding: 40px 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		transition: 0.2s linear;
		div {
			display: inline-block;
			margin: -75px 0 0;
			padding: 25px 40px;
			font-size: 20px;
			line-height: 160%;
			background: #fff;
			position: relative;
			z-index: 1;
			small {
				display: block;
				font-size: 16px;
				line-height: 160%;
			}
			strong {
				margin-left: 25px;
				font-size: 28px;
				line-height: 160%;
				font-weight: var(--weight-nomal);
			}
		}
	}
	@media screen and (max-width:1480px) {
		.greeting_img {
			margin-right: -60px;
		}
	}
	.greeting_prof {
		width: 100%;
		margin: 90px auto 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		.prof_box {
			width: 45%;
			margin: 0;
			padding: 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0 0 3px;
				font-size: 20px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				color: #D1923D;
				border-bottom: 1px solid #D1933D;
			}
			dl {
				margin: 0;
				padding: 20px 0 0;
				font-size: 16px;
				line-height: 160%;
				display: flex;
				flex-wrap: wrap;
				dt {
					width: 160px;
					margin: 10px 0 0;
					padding: 0;
				}
				dd {
					width: calc(100% - 160px);
					margin: 10px 0 0;
					padding: 0;
				}
			}
			ul {
				margin: 0;
				padding: 20px 0 0;
				font-size: 16px;
				line-height: 160%;
				list-style: none;
				li {
					margin: 10px 0 0;
					padding: 0;
				}
			}
		}
	}
}
section.doctor_staff {
	margin: 0 auto;
	padding: 130px 0 140px;
	background: #F9F3EA;
	h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 36px;
		line-height: 180%;
		font-weight: var(--weight-bold2);
	}
	ul {
		width: 100%;
		max-width: 1320px;
		min-width: 1280px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		li {
			width: 29.5%;
			margin: 80px 0 0 5.75%;
			padding: 0;
			background: #fff;
			&:nth-of-type(3n- 2) {
				margin-left: 0;
			}
			.img {
				width: 100%;
				margin: 0;
				padding: 0;
				img {
					width: 100%;
					height: 240px;
					object-fit: cover;
				}
			}
			.txt {
				margin: 0;
				padding: 25px 28px;
				text-align: left;
				div {
					margin: 0;
					padding: 0 0 10px;
					font-size: 20px;
					line-height: 160%;
					strong {
						display: inline-block;
						margin: 0 0 0 20px;
						padding: 0;
						font-size: 28px;
						line-height: 160%;
						font-weight: var(--weight-nomal);
					}
				}
				P {
					margin: 8px 0 0;
					padding: 0;
					font-size: 16px;
					line-height: 160%;
				}
			}
		}
	}
}
section.doctor_comming {
	width: 100%;
	max-width: 1320px;
	min-width: 1280px;
	margin: 0 auto;
	padding: 0 0 350px;
	display: flex;
	position: relative;
	.comming_img {
		position: absolute;
		display: block;
		width: 1000px;
		margin: 0;
		padding: 0;
		top: 0;
		left: calc(50% - 190px);
		z-index: 1;
	}
	.comming_txt {
		display: inline-block;
		margin: 0;
		padding: 160px 150px 150px 0;
		font-size: 36px;
		line-height: 200%;
		font-weight: var(--weight-bold2);
		text-align: left;
		background: #fff;
		position: relative;
		z-index: 2;
		span{
			display: inline-block;
		}
	}
}


/*-----------------------
　　医院紹介
-----------------------*/
section.clinic_inview {
	width: 1280px;
	margin: 90px auto 0;
	padding: 0;
	.inview_cont {
		width: 1120px;
		margin: 0 auto;
		padding: 0;
		#mainImg {
			width: 100%;
			height: 630px;
			margin: 0 auto;
			padding: 0;
		}
		#subImg {
			width: 100%;
			margin: 30px auto 0;
			padding: 0;
			list-style: none;
			display: flex;
			justify-content: space-between;
			li {
				width: 170px;
				margin: 0;
				padding: 0;
				img {
					width: 100%;
					height: auto;
				}
			}
		}
	}
}
section.clinic_environment {
	width: 100%;
	max-width: 1320px;
	min-width: 1280px;
	margin: 165px auto 0;
	padding: 0 0 155px;
	ul {
		width: 100%;
		margin: 70px auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-between;
		li {
			width: 24.62%;
			margin: 0;
			padding: 0;
			img {
				width: 100%;
				height: 239px;
				object-fit: cover;
			}
			p {
				margin: 10px auto 0;
				padding: 0;
				font-size: 16px;
				line-height: 180%;
			}
		}
	}
}
section.clinic_equipment {
	margin: 0 auto;
	padding: 130px 0 150px;
	.equipment_cont {
		width: 100%;
		max-width: 1320px;
		min-width: 1280px;
		margin: 0 auto;
		padding: 0;
		ul {
			width: 100%;
			margin: 0 auto;
			padding: 0;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			li {
				width: 600px;
				margin: 70px 0 0;
				padding: 0;
				text-align: left;
				&:nth-of-type(n+3) {
					margin-top: 90px;
				}
				h5 {
					margin: 25px 0 0;
					padding: 0;
					font-size: 20px;
					line-height: 180%;
					color: #D1923D;
					font-weight: var(--weight-bold2);
				}
				p {
					margin: 15px 0 0;
					padding: 0;
					font-size: 18px;
					line-height: 200%;
				}
			}
		}
	}
}


/*-----------------------
　　診療案内
-----------------------*/
/* 共有-アイコンタイトル-説明 */
div.treatment_ttl {
	margin: 0 auto;
	padding: 0;
	h5 {
		margin: 0 auto;
		padding: 0;
	}
	h3 {
		margin: 15px auto 0;
		padding: 0;
		font-size: 40px;
		line-height: 160%;
		color: #D1923D;
		font-weight: var(--weight-bold2);
	}
	h4 {
		margin: 15px auto;
		padding: 0;
		font-size: 22px;
		line-height: 160%;
		color: #D1923D;
		font-weight: var(--weight-nomal);
	}
	p {
		margin: 40px auto 0;
		padding: 0;
		font-size: 18px;
		line-height: 200%;
		&:nth-of-type(n+2) {
			margin-top: 20px;
		}
	}
}
div.treatment_cont_ttl {
	margin: 0 auto;
	padding: 0;
	h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 36px;
		line-height: 180%;
		font-weight: var(--weight-bold2);
	}
	h5 {
		margin: 15px auto;
		padding: 0;
		font-size: 24px;
		line-height: 160%;
		font-weight: var(--weight-bold2);
	}
	p {
		margin: 40px auto 0;
		padding: 0;
		font-size: 18px;
		line-height: 200%;
	}
}

section.treatment_cont1 {
	width: 100%;
	margin: 0 auto;
	padding: 145px 0 100px;
	&.pdm170 {
		padding-bottom: 170px;
	}
	&.pdm135 {
		padding-bottom: 135px;
	}
	&.hidden {
		overflow: hidden;
	}
	.img {
		position: absolute;
		display: block;
		width: 679px;
		margin: 0;
		padding: 0;
		top: 35px;
		left: calc(50% + 190px);
		transition: 0.2s linear;
	}
@media screen and (max-width:1500px) {
	.img {
		left: calc(50% + 110px);
	}
}
	.txt_img {
		width: 100%;
		margin: 0 auto;
		padding: 35px 0 0;
		display: flex;
		position: relative;
		.txt {
			width: 54%;
			margin: 0;
			padding: 0;
			text-align: left;
			h6 {
				margin: 80px 0 0;
				padding: 0 0 5px;
				font-size: 24px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
			}
		}
	}
}
section.treatment_cont2 {
	width: 100%;
	margin: 0 auto;
	padding: 145px 0 150px;
	overflow: hidden;
	.img {
		position: absolute;
		display: block;
		width: 679px;
		margin: 0;
		padding: 0;
		top: 115px;
		right: calc(50% + 190px);
		transition: 0.2s linear;
	}
@media screen and (max-width:1500px) {
	.img {
		right: calc(50% + 110px);
	}
}
	.txt_img {
		width: 100%;
		margin: 0 auto;
		padding: 35px 0 0;
		display: flex;
		flex-direction: row-reverse;
		position: relative;
		.txt {
			width: 54%;
			margin: 0;
			padding: 0;
			text-align: left;
			h6 {
				margin: 80px 0 0;
				padding: 0 0 5px;
				font-size: 24px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
			}
		}
	}
}
section.treatment_cont3 {
	width: 100%;
	margin: 0 auto;
	padding: 135px 0 150px;
}

/* 流れ */
section.treatment_flow {
	width: 100%;
	margin: 0 auto;
	padding: 135px 0 150px;
	dl {
		width: 1120px;
		margin: 0 auto;
		padding: 110px 0 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		dt {
			width: 420px;
			margin: -20px 0 0;
			padding: 0;
			text-align: left;
			.ttl_add {
				margin: 0;
				padding: 0;
				display: flex;
				align-items: center;
				small {
					display: inline-block;
					margin: 5px 0 0 15px;
					padding: 0;
					font-size: 17px;
					line-height: 120%;
					color: #D1933D;
					font-weight: var(--weight-bold2);
				}
			}
			h5 {
				display: inline-block;
				margin: 0;
				padding: 0;
				font-size: 17px;
				line-height: 120%;
				color: #D1933D;
				font-weight: var(--weight-bold2);
				border-bottom: 1px solid #D1933D;
				span {
					margin: 0 0 0 7px;
					font-size: 40px;
					line-height: 120%;
					font-family: var(--font-cairo);
					font-optical-sizing: auto;
					font-variation-settings: "slnt" 0;
					font-weight: var(--weight-bold1);
				}
			}
			h6 {
				margin: 20px 0 0 30px;
				padding: 0;
				font-size: 24px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
		}
		dd {
			width: 700px;
			margin: 45px 0 0;
			padding: 0;
			text-align: left;
			p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
				&:first-child {
					margin-top: 0;
				}
				small {
					display: block;
					font-size: 14px;
					line-height: 200%;
				}
			}
			ul {
				margin: 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
				list-style: none;
				li {
					margin: 0;
					padding: 0;
					&:before {
						display: inline-block;
						content: '・';
						margin: 0;
						padding: 0;
					}
				}
			}
			.img {
				margin: 20px 0 0;
				padding: 0;
				img {
					width: 100%;
					height: auto;
				}
			}
		}
		.arrow {
			width: 100%;
			margin: 30px auto 0;
			padding: 0;
		}
	}
}

/* よくあるご質問 */
section.treatment_qa {
	width: 1120px;
	margin: 0 auto;
	padding: 135px 0 150px;
	dl {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 0;
		text-align: left;
		dt {
			width: 100%;
			margin: 50px 0 0;
			padding: 0;
			font-size: 20px;
			line-height: 160%;
			color: #D1923D;
			font-weight: var(--weight-bold2);
			display: flex;
			align-items: center;
			span {
				display: inline-block;
				width: 60px;
				height: 60px;
				margin: 0 30px 0 0;
				padding: 5px;
				font-size: 40px;
				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: 12px 0 0 90px;
			padding: 0;
			font-size: 18px;
			line-height: 200%;
		}
	}
}

/* 説明コンテンツ */
div.explanation_cont {
	padding: 0;
	h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 28px;
		line-height: 160%;
		font-weight: var(--weight-bold2);
	}
	.tax_in {
		margin: 0 auto 5px;
		padding: 0;
		font-size: 16px;
		line-height: 160%;
		text-align: right;
	}
	.explanation_box {
		margin: 0 auto;
		padding: 50px 50px 40px;
		background: #F9F3EA;
		border-radius: 8px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		&:nth-of-type(n+2) {
			margin-top: 60px;
		}
		.txt {
			margin: 0;
			padding: 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0;
				font-size: 28px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
				strong {
					display: inline-block;
					margin: 0 0 0 30px;
					padding: 2px 20px;
					font-size: 18px;
					line-height: 160%;
					color: #fff;
					font-weight: var(--weight-bold2);
					background: #D1933D;
					border-radius: 5px;
				}
			}
			h6 {
				margin: 5px 0 0;
				padding: 0;
				font-size: 20px;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
				small {
					font-size: 15px;
					line-height: 160%;
				}
				span {
					font-size: 15px;
					line-height: 160%;
					color: #333333;
					font-weight: var(--weight-nomal);
				}
			}
			.period {
				width: 100%;
				margin: 5px 0 0 -3px;
				padding: 0;
				display: flex;
				div {
					margin: 0 0 0 60px;
					padding: 0;
					display: flex;
					align-items: center;
					&:first-of-type {
						margin-left: 0;
					}
					strong {
						display: inline-block;
						margin: 0;
						padding: 2px 10px;
						font-size: 18px;
						line-height: 160%;
						font-weight: var(--weight-bold2);
						background: #F9F3EA;
						border-radius: 5px;
					}
					span {
						display: inline-block;
						margin: 0 0 0 15px;
						padding: 0;
						font-size: 18px;
						line-height: 160%;
					}
				}
			}
			p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
				&.indent {
					padding-left: 1em;
					text-indent: -1em;
				}
			}
			.btn {
				margin: 30px 0 0;
				padding: 0;
				a {
					display: inline-block;
					margin: 0;
					padding: 12px 40px;
					font-size: 19px;
					line-height: 140%;
					color: #fff;
					text-decoration: none;
					background: #D1933D;
					border-radius: 8px;
					&:hover {
						background: #284B66;
					}
				}
			}
		}
		.img {
			margin: 0;
			padding: 0;
			&.column {
				padding-top: 60px;
				img:nth-of-type(2) {
					margin-top: 25px;
				}
			}
		}
		.flow_cont {
			width: 100%;
			margin: 65px auto 0;
			padding: 0;
			h5 {
				margin: 0 auto;
				padding: 0;
				font-size: 24px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			ul {
				width: 840px;
				margin: 30px auto 0;
				padding: 0;
				list-style: none;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				li {
					width: 210px;
					margin: 0;
					padding: 0;
					.txt {
						margin: 10px 0 0;
						padding: 0;
						strong {
							display: inline-block;
							margin: 0;
							padding: 0;
							font-size: 17px;
							line-height: 120%;
							color: #D1933D;
							font-weight: var(--weight-bold2);
							border-bottom: 1px solid #D1933D;
							span {
								margin: 0 0 0 7px;
								font-size: 40px;
								line-height: 120%;
								font-family: var(--font-cairo);
								font-optical-sizing: auto;
								font-variation-settings: "slnt" 0;
								font-weight: var(--weight-bold1);
							}
						}
						h6 {
							margin: 15px 0 0;
							padding: 0;
							font-size: 18px;
							line-height: 160%;
							color: #333333;
							font-weight: var(--weight-bold2);
							small {
								display: block;
								margin: 0;
								padding: 0;
								font-size: 16px;
								line-height: 200%;
								font-weight: var(--weight-nomal);
							}
						}
					}
				}
				.arrow {
					width: 105px;
					margin: 75px 0 0;
					padding: 0;
					display: flex;
					justify-content: center;
					img {
						transform: rotate(-90deg);
					}
				}
			}
		}
	}
	.explanation_box.middle {
		.txt {
			width: calc(100% - 84px - 240px);
		}
		.img {
			width: 240px;
		}
	}
	.explanation_box.short {
		.txt {
			width: calc(100% - 83px - 482px);
		}
		.img {
			width: 482px;
			img {margin-left: 1px;}
		}
	}
	.explanation_box.long {
		.txt {
			width: 100%;
		}
	}
	.explanation_box_btm_txt1 {
		margin: 70px auto 0;
		padding: 0;
		font-size: 18px;
		line-height: 200%;
	}
	.explanation_box_btm_txt2 {
		margin: 65px auto 0;
		padding: 0;
		text-align: left;
		div {
			height: 400px;
			overflow-y: auto;
			padding: 0 10px 10px 10px;
		}
		h5 {
			margin: 0 0 10px;
			padding: 0;
			font-size: 25px;
			line-height: 200%;
			font-weight: var(--weight-bold2);
			text-align: center;
		}
		h6 {
			margin: 20px 0 0;
			padding: 0;
			font-size: 15px;
			line-height: 200%;
			font-weight: var(--weight-bold2);
		}
		ul {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 15px;
			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: 1280px;
	margin: 0 auto;
	padding: 130px 0 150px;
	ul.pmtc_list {
		width: 100%;
		margin: 60px auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		li {
			width: 320px;
			margin: 0;
			padding: 0;
			h6 {
				margin: 25px auto 0;
				padding: 0;
				font-size: 20px;
				line-height: 180%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 15px auto 0;
				padding: 0;
				font-size: 16px;
				line-height: 180%;
			}
		}
	}
}
/* インプラント */
section.implant_price {
	width: 1120px;
	margin: 0 auto 40px;
	padding: 125px 0 0;
	.price_in {
		margin: 60px auto 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		.img {
			width: 560px;
			margin: 0;
		}
		.txt {
			width: 540px;
			margin: 0;
			padding: 20px 0 0;
			text-align: left;
			h5 {
				margin: 0;
				padding: 0;
				font-size: 20px;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
				strong {
					display: block;
					margin: 0;
					padding: 0;
					font-size: 30px;
					line-height: 160%;
					font-weight: var(--weight-bold2);
					small {
						font-size: 18px;
						line-height: 160%;
					}
				}
			}
			p {
				margin: 5px 0 0;
				padding: 0;
				font-size: 15px;
				line-height: 180%;
			}
			ul {
				margin: 0;
				padding: 40px 0 0 40px;
				list-style: none;
				li {
					margin: 15px 0 0;
					padding: 0 0 0 15px;
					text-indent: -15px;
					font-size: 18px;
					line-height: 180%;
					span {
						display: inline-block;
						margin: 0 8px 0 0;
						padding: 0;
						font-size: 30px;
						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: 29.54%;
		margin: 55px 0 0 5.69%;
		padding: 35px 30px 30px;
		background: #fff;
		border-radius: 8px;
		&:nth-of-type(3n-2) {
			margin-left: 0;
		}
		h5 {
			margin: 0 auto;
			padding: 0;
			font-size: 24px;
			line-height: 160%;
			font-weight: var(--weight-bold2);
			small {
				font-size: 20px;
				line-height: 160%;	
			}
		}
		img {
			display: inline-block;
			margin: 20px auto 0;
			padding: 0;
		}
		p {
			margin: 30px 0 0;
			padding: 0;
			font-size: 16px;
			line-height: 200%;
			text-align: left;
		}
	}
}
/* マウスピース矯正 */
ul.mouthpiece_feature {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	li {
		width: 48.86%;
		margin: 25px 0 0;
		padding: 30px 35px 35px;
		background: #F9F3EA;
		border-radius: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.icon {
			width: 113px;
			height: 113px;
			margin: 0;
			padding: 0;
			background: #fff;
			border-radius: 50%;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.txt {
			width: 420px;
			height: 170px;
			margin: 0;
			padding: 0;
			text-align: left;
			h6 {
				margin: 0;
				padding: 0;
				font-size: 24px;
				line-height: 160%;
				font-weight: var(--weight-bold2);
			}
			p {
				margin: 20px 0 0;
				padding: 0;
				font-size: 18px;
				line-height: 200%;
			}
		}
	}
}
div.mouthpiece_recommend {
	width: 100%;
	margin: 75px auto 0;
	padding: 110px 56px 70px;
	background: #fff;
	border-radius: 8px;
	.recommend_list {
		width: 94%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		li {
			width: 230px;
			margin: 0;
			padding: 0;
			img {
				display: inline-block;
				margin: 0 auto;
				padding: 0;
			}
			h5 {
				margin: 20px auto 0;
				padding: 0;
				font-size: 20px;
				line-height: 160%;
				color: #D1923D;
				font-weight: var(--weight-bold2);
			}
		}
	}
	.recommend_case {
		width: 100%;
		margin: 70px auto 0;
		padding: 0;
		display: flex;
		align-items: flex-end;
		.case_cont {
			width: 50%;
			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: 3px 15px;
						font-size: 16px;
						line-height: 180%;
						text-align: left;
						border-bottom: 2px dotted #009bda;
					}
					&.rev P {
						text-align: right;
					}
				}
				.img {
					width: 50%;
					margin: 0;
					padding: 0;
					img {
						width: 100%;
						height: 186px;
						object-fit: cover;
					}
				}
			}
		}
	}
}
div.mouthpiece_price {
	width: 100%;
	margin: 75px auto 0;
	padding: 45px 55px;
	background: #fff;
	border-radius: 8px;
	display: flex;
	align-items: center;
	.img {
		width: 565px;
		margin: 0;
		padding: 0;
	}
	.txt {
		width: calc(100% - 565px);
		margin: 0;
		padding: 0 0 0 50px;
		text-align: left;
		h5 {
			margin: 0;
			padding: 0;
			font-size: 34px;
			line-height: 160%;
			color: #D1923D;
			font-weight: var(--weight-bold2);
			small {
				font-size: 18px;
				line-height: 160%;
			}
		}
		p {
			margin: 3px 0 0;
			font-size: 16px;
			line-height: 160%;
		}
	}
}


/*-----------------------
　　アクセス
-----------------------*/
section.access_top {
	width: 100%;
	margin: 90px auto 0;
	padding: 0 0 120px 120px;
	display: flex;
	overflow: hidden;
	position: relative;
	.clinic_info {
		width: 480px;
		margin: 0;
		padding: 0;
		.name_address {
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			.logo {
				width: 120px;
				margin: 0;
				padding: 0;
			}
			.name_txt {
				width: 320px;
				margin: 0 0 0 25px;
				padding: 0;
				text-align: left;
				h5 {
					margin: 0;
					padding: 0;
					font-size: 14px;
					line-height: 120%;
					font-weight: var(--weight-nomal);
				}
				h4 {
					margin: 10px 0 0;
					padding: 0;
					font-size: 25px;
					line-height: 120%;
					font-weight: var(--weight-bold2);
				}
				p {
					margin: 15px 0 0;
					padding: 0;
					font-size: 16px;
					line-height: 160%;
					text-align: left;
				}
			}
			.point {
				width: 100%;
				margin: 10px 0 0;
				padding: 0 55px 0 0;
				list-style: none;
				display: flex;
				justify-content: center;
				li {
					width: 150px;
					margin: 0;
					padding: 10px 5px;
					font-size: 17px;
					line-height: 140%;
					color: #fff;
					font-weight: var(--weight-bold2);
					background: #D1933D;
					&:nth-of-type(n+2) {
						margin-left: 10px;
					}
				}
			}
		}
		.btn {
			width: 456px;
			margin: 20px 0 0;
			padding: 0;
			background: #fff;
			border-radius: 8px;
			overflow: hidden;
			a {
				display: inline-block;
				width: 100%;
				height: 70px;
				margin: 0 auto;
				padding: 0;
				text-decoration: none;
				pointer-events: none;
				background: #F9F3EA;
				border-radius: 8px;
				display: flex;
				justify-content: center;
				align-items: center;
				P {
					margin: -0.1em 0 0 6px;
					font-size: 38px;
					line-height: 100%;
					color: #927246;
					font-family: var(--font-cairo);
					font-optical-sizing: auto;
					font-variation-settings: "slnt" 0;
					font-weight: var(--weight-bold1);
				}
				div {
					margin: 0 0 0 20px;
					padding: 0;
					font-size: 14px;
					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 {
			width: 456px;
			margin: 30px 0 0;
			padding: 0;
		}
	}
	.clinic_img {
		position: absolute;
		display: block;
		width: 700px;
		margin: 0;
		padding: 0;
		top: 0;
		left: calc(50% + 50px);
		img {
			width: 100%;
			height: auto;
		}
	}
}
section.access_gmap {
	width: 100%;
	height: 580px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		top: 0;
		left: 0;
	}
}
.access_train {
	width: 1260px;
	margin: -40px auto 0;
	padding: 50px 60px 150px;
	list-style: none;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	li {
		width: 330px;
		margin: 0;
		padding: 0;
		h6 {
			margin: 0;
			padding: 0 5px 5px 6px;
			font-size: 22px;
			line-height: 180%;
			border-bottom: 1px solid #D1933D;
			img {
				margin: 0 10px 0 0;
				vertical-align: -0.35em;
			}
		}
		p {
			margin: 15px 0 0;
			padding: 0;
			font-size: 16px;
			line-height: 200%;
			text-align: left;
		}
	}
}


/*-----------------------
　　お問い合わせ
-----------------------*/
.contact_reservation {
	width: 1160px;
	height: 250px;
	margin: 50px auto 0;
	padding: 0;
	background: #F9F3EA;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	h3 {
		margin: 0;
		padding: 0;
		font-size: 17px;
		line-height: 180%;
		font-weight: var(--weight-nomal);
	}
	.btn {
		width: 800px;
		margin: 35px 0 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: space-between;
		li {
			margin: 0;
			padding: 0;
			a {
				display: block;
				width: 100%;
				height: 70px;
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
			&:first-of-type {
				width: 456px;
				background: #fff;
				border-radius: 8px;
				overflow: hidden;
				a {
					display: inline-block;
					margin: 0 auto;
					padding: 0;
					pointer-events: none;
					display: flex;
					justify-content: center;
					align-items: center;
					P {
						margin: -0.1em 0 0 6px;
						font-size: 38px;
						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 20px;
						padding: 0;
						font-size: 14px;
						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) {
				width: 292px;
				background: #D1933D;
				border-radius: 8px;
				overflow: hidden;
				a {
					display: inline-block;
					margin: 0 auto;
					padding: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					P {
						margin: -0.1em 0 0 10px;
						font-size: 22px;
						line-height: 140%;
						color: #fff;
						font-weight: var(--weight-bold1);
					}
					&:hover {
						background: #284B66;
					}
				}
			}
		}
	}
}
#form_cont {
	width: 1000px;
	margin: 80px auto 0;
	padding: 0 0 140px;
	.form_ttl {
		margin: 0 auto;
		padding: 0;
		h3 {
			margin: 0 auto;
			padding: 0;
			font-size: 36px;
			line-height: 180%;
			font-weight: var(--weight-bold2);
		}
		p {
			margin: 40px auto 0;
			padding: 0;
			font-size: 18px;
			line-height: 200%;
		}
	}
	.form_top {
		width: 900px;
		margin: 50px auto 0;
		padding: 50px 65px;
		font-size: 16px;
		line-height: 220%;
		text-align: left;
		background: #F9F3EA;
		border-radius: 8px;
		strong {
			display: block;
			margin: 25px 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: 100px auto 0;
		padding: 0;
		font-size: 16px;
		line-height: 180%;
		border-bottom: 1px solid #D1933D;
		display: flex;
		flex-wrap: wrap;
		dt, dd {
			margin: 0;
		}
		dt {
			width: 275px;
			padding: 5px 15px;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #D1933D;
			display: flex;
			align-items: center;
			&:first-of-type {
				border-top: none;
			}
			span {
				display: inline-block;
				margin: 0 0 0 10px;
				padding: 0.1em 5px;
				font-size: 15px;
				line-height: 160%;
				color: #fff;
				background: #D1933D;
			}
		}
		dd {
			width: calc(100% - 275px);
			padding: 10px 5px;
			text-align: left;
			border-top: 1px solid #D1933D;
			&:first-of-type {
				border-top: none;
			}
			input[type=text],
			input[type=tel],
			input[type=email],
			select {
				width: 100%;
				padding: 7px 10px;
				font-size: 16px;
				line-height: 170%;
				font-weight: var(--weight-noaml);
				font-family	: inherit;
				border: none;
				background: #F9F3EA;
			}
			textarea {
				width: 100%;
				height: 180px;
				padding: 7px 10px;
				font-size: 16px;
				line-height: 170%;
				font-weight: var(--weight-noaml);
				font-family	: inherit;
				border: none;
				background: #F9F3EA;
			}
			small {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 14px;
				line-height: 160%;
			}
			.privacy_box {
				width: 100%;
				height: 300px;
				margin: 0;
				padding: 25px;
				font-size: 15px;
				line-height: 200%;
				background: #F9F3EA;
				overflow-y: scroll;
				p {
					margin: 0;
					padding: 0;
				}
				strong {
					display: block;
					margin: 20px 0 0;
					padding: 0;
					font-size: 16px;
					line-height: 200%;
					font-weight: var(--weight-bold1);
				}
			}
			input[type=checkbox]
			,input[type=radio] {
				margin: 0 5px 0 0;
				width: 20px;
				height: 20px;
				vertical-align: -0.3em;
			}
			.privacy_link {
				margin: 10px 0 0;
				padding: 0;
			}
		}
	}
	#contact_btn {
		margin: 0;
		padding: 60px 0 0;
		text-align: center;
		div.form_btn1 {
			display: inline-block;
			width: 320px;
			margin: 0 5px;
			button {
				display: block;
				width: 320px;
				height: 70px;
				margin: 0 auto;
				padding: 0;
				font-size: 18px;
				line-height: 120%;
				font-family	: inherit;
				color: #fff;
				background: #D1933D;
				cursor: pointer;
				border: none;
				border-radius: 8px;
				transition: 0.2s linear;
				&:hover {
					background: #284B66;
				}
			}
		}
		div.form_btn2 {
			display: inline-block;
			width: 320px;
			margin: 0 5px;
			button {
				display: block;
				width: 320px;
				height: 70px;
				margin: 0 auto;
				padding: 0;
				font-size: 17px;
				line-height: 120%;
				font-family	: inherit;
				color: #333;
				background: #bbb;
				cursor: pointer;
				border: none;
				border-radius: 8px;
				transition: 0.2s linear;
				&:hover {
					color: #fff;
					background: #284B66;
				}
			}
		}
	}
	.btn {
		margin: 50px auto 0;
		padding: 0;
		a {
			display: inline-block;
			margin: 0;
			padding: 12px 40px;
			font-size: 19px;
			line-height: 140%;
			color: #fff;
			text-decoration: none;
			background: #D1933D;
			border-radius: 8px;
			&:hover {
				background: #284B66;
			}
		}
	}
}