@charset "UTF-8";

body {
	font-size	: 3.6vw;
	line-height	: 180%;
	font-weight	: 400;
	-webkit-text-size-adjust: 100%; /* for iOS */
	background: #fff;
}
.pc ,.pc2 {
	display: none;
}

.sp {
	display: inline-block ;
}

.sp2 {
	display: block ;
}


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

/*====================================
ヘッダー
=====================================*/
header {
	position: fixed;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #E5DBC8;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 100;
}
	header #header_in {
		height: 3.8em;
		margin: 0 auto;
		padding: 0;
		display: flex;
		align-items: center;
	}
		header #header_in #head_logo {
			margin: 0;
			padding: 1% 2%;
			display: flex;
			align-items: center;
		}
			header #header_in #head_logo a {
				margin: 0;
				text-decoration: none;
				color: #333;
			}
			header #header_in #head_logo div {
				width: 22%;
				margin: 0 4% 0 0;
				padding: 0;
			}
				header #header_in #head_logo div img {
					width: 100%;
					height: auto;
				}
			header #header_in #head_logo h1 {
				margin: 0;
				padding: 0;
				font-size: 4.4vw;
				line-height: 120%;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
			}
				header #header_in #head_logo h1 small {
					display: block;
					margin: 0.2em 0 0;
					padding: 0;
					font-size: 3.0vw;
					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 {
			display: none;
		}

#sp_menu {
	position: fixed;
	width: 10%;
	margin: 0;
	padding: 0;
	top: 0.4em;
	right: 2%;
	z-index: 101;
}
#sp_menu span.btn {
	display: block;
	width: 100%;
	height: 3.2em;
	margin: auto;
	position: relative;
	cursor: pointer;
}

	#sp_menu span.btn:before,
	#sp_menu span.btn:after,
	#sp_menu span.btn span {
		display: block;
		width: 65%;
		height: 1px;
		background-color: #333;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#sp_menu span.btn span {
		top: calc(50% - 0.5px);
	}

	#sp_menu span.btn:before {
		content: "";
		top: calc(30% - 0.5px);
	}
	#sp_menu span.btn:after {
		content: "";
		bottom: calc(30% - 0.5px);
	}
	#sp_menu span.btn.on span {
		width: 0;
	}

	#sp_menu span.btn.on:before {
		top: calc(50% - 0.5px);
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#sp_menu span.btn.on:after {
		bottom: calc(50% - 0.5px);
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
#accordion {
	display: none;
	position: fixed;
	width: 100%;
	margin: auto;
	padding: 0;
	top: 3.8em;
	left: 0;
	background: #fff;
	border-top: 1px solid #9B8759;
	border-bottom: 2px solid #9B8759;
	z-index: 1100;
}
	#accordion ul {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
		#accordion ul:nth-of-type(2) {
			border-top: 1px solid #9B8759;
		}
		#accordion ul li {
			display: block;
			width: 50%;
			margin: 0;
			padding: 0;
		}
			#accordion ul li a {
				display: block;
				width: 100%;
				margin: 0 auto;
				padding: 6% 2%;
				font-size: 3.2vw;
				line-height: 140%;
				color: #333;
				text-decoration: none;
				font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
				border-bottom: 1px solid #9B8759;
				border-right: 1px dotted #9B8759;
			}
			#accordion ul li a {
				background: #F2F1E8;
			}
			#accordion ul li:nth-of-type(even) a {
				border-right: none;
			}
	#accordion ol {
		width: 100%;
		margin: 0 auto;
		padding: 0 4% 2% 4%;
		background: #ECEADF;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
		#accordion ol p {
			width: 100%;
			margin: 0 auto;
			padding: 1% 0 0;
			font-size: 3.4vw;
			line-height: 200%;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		}
		#accordion ol li {
			width: 50%;
			margin: 0;
			padding: 0;
			text-align: left;
		}
			#accordion ol li a {
				display: block;
				width: 100%;
				margin: 0 auto;
				padding: 2% 2%;
				font-size: 3.2vw;
				line-height: 200%;
				color: #333;
				text-decoration: none;
				font-family: 'Noto Sans JP' ,'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
			}
div.sp_tel_reserve {
	width: 100%;
	margin: 0 auto;
	padding: 2% 4%;
	background: #D3CEB8;
	display: flex;
	justify-content: space-between;
}
		div.sp_tel_reserve dl.tel {
			width: 55%;
			margin: 0;
			padding: 0;
			display: flex;
		}
			div.sp_tel_reserve dl.tel dt {
				width: 26.3%;
				margin: 0;
				padding: 2%;
				font-size: 2.6vw;
				line-height: 140%;
				font-weight: 500;
				color: #fff;
				background: #777777;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			div.sp_tel_reserve dl.tel dd {
				width: 73.7%;
				margin: 0;
				padding: 0;
				font-size: 2.6vw;
				line-height: 140%;
				font-weight: 500;
				background: #fff;
			}
			div.sp_tel_reserve dl.tel dd a {
				margin: 0;
				padding: 2%;
				text-decoration: none;
				color: #333;
				font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
			}
				div.sp_tel_reserve dl.tel dd a storng {
					display: block;
					margin: 0;
					padding: 0;
					font-size: 3.2vw;
					line-height: 120%;
					font-weight: 500;
				}
				div.sp_tel_reserve dl.tel dd a span {
					display: block;
					margin: 0;
					padding: 0 0 0 1.0em;
					font-size: 4.2vw;
					line-height: 120%;
					font-weight: 500;
					position: relative;
				}
					div.sp_tel_reserve dl.tel dd a span:before {
						position: absolute;
						content: '';
						display: block;
						width: 0.8em;
						height: 0.8em;
						margin: 0;
						background: url(../images/icon/tel_ico.png) center / contain no-repeat;
						top: 0.2em;
						left: 0;
					}
	div.sp_tel_reserve .reserve {
		width: 42%;
		margin: 0;
		padding: 0;
	}
		div.sp_tel_reserve .reserve img {
			width: 100%;
			height: auto;
		}


/*====================================
共通
=====================================*/
main {
	margin: 3.8em auto 0;
}

#sp_top {
	margin: 0 auto;
	padding: 0;
}

/* 余白 */
.mt_0 {margin:0}
.mt_80 {margin:15% 0 0}
.mt0 {margin:0 auto}
.mt20 {margin:3% auto 0}
.mt30 {margin:5% auto 0}
.mt40 {margin:10% auto 0}
.mt50 {margin:10% auto 0}
.mt60 {margin:12% auto 0}
.mt70 {margin:15% auto 0}
.mt80 {margin:15% auto 0}
.mt90 {margin:15% auto 0}
.mt100 {margin:15% auto 0}
.mt110 {margin:20% auto 0}
.mt120 {margin:20% auto 0}
.mt130 {margin:20% auto 0}
.mt140 {margin:20% auto 0}
.mt150 {margin:20% auto 0}

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

h3.cont_ttl {
	margin: 0 auto;
	padding: 0;
}
	h3.cont_ttl span {
		display: inline-block;
		margin: 0 auto;
		padding: 0 0 3px;
		font-size: 6.2vw;
		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: 1.5% auto 0;
		padding: 0;
		font-size: 3.4vw;
		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: 1%;
			font-size: 2.9vw;
			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: 2.9vw;
		line-height: 180%;
		color: #9A8659;
		text-align: right;
	}

/* クリニック情報 */
div.clinic_mid_info {
	width: 100%;
	margin: 0 auto;
	padding: 5% 6%;
	color: #fff;
	background: linear-gradient(to top, #9A835A 0px, #9A835A 50px, #AE9C79 100%);
	border-left: 1em solid #6B5B3F;
	border-right: 1em solid #6B5B3F;
}
	div.clinic_mid_info h3 {
		margin: 0;
		font-size: 4.8vw;
		line-height: 160%;
		font-weight: 500;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}
	div.clinic_mid_info div.tel {
		width: 100%;
		margin: 5% auto 0;
		padding: 0;
		border: 1px solid #fff;
		display: flex;
	}
		div.clinic_mid_info div.tel .tel_ttl {
			width: 31.8%;
			margin: 0;
			padding: 0;
			font-size: 3.2vw;
			line-height: 140%;
			font-weight: 500;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
			color: #9B8759;
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		div.clinic_mid_info div.tel a {
			width: 68.2%;
			margin: 0;
			padding: 2% 0;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
			text-decoration: none;
			color: #fff;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
			div.clinic_mid_info div.tel a strong {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 3.2vw;
				line-height: 120%;
				font-weight: 500;
			}
			div.clinic_mid_info div.tel a span {
				display: block;
				margin: 1% 0 0;
				padding: 0 0 0 0.9em;
				font-size: 5.6vw;
				line-height: 120%;
				font-weight: 500;
				position: relative;
			}
				div.clinic_mid_info div.tel a span:before {
					position: absolute;
					content: '';
					display: block;
					width: 0.7em;
					height: 0.7em;
					margin: 0;
					background: url(../images/icon/tel_ico2.png) center / contain no-repeat;
					top: 0.3em;
					left: 0;
				}
	div.clinic_mid_info dl {
		width: 88%;
		margin: 5% auto 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
		div.clinic_mid_info dl dt {
			width: 7em;
			margin: 2% 0 0;
			padding: 0;
			font-size: 3.0vw;
			line-height: 1.8em;
			font-weight: 500;
			background: #D3CEB8;
			color: #333;
		}
		div.clinic_mid_info dl dd {
			width: calc(100% - 7em);
			margin: 2% 0 0;
			padding: 0 0 0 3%;
			font-size: 3.0vw;
			line-height: 180%;
			color: #fff;
			text-align: left;
		}
		div.clinic_mid_info dl dt:first-of-type,
		div.clinic_mid_info dl dd:first-of-type {
			margin: 0;
		}


/*====================================
フッター
=====================================*/
footer {
	width: 100%;
	margin: 0 auto;
	padding: 10% 4%;
	background: #F2F1E8;
}
	footer #footer_in {
		margin: 0 auto;
		padding: 0;
	}
		footer #footer_in div.foot_logo {
			margin: 0;
			padding: 0;
		}
			footer #footer_in div.foot_logo a {
				margin: 0;
				text-decoration: none;
				color: #333;
			}
			footer #footer_in div.foot_logo div.logo {
				width: 30%;
				margin: 0 auto;
				padding: 0;
			}
				footer #footer_in div.foot_logo div.logo img {
					width: 100%;
					height: auto;
				}
			footer #footer_in div.foot_logo div.txt {
				margin: 2% auto 0;
			}
				footer #footer_in div.foot_logo div.txt h6 {
					margin: 0;
					padding: 0;
					font-size: 4.6vw;
					line-height: 120%;
					font-weight: 500;
					white-space: nowrap;
				}
					footer #footer_in div.foot_logo div.txt h6 small {
						display: block;
						margin: 2% 0 0;
						padding: 0;
						font-size: 2.8vw;
						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: 5% auto 0;
					padding: 0;
					font-size: 3.2vw;
					line-height: 180%;
					white-space: nowrap;
				}
		footer #footer_in div.open_days {
			width: 100%;
			margin-top: 5%;
		}
			footer #footer_in div.open_days table.time_table th,
			footer #footer_in div.open_days table.time_table td {
				font-size: 2.5vw;
			}
				footer #footer_in div.open_days table.time_table td {
					background: #fff;
				}
				footer #footer_in div.open_days table.time_table th:first-of-type {
					width: 40%;
				}
				footer #footer_in div.open_days table.time_table th:nth-of-type(n+2) {
					width: calc((100% - 40%) / 7);
				}

			footer #footer_in div.open_days p {
				margin-top: 1%;
				font-size: 2.5vw;
			}
		footer #footer_in .reserve {
			margin: 5% auto 0;
		}
			footer #footer_in .reserve img {
				width: 100%;
				height: auto;
			}

#footer_nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ECEADF;
}
	#footer_nav div.footer_nav_in {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		border-top: 1px solid #D3CEB8;
	}
		#footer_nav div.footer_nav_in div.nav_box {
			margin: 0;
			display: flex;
			flex-wrap: wrap;
		}
			#footer_nav div.footer_nav_in div.nav_box a {
				display: block;
				margin: 0;
				text-decoration: none;
				color: #333;
			}
			#footer_nav div.footer_nav_in div.nav_box span {
				display: block;
				margin: 0;
			}
			#footer_nav div.footer_nav_in div.nav_box h6 {
				width: 50%;
				margin: 0;
				padding: 0;
			}

				#footer_nav div.footer_nav_in div.nav_box h6 a,
				#footer_nav div.footer_nav_in div.nav_box div p a {
					padding: 5% 2% 5% 2em;
					font-size: 2.8vw;
					line-height: 180%;
					font-weight: 400;
					font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					border-bottom: 1px solid #D3CEB8;
					border-right: 1px solid #D3CEB8;
					position: relative;
				}
					#footer_nav div.footer_nav_in div.nav_box h6:nth-of-type(even) a,
					#footer_nav div.footer_nav_in div.nav_box div p:nth-of-type(even) a {
						border-right: none;
					}

					#footer_nav div.footer_nav_in div.nav_box h6 span {
					padding: 5% 2% 2% 2em;
					font-size: 2.8vw;
					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 div p a:after {
						position: absolute;
						display: block;
						content: '';
						width: 0.6em;
						height: 0.6em;
						margin: 0;
						padding: 0;
						border-top: 2px solid #9B8759;
						border-right: 2px solid #9B8759;
						transform: rotate(45deg);
						transition: 0.2s linear;
						top: 1.4em;
						left: 4%;
					}

			#footer_nav div.footer_nav_in div.nav_box div {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
			}

				#footer_nav div.footer_nav_in div.nav_box div p{
					width: 50%;
					margin: 0;
					padding: 0;
			}


						#footer_nav div.footer_nav_in div.nav_box div p a {
							padding: 4% 2% 4% 2.5em;
							font-size: 2.4vw;
							border: none;
						}


						#footer_nav div.footer_nav_in div.nav_box div p a:after {
							position: absolute;
						display: block;
						content: '';
						width: 0.5em;
						height: 0.5em;
						top: 1.6em;
						left: 5%;
					}


			#footer_nav div.footer_nav_in div.nav_box ul {
				width: 100%;
				margin: 0;
				padding: 0 0 3% 2em;
				font-size: 2.8vw;
				line-height: 220%;
				border-bottom: 1px solid #D3CEB8;
				list-style: none;
				display: flex;
				flex-wrap: wrap;
			}
				#footer_nav div.footer_nav_in div.nav_box ul li {
					width: 50%;
					margin: 1% 0 0;
				}

					#footer_nav div.footer_nav_in div.nav_box ul li a {
						padding: .2em;
			}

#group_clinic {
	width: 100%;
	margin: 0 auto;
	padding: 8% 4% 10%;
}
	#group_clinic h6 {
		display: block;
		margin: 0;
		padding: 0 0 5%;
		font-size: 3.8vw;
		line-height: 110%;
		font-weight: 500;
		text-align: left;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		white-space: nowrap;
	}
	#group_clinic ul {
		width: 100%;
		margin: 0;
		padding: 2% 0 0;
		border-top: 1px solid #DDDDDD;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		#group_clinic ul li {
			width: 48%;
			margin: 3% 0 0;
			padding: 0;
			border: 1px solid #DDDDDD;
		}
			#group_clinic ul li a {
				width: 100%;
				height: 3.8em;
				margin: 0;
				padding: 0;
				text-align: left;
				text-decoration: none;
				color: #333;
				border: 1px solid #DDDDDD;
				display: flex;
				justify-content: center;
				align-items: center;
			}
				#group_clinic ul li a img {
					width: 35%;
					height: auto;
				}
				#group_clinic ul li a p {
					margin: 0 0 0 10%;
					padding: 0;
					font-size: 2.5vw;
					line-height: 140%;
					font-weight: 400;
					font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
				}

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

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

#page_top {
    position: fixed;
	display: none;
    bottom: 5px;
    right: 1%;
	z-index: 30;
}
	#page_top a {
		display: inline-block;
		width: 90%;
		margin: 0;
		padding: 0;
	}
		#page_top a img {
			width: 100%;
			height: auto;
		}