@charset "utf-8";






/*================================
　ここから全サイズ適用
================================*/
html {
	overflow-y: scroll;
	font-size: 10px;
	font-size: 62.5%;
}
body {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-size: 16px;
	font-size: 1.6em;
	text-align: justify;
	line-height: 1.6;
	color: #351604;
	overflow: hidden;
	font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight: 500;
}
img {
	max-width: 100%;
	height: auto;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
a {
	color: #000;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #999;
}
a:hover {
    opacity: 0.6;
}
a:active {
	color: #999;
	text-decoration: none;
}
.txt01 {
	font-size: 30px;
	color: #351604;
	line-height: 35px;
}
.txt02 {
	font-size: 18px;
	margin-top: 20px;
	line-height: 1.7em;
}
.txt02 .strong {
	font-size: 30px;
	color: #84b128;
	font-weight: 500;
}
.txt03 {
	font-size: 24px;
	color: #345e4c;
	text-align: center;
	line-height: 1.2em;
}
.txt04 {
	color: #d50000;
}
.txt05 {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #ffee5894), color-stop(11%, #fff));
	background: linear-gradient(0deg, #ffee5894 35%, #fff 11%);
}
.ttl01 {
	text-align: left;
	padding-left: 20px;
	border-left: solid 6px #351604;
	padding-left: 20px;
	margin-bottom: 20px;
	color: #345e4c;
	font-size: 30px;
	line-height: 1.2em;
	margin-top: 70px;
}
.ttl_02 {
	margin-top: 70px;
	line-height: 50px;
	color: #345e4c;
	font-size: 30px;
	border-bottom: dotted 1px #351604;
	position: relative;
	padding-left: 20px;
}
.ttl_02::before {
	position: absolute;
	display: block;
	content: "";
	width: 6px;
	height: 90%;
	background: #351604;
	top: 0;
	left: 0;
}
.ttl_en_txt {
	display: block;
	font-size: 8vw;
	font-family: 'Cormorant Garamond', serif;
}
.wood_bg {
	background: url(../img/wood_bg.webp);
}
.inner {
	padding: 0 7%;
}
.width01 {
	width: 50%;
}
.h1_wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	color: white;
}
.logo_wrap {
	position: absolute;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
	height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.logo {
	padding: 33px 3% 32px 3%;
	width: 30%;
}
.globalnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 120px;
	background: rgba(53, 22, 4, 0.65);
	padding: 40px 0px 30px;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.globalnav.shrink {
	position: fixed;
	top: 0;
	right: 0;
	width: 61.7%;
	height: 80px;
	background: rgba(53, 22, 4, 0.65);
	padding: 15px 0px 15px;
	z-index: 2;
	max-width: 600px;
}
.globalnav2.shrink {
	position: absolute;
	top: 100px;
	right: 0;
	width: 70%;
	height: 120px;
	background: rgba(53, 22, 4, 0.65);
	padding: 40px 0px 30px;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
}
.globalnav2.visible.shrink {
	opacity: 1;
	position: fixed;
	top: 0;
}
.globalnav_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.globalnav_list a:link {
	color: #fff;
	display: block;
	width: 100%;
}
.globalnav_list a:visited {
	color: #fff;
}
.globalnav_list .services-btn p {
	color: #fff;
}
.globalnav_list_child {
	text-align: center;
}
.globalnav_list_en {
	font-size: 18px;
	font-family: 'Allura', cursive;
}
.globalnav_pull {
	width: 200px;
	position: absolute;
	top: 50px;
	left: 50%;
	-webkit-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
	text-align: center;
	display: none;
	padding-top: 30px;
}
.pull_chlild {
	padding: 10px 0px;
	border-top: dotted 1px #fff;
	background: rgba(53, 22, 4, 0.65);
}
.pull_chlild:first-of-type {
	border-top: none;
}
.pull_relative {
	position: relative;
}
.pull_relative:hover .globalnav_pull {
	display: block;
}
.header_phone {
	position: absolute;
	top: 142px;
	right: 0px;
	z-index: 2;
	width: 28%;
	max-width: 343px;
}
.instagram_folow {
	position: fixed;
	top: 400px;
	left: 0;
	z-index: 4;
}
.blog_folow {
	position: fixed;
	top: 630px;
	left: 0;
	z-index: 4;
}
.scroll_folow {
	position: fixed;
	left: 0;
	top: 85vh;
	z-index: 4;
	display: block;
}
.scroll_folow.vanish {
	display: none;
}
.reservation_bnr {
	position: absolute;
	right: 0;
	top: 27vh;
	z-index: 12;
	display: block;
}
.haisha-yoyaku {
	position: fixed;
	top: 0;
	right: 0;
	height: 264px;
	width: 64px;
	z-index: 1;
}
.clinic_infomation {
	position: relative;
}
.tokyo-doctors{
	display: block;
	width: 100%;
	max-width: 434px;
	margin-top: 23px;
}
.clinic_infomation .width01 {
	padding: 0 1%;
}
.clinic_infomation_note {
	z-index: 3;
	position: absolute;
	top: 453px;
	left: 50%;
	-webkit-transform: translate(-235%, 0px);
	transform: translate(-235%, 0px);
}
.clinic_infomation_inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	width: 86%;
}
.clinic_infomation_ttl {
	position: absolute;
	top: 50px;
	right: 0%;
	-webkit-transform: translate(170%, 0px);
	transform: translate(170%, 0px);
}
.clinic_infomation_ttl .leaf04 {
	position: absolute;
}
.clinic_infomation_flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 125px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
footer .openinghours.width01 {
    align-self: flex-end;
}
.clinic_infomation_flexbox:last-of-type {
	padding-top: 100px;
	margin-bottom: 50px;
}
.googlecalender {
	width: 100%;
	height: 450px;
}
.clinic_infomation_pin {
	padding-left: 45px;
	background: url(../img/pin.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}
.clinic_infomation_train {
	padding-left: 45px;
	background: url(../img/train.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 5px;
}
.clinic_infomation .clinic_infomation_contact {
	background: #e5e5e5;
	padding: 25px 65px;
	margin: 0px 0 55px;
}
.clinic_infomation_credit img,
.clinic_infomation_contact img {
	margin: 10px auto 0;
}
.clinic_infomation_credit {
	text-align: center;
}
.footer_areainfo {
	padding: 45px 0;
}
.areainfo_ttl {
	padding: 0px 0 30px 0;
}
.areainfo_inner {
	padding: 0 15%;
}
.areainfo_inner>p {
	line-height: 1.75;
	letter-spacing: 0.06em;
}
.epark_bnr {
	margin: -40px auto 0;
}
.copyright {
	font-size: 14px;
	color: #fff;
	background: #351604;
	line-height: 50px;
	text-align: center;
	padding-bottom: 41px;
}








.globalnav2.shrink {
	position: absolute;
	top: 100px;
	right: 0;
	width: 80%;
	height: 100px;
	background: rgba(53, 22, 4, 0.65);
	padding: unset;
	z-index: -1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
	max-width: 900px;
}
.globalnav2.visible.shrink {
	opacity: 1;
	position: fixed;
	top: 0;
	z-index: 1;
}
.globalnav2 .globalnav_list_child {
	width: unset;
}
.globalnav_list_child {
	width: 100%;

}
.globalnav_list_child > a {
	display: block;
	width: 100%;
	height: 120px;
	padding-top: 30px;
}
.globalnav_list_child .services-btn {
	padding-top: 30px;
}
.globalnav {
	padding: unset;
}
.globalnav_list_child .menu-phone {
	display: flex;
	align-items: center;
}
.globalnav_list_child .menu-phone img {
	width: 30px;
	height: 30px;
}
.globalnav2 .footer_phone {
	padding-top: 40px;
	font-size: 18px;
}
@media(min-width: 1500px) {
	.clinic_infomation {
		position: relative;
		background: url(../img/clinic_infomation_ttl.jpg);
		background-repeat: no-repeat;
		background-position: right 50px top 50px;
	}
}



/*================================
　ここからPC適用
================================*/
@media(min-width: 897px) {
	.pc-none {
		display: none !important;
	}
	.pcTab-none {
		display: none !important;
	}
	/*.h1_wrap{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.logo_wrap{
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 1;
		height: 120px;
		display: flex;
		align-items: center;
	}
	.logo{
		padding: 33px 3% 32px 3%;
		width: 30%;
	}
	.globalnav{
		position: fixed;
		top: 0;
		right: 0;
		width: 70%;
		height: 120px;
		background: rgba(53, 22, 4, 0.65);
		padding: 40px 0px 30px;
		z-index: 1;
	}
	.globalnav_list{
		display: flex;
    	justify-content: space-around;
	}
	.globalnav_list a:link{
		color: #fff;
	}
	.globalnav_list a:visited{
		color: #fff;
	}
	.globalnav_list_child{
		text-align: center;
	}
	.globalnav_list_en{
	font-size: 18px;
	font-family: 'Allura', cursive;
	}
	.pull{
		width: 200px;
		position: absolute;
		top: -40px;
		left: 50%;
		transform: translate(-50%, 0px);
		text-align: center;
		display: none;
		padding-top: 142px;
	}
	.pull_chlild{
		padding: 10px 0px;
		border-top: dotted 1px #fff;
		background: rgba(53, 22, 4, 0.65);
	}
	.pull_chlild:first-of-type{
		border-top: none;
	}
	.pull_relative{
       position: relative;
	}
	.pull_relative:hover .pull{
       display: block;
	}
	.header_phone{
		position: absolute;
		top: 135px;
		right: 25px;
		z-index: 1;
		width: 28%;
		max-width: 343px;
	}
	.instagram_folow{
		position: fixed;
    top: 165px;
	left: 0;
	z-index: 1;
	}
	.scroll_folow{
		position: fixed;
    left: 0;
	top: 85vh;
	z-index: 1;
	} */
}



/*================================
　ここからTABLET・SP適用
================================*/
@media(max-width: 896px) {
	.tabSp-none {
		display: none !important;
	}
	.areainfo_inner {
		padding: 0 7%;
	}
	.width01 {
		width: 100%;
	}
	.logo_wrap {
		height: auto;
	}
	.logo {
		padding: 20px 3% 20px 3%;
		width: 50%;
	}
	.mobile_follow_bar {
		position: fixed;
		bottom: 0;
		background: #cecece;
		width: 100%;
		z-index: 10;
		height: 41px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.mobile_follow_bar a.mobile_follow_bar_tel {
		width: 50%;
	}
	.mobile_follow_bar a.mobile_follow_bar_reservation {
		background: #84b128;
		width: 50%;
	}
	.mobile_follow_bar img {
		height: 100%;
		margin: 0 auto;
	}
	.clinic_infomation_flexbox {
		padding-top: 0px;
	}
	.clinic_infomation_flexbox:last-of-type {
		padding-top: 0px;
		margin-bottom: 40px;
	}
	.clinic_infomation .width01 {
		margin-top: 20px;
	}
	.clinic_infomation .clinic_infomation_contact {
		padding: 25px 25px;
		margin-bottom: 0;
	}
	.clinic_infomation_credit.width01 {
		border: solid #e5e5e5 3px;
		padding: 12px;
		margin-top: 40px;
	}
	.clinic_infomation .profile {
		margin-top: 40px;
	}
	.clinic_infomation .ttl01 {
		margin-top: 40px;
	}
	
	.clinic_infomation_ttl {
		display: none;
	}
	
	.epark_bnr {
		margin: 20px auto 0;
	}
}



/*================================
　ここからTABLETのみ適用
　※この中には基本的に書き込まないでください
================================*/
@media(max-width: 896px) and (min-width: 481px) {
	.pcTab-none {
		display: none !important;
	}
	.tab-none {
		display: none !important;
	}
}



/*================================
　ここからSP適用
================================*/
@media(max-width: 480px) {
	.tabSp-none {
		display: none !important;
	}
	.sp-none {
		display: none !important;
	}
	.section {
		padding: 0 3%;
	}
	.logo {
		padding: 16px 3% 16px 3%;
		width: calc(100% - 50px);
	}
	.logo_wrap {
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: auto;
	}
	.inner {
		padding: 0;
	}
	.mobile_follow_bar a.mobile_follow_bar_tel {
		width: 70%;
	}
	.mobile_follow_bar a.mobile_follow_bar_reservation {
		background: #84b128;
		width: 30%;
	}
	.mobile_follow_bar a.mobile_follow_bar_reservation img {
		height: auto;
		margin-top: 3px;
	}

}