@charset "UTF-8";

.pc {
	display: inline-block ;
}

.pc2 {
	display: block ;
}

.sp ,.sp2 {
	display: none;
}

#wrapper {
	width: 100%;
	margin: auto;
	padding: 0;
	position: relative;
}


/*====================================
ヘッダー
=====================================*/
header {
	position: fixed;
	width: 100%;
	height: 110px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #E5DBC8;
	top: 0;
	left: 0;
	z-index: 100;
}
	header #header_in {
		max-width: 1620px;
		min-width: 1220px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		header #header_in #head_logo {
			margin: 0;
			padding: 0 30px;
			display: flex;
			align-items: center;
		}
@media screen and (max-width:1320px) {
		header #header_in #head_logo {
			padding: 0 5px;
		}
}
			header #header_in #head_logo a {
				margin: 0;
				text-decoration: none;
				color: #333;
				transition: 0.2s linear;
			}
				header #header_in #head_logo a:hover {
					opacity: 0.8;
				}
			header #header_in #head_logo div {
				margin: 0 20px 0 0;
				padding: 0;
			}
			header #header_in #head_logo h1 {
				margin: 8px 0 0;
				padding: 0;
				font-size: 20px;
				line-height: 120%;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
			}
				header #header_in #head_logo h1 small {
					display: block;
					margin: 8px 0 0;
					padding: 0;
					font-size: 15px;
					line-height: 120%;
					font-weight: 500;
					white-space: nowrap;
					font-family: 'Kiwi Maru', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
				}
		header #header_in div.nav_area {
			height: 110px;
			margin: 0;
			padding: 8px 25px;
			display: flex;
			flex-direction: column;
		}
@media screen and (max-width:1320px) {
		header #header_in div.nav_area {
			padding: 8px 3px;
		}
}
			header #header_in div.nav_area div.upper_nav {
				margin: 0;
				padding: 0;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
				header #header_in div.nav_area div.upper_nav {
					margin: 0;
					padding: 0;
					display: flex;
					justify-content: flex-end;
					align-items: center;
				}
					header #header_in div.nav_area div.upper_nav .access {
						margin: 0 40px 0 0;
						padding: 0;
					}
						header #header_in div.nav_area div.upper_nav .access a {
							margin: 0;
							padding: 2px 0 2px 25px;
							font-size: 14px;
							line-height: 120%;
							color: #333;
							text-decoration: none;
							transition: 0.2s linear;
							position: relative;
						}
							header #header_in div.nav_area div.upper_nav .access a:before {
								position: absolute;
								content: '';
								display: block;
								width: 19px;
								height: 24px;
								margin: 0;
								background: url(../images/icon/head_pin_off.png) no-repeat ,url(../images/icon/head_pin_on.png) no-repeat;
								top: 0;
								left: 0;
								transition: 0.2s linear;
							}
							header #header_in div.nav_area div.upper_nav .access a:hover {
								color: #60AAB7;
							}
								header #header_in div.nav_area div.upper_nav .access a:hover:before {
									background: url(../images/icon/head_pin_on.png) no-repeat;
								}
					header #header_in div.nav_area div.upper_nav .contact {
						width: 150px;
						margin: 0 18px 0 0;
						padding: 0;
						position: relative;
					}
						header #header_in div.nav_area div.upper_nav .contact:after {
							position: absolute;
							content: '';
							display: block;
							width: 0;
							height: 0;
							border-top: 7px solid transparent;
							border-right: 11px solid transparent;
							border-bottom: 7px solid transparent;
							border-left: 11px solid #D3CEB8;
							top: 21px;
							right: -22px;
						}
						header #header_in div.nav_area div.upper_nav .contact strong {
							display: block;
							width: 100%;
							margin: 0;
							padding: 0;
							font-size: 13px;
							line-height: 21px;
							font-weight: 400;
							color: #fff;
							background: #777777;
						}
						header #header_in div.nav_area div.upper_nav .contact em {
							display: block;
							width: 100%;
							margin: 0;
							padding: 0;
							font-size: 13px;
							line-height: 27px;
							font-weight: 400;
							color: #333;
							background: #D3CEB8;
						}
					header #header_in div.nav_area div.upper_nav .tel {
						margin: 0 30px 0 0;
						padding: 0;
						font-size: 30px;
						line-height: 120%;
						font-weight: 500;
						font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					}
						header #header_in div.nav_area div.upper_nav .tel span {
							display: block;
							margin: 0;
							padding: 0 0 0 28px;
							position: relative;
						}
							header #header_in div.nav_area div.upper_nav .tel span:before {
								position: absolute;
								content: '';
								display: block;
								width: 24px;
								height: 24px;
								margin: 0;
								background: url(../images/icon/tel_ico.png) no-repeat;
								top: 8px;
								left: 0;
							}
					header #header_in div.nav_area div.upper_nav .reserve {
						margin: 0;
					}
						header #header_in div.nav_area div.upper_nav .reserve a {
							transition: 0.2s linear;
						}
							header #header_in div.nav_area div.upper_nav .reserve a:hover {
								opacity: 0.8;
							}

			header #header_in div.nav_area nav {
				margin: 10px 0 0;
				padding: 0;
			}
				header #header_in div.nav_area nav ul {
					margin: 0;
					padding: 0;
					list-style: none;
					display: flex;
					justify-content: flex-end;
					align-items: center;
				}
					header #header_in div.nav_area nav ul li {
						margin: 0 15px;
						padding: 0;
						position: relative;
					}
						header #header_in div.nav_area nav ul li:last-of-type {
							margin-right: 0;
						}
						header #header_in nav ul li a,
						header #header_in nav ul li span {
							display: inline-block;
							margin: 0;
							padding: 10px 1px 12px;
							font-size: 15px;
							line-height: 120%;
							color: #333333;
							font-weight: 500;
							text-decoration: none;
							font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
							white-space: nowrap;
							transition: 0.2s linear;
						}
							header #header_in nav ul li:hover a {
								color: #9B8759;
							}
					/* ドロップダウンメニュー */
					header #header_in nav ul li > div.dropdwn_menu {
						position: absolute;
						display: none;
						margin: 0;
						padding: 8px 0 !important;
						background: rgba(69,155,170,0.9);
						top: 40px;
						left: -100px;
						z-index: 10;
					}
						header #header_in nav ul li > div.dropdwn_menu ul.dropdwn {
							width: 400px;
							margin: 0;
							padding: 0;
							text-align: left;
							list-style: none;
							display: flex;
							flex-wrap: wrap;
						}
							header #header_in nav ul li > div.dropdwn_menu ul.dropdwn li {
								display: block;
								width: 50%;
								margin: 0;
								padding: 0 !important;
								text-align: left;
								border: none;
							}
								header #header_in nav ul li > div.dropdwn_menu ul.dropdwn li a {
									display: block;
									margin: 0;
									padding: 8px 10px !important;
									color: #fff !important;
									text-decoration: none;
								}
									header #header_in nav ul li > div.dropdwn_menu ul.dropdwn li a:hover {
										color: #333 !important;
									}


#sp_menu ,#accordion ,.menu_cont ,#sp_top {
	display: none;
}


/*====================================
共通
=====================================*/
main {
	margin: 110px auto 0;
	padding: 0;
}

/* 余白 */
.mt_0 {margin:0}
.mt_80 {margin:80px 0 0}
.mt0 {margin:0 auto}
.mt20 {margin:20px auto 0}
.mt30 {margin:30px auto 0}
.mt40 {margin:40px auto 0}
.mt50 {margin:50px auto 0}
.mt60 {margin:60px auto 0}
.mt70 {margin:70px auto 0}
.mt80 {margin:80px auto 0}
.mt90 {margin:90px auto 0}
.mt100 {margin:100px auto 0}
.mt110 {margin:110px auto 0}
.mt120 {margin:120px auto 0}
.mt130 {margin:130px auto 0}
.mt140 {margin:140px auto 0}
.mt150 {margin:150px auto 0}

/* コンテンツ */
div.contents_in {
	width: 1220px;
	margin: 0 auto;
}

h3.cont_ttl {
	margin: 0 auto;
	padding: 0;
}
	h3.cont_ttl span {
		display: inline-block;
		margin: 0 auto;
		padding: 0 0 5px;
		font-size: 40px;
		line-height: 180%;
		font-weight: 500;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		position: relative;
	}
		h3.cont_ttl span:after {
			position: absolute;
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background: #333333;
			bottom: 0;
			left: 0;
		}
	h3.cont_ttl small {
		display: block;
		margin: 10px auto 0;
		padding: 0;
		font-size: 15px;
		line-height: 120%;
		font-weight: 500;
		color: #60AAB7;
		font-family: 'Kiwi Maru', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}

div.open_days {
	margin: 0;
	padding: 0;
}
	div.open_days table.time_table {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-left: 1px solid #D3CEB8;
		border-top: 1px solid #D3CEB8;
	}
		div.open_days table.time_table th,
		div.open_days table.time_table td {
			margin: 0;
			padding: 5px;
			font-size: 14px;
			line-height: 160%;
			border-right: 1px solid #D3CEB8;
			border-bottom: 1px solid #D3CEB8;
			text-align: center;
		}
		div.open_days table.time_table th {
			background: #D3CEB8;
			font-weight: 400;
			color: #9B8759;
		}
		div.open_days table.time_table td {
			color: #9A8659;
		}
	div.open_days p {
		margin: 0;
		padding: 0;
		font-size: 13px;
		line-height: 180%;
		color: #9A8659;
		text-align: right;
	}

/* クリニック情報 */
div.clinic_mid_info {
	min-width: 1220px;
	margin: 0 auto;
	padding: 55px 10px 55px;
	color: #fff;
	background: linear-gradient(to top, #9A835A 0px, #9A835A 50px, #AE9C79 100%);
	border-left: 30px solid #6B5B3F;
	border-right: 30px solid #6B5B3F;
	display: flex;
	justify-content: center;
}
	div.clinic_mid_info h3 {
		margin: 0;
		font-size: 24px;
		line-height: 160%;
		font-weight: 500;
		text-align: left;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}
	div.clinic_mid_info div.tel {
		width: 300px;
		margin: 0 60px 0 50px;
		padding: 0;
		display: flex;
		flex-direction: column;
	}
		div.clinic_mid_info div.tel .tel_ttl {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 30px;
			font-weight: 500;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
			color: #fff;
			border: 1px solid #D3CEB8;
		}
		div.clinic_mid_info div.tel .tel_ttl br{
			display: none;
		}
		div.clinic_mid_info div.tel a {
			width: 100%;
			margin: 2px 0 0;
			padding: 0;
			font-size: 40px;
			line-height: 120%;
			font-weight: 500;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
			text-decoration: none;
			color: #fff;
			display: flex;
			justify-content: center;
			pointer-events: none;
		}
			div.clinic_mid_info div.tel a strong {
				display: none;
			}
			div.clinic_mid_info div.tel a span {
				display: block;
				margin: 0;
				padding: 0 0 0 30px;
				position: relative;
			}
				div.clinic_mid_info div.tel a span:before {
					position: absolute;
					content: '';
					display: block;
					width: 24px;
					height: 24px;
					margin: 0;
					background: url(../images/icon/tel_ico2.png) no-repeat;
					top: 15px;
					left: 0;
				}
	div.clinic_mid_info dl {
		width: 305px;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
		div.clinic_mid_info dl dt {
			width: 90px;
			margin: 0;
			padding: 0;
			font-size: 14px;
			line-height: 20px;
			font-weight: 500;
			background: #D3CEB8;
			color: #333;
		}
		div.clinic_mid_info dl dd {
			width: 215px;
			margin: 0;
			padding: 0 0 0 10px;
			font-size: 14px;
			line-height: 180%;
			color: #fff;
			text-align: left;
		}


/*====================================
フッター
=====================================*/
footer {
	min-width: 1220px;
	margin: 0 auto;
	padding: 80px 0 30px;
	background: #F2F1E8;
}
	footer #footer_in {
		max-width: 1560px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		footer #footer_in div.foot_logo {
			width: 495px;
			margin: 0;
			padding: 0;
			text-align: left;
			display: flex;
			align-items: flex-start;
		}
			footer #footer_in div.foot_logo a {
				margin: 0;
				text-decoration: none;
				color: #333;
				transition: 0.2s linear;
			}
				footer #footer_in div.foot_logo a:hover {
					opacity: 0.8;
				}
			footer #footer_in div.foot_logo div.logo {
				width: 120px;
				margin: 0 20px 0 0;
				padding: 0;
			}
			footer #footer_in div.foot_logo div.txt {
				margin: 5px 0 0;
			}
				footer #footer_in div.foot_logo div.txt h6 {
					margin: 0;
					padding: 0;
					font-size: 20px;
					line-height: 120%;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
				}
					footer #footer_in div.foot_logo div.txt h6 small {
						display: block;
						margin: 8px 0 0;
						padding: 0;
						font-size: 15px;
						line-height: 120%;
						font-weight: 500;
						white-space: nowrap;
						font-family: 'Kiwi Maru', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					}
				footer #footer_in div.foot_logo div.txt .address {
					margin: 15px 0 0;
					padding: 0;
					font-size: 14px;
					line-height: 180%;
					white-space: nowrap;
				}
		footer #footer_in div.open_days {
			width: 670px;
		}
@media screen and (max-width:1410px) {
		footer #footer_in div.open_days {
			width: 520px;
		}
}
			footer #footer_in div.open_days table.time_table {
				border: none;
			}
				footer #footer_in div.open_days table.time_table th,
				footer #footer_in div.open_days table.time_table td {
					padding: 10px 3px;
					border-right: 1px solid #F2F1E8;
					border-bottom: none;
				}
				footer #footer_in div.open_days table.time_table th {
					background: #D3CEB8;
					font-weight: 400;
					color: #9B8759;
				}
				footer #footer_in div.open_days table.time_table td {
					background: #fff;
					border-bottom: 1px solid #F2F1E8;
				}
				footer #footer_in div.open_days table.time_table th:first-of-type {
					width: 228px;
				}
				footer #footer_in div.open_days table.time_table th:nth-of-type(n+2) {
					width: calc((100% - 228px) / 7);
				}
@media screen and (max-width:1410px) {
				footer #footer_in div.open_days table.time_table th:first-of-type {
					width: 180px;
				}
				footer #footer_in div.open_days table.time_table th:nth-of-type(n+2) {
					width: calc((100% - 180px) / 7);
				}
}

			footer #footer_in div.open_days p {
				margin-top: 5px;
			}
		footer #footer_in .reserve {
			margin: 0;
		}
			footer #footer_in .reserve a {
				transition: 0.2s linear;
			}
				footer #footer_in .reserve a:hover {
					opacity: 0.8;
				}
#footer_nav {
	min-width: 1220px;
	margin: 0 auto;
	padding: 40px 0 60px;
	background: #ECEADF;
}
	#footer_nav div.footer_nav_in {
		width: 1220px;
		margin: 0 auto;
		text-align: left;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
		#footer_nav div.footer_nav_in div.nav_box {
			display: inline-block;
			margin: 0;
			position: relative;
		}
			#footer_nav div.footer_nav_in div.nav_box:nth-of-type(1) {
				padding-right: 65px;
			}
			#footer_nav div.footer_nav_in div.nav_box:nth-of-type(2) {
				padding-left: 65px;
				padding-right: 70px;
			}
			#footer_nav div.footer_nav_in div.nav_box:nth-of-type(3) {
				padding-left: 65px;
			}
			#footer_nav div.footer_nav_in div.nav_box:after {
				position: absolute;
				content: '';
				display: block;
				width: 1px;
				height: 135px;
				margin: 0;
				padding: 0;
				background: #D3CEB8;
				top: 0;
				right: 0;
			}
			#footer_nav div.footer_nav_in div.nav_box:last-of-type:after {
				display: none;
			}
			#footer_nav div.footer_nav_in div.nav_box a {
				display: inline-block;
				margin: 0;
				padding: 0;
				text-decoration: none;
				color: #333;
				transition: 0.2s linear;
			}
			#footer_nav div.footer_nav_in div.nav_box span {
				display: inline-block;
				margin: 0;
				padding: 0;
			}
				#footer_nav div.footer_nav_in div.nav_box a:hover {
					color: #9B8759;
				}
			#footer_nav div.footer_nav_in div.nav_box h6,
			#footer_nav div.footer_nav_in div.nav_box p {
				margin: 0;
				padding: 0;
			}
				#footer_nav div.footer_nav_in div.nav_box h6:nth-of-type(n+2),
				#footer_nav div.footer_nav_in div.nav_box p:nth-of-type(n+2) {
					margin-top: 5px;
				}
				#footer_nav div.footer_nav_in div.nav_box h6 a,
				#footer_nav div.footer_nav_in div.nav_box h6 span,
				#footer_nav div.footer_nav_in div.nav_box p a {
					padding-left: 20px;
					font-size: 16px;
					line-height: 180%;
					font-weight: 400;
					font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					position: relative;
				}
					#footer_nav div.footer_nav_in div.nav_box h6 a:after,
					#footer_nav div.footer_nav_in div.nav_box h6 span:after,
					#footer_nav div.footer_nav_in div.nav_box p a:after {
						position: absolute;
						display: block;
						content: '';
						width: 10px;
						height: 10px;
						margin: 0;
						padding: 0;
						border-top: 2px solid #9B8759;
						border-right: 2px solid #9B8759;
						transform: rotate(45deg);
						transition: 0.2s linear;
						top: 38%;
						left: 0;
					}

			#footer_nav div.footer_nav_in div.nav_box div{
				margin-top: 10px;
				line-height: 145%;
		}
				#footer_nav div.footer_nav_in div.nav_box div p{
				}
					#footer_nav div.footer_nav_in div.nav_box p a{
						color: #555;
						font-size:14px;
						line-height: 145%;
				}

					#footer_nav div.footer_nav_in div.nav_box p a:after {
						width: 9px;
						height: 9px;
						top: 30%;
						border-top: 2px solid #BDB093;
						border-right: 2px solid #BDB093;
}

			#footer_nav div.footer_nav_in div.nav_box ul {
				width: 370px;
				margin: 3px 0 0;
				padding: 0 0 0 20px;
				font-size: 14px;
				line-height: 120%;
				list-style: none;
				display: flex;
				flex-wrap: wrap;
			}
				#footer_nav div.footer_nav_in div.nav_box ul li {
					margin: 6px 0 0;
				}
				#footer_nav div.footer_nav_in div.nav_box ul li:nth-of-type(odd) {
					width: 195px;
				}
				#footer_nav div.footer_nav_in div.nav_box ul li:nth-of-type(even) {
					width: calc(100% - 195px);
				}
#group_clinic {
	width: 1220px;
	margin: 0 auto;
	padding: 66px 0 55px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
	#group_clinic h6 {
		display: inline-block;
		margin: 0 20px 0 0;
		padding: 0;
		font-size: 16px;
		line-height: 110%;
		font-weight: 500;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		white-space: nowrap;
	}
	#group_clinic ul {
		width: 995px;
		margin: 0;
		padding: 0 0 0 30px;
		border-left: 1px solid #DDDDDD;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
		#group_clinic ul li {
			width: 300px;
			margin: 0 0 0 20px;
			padding: 0;
			border: 1px solid #DDDDDD;
		}
			#group_clinic ul li:nth-of-type(n+4) {
				margin-top: 20px;
			}
			#group_clinic ul li a {
				width: 300px;
				height: 80px;
				margin: 0;
				padding: 0;
				text-align: left;
				text-decoration: none;
				color: #333;
				border: 1px solid #DDDDDD;
				transition: 0.2s linear;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
			}
				#group_clinic ul li a:hover {
					border: 1px solid #60AAB7;
				}
				#group_clinic ul li a p {
					margin: 0 0 0 20px;
					padding: 0;
					font-size: 17px;
					line-height: 140%;
					font-weight: 400;
					font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
				}

#footer_copy {
	width: 1220px;
	margin: 0 auto;
	padding: 0 0 10px;
	font-size: 13px;
	line-height: 180%;
	font-weight: 400;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	position: relative;
}

#footer_copy a{	color: #333;display:inline-block;margin-left: .5em;}

#page_top {
	position: fixed;
	display: none;
    bottom: 15px;
    right: 20px;
	z-index: 100;
}
	#page_top img {
		transition: 0.2s linear;
	}
	#page_top img:hover {
		opacity: 0.8;
	}
