/*------------------------------------------------------------------------------
  PC or ALL 
------------------------------------------------------------------------------*/
body{
	background: url(/mwp/wp-content/themes/mwp-theme/assets/images/bg.png) repeat-x 0 0;
}
.mv-en{
	font-family: "Corinthia", cursive;
	font-weight: 400;
}
.header-nav{
	ul{
		li{
			margin: 0 1.0em;
			a{
				.en{
					color: #fff;
					font-size: max(calc((16 / 1920) * 100vw),14px);
					font-family: "Noto Serif JP", serif;
					font-weight: 400;
					letter-spacing: 0.12em;
				}
			}
		}
	}
}
.drawer-open{
	top: 10px;
	right: 10px;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #b28b58;
	.bar01,
	.bar02 {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 34px;
	  left: 20px;
	  width: 40px;
	  height: 2px;
	  background: #fff;
	  border-radius: 2px;
	  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.bar02 {
		top: 44px;
		left: 37px;
		width: 25px;
	}
}
.drawer-active{
	.drawer-open{
		.bar01,
		.bar02 {
			top: 40px;
			left: 20px;
			width: 40px;
			transform: rotate(-135deg);
		}
		.bar02 {
			left: 20px;
			transform: rotate(-225deg);
		}
	}
}
.mainvisual{
	padding-left: calc((32 / 192) * 100vw);
	.mainvisual-catch{
		color: #5c3a21;
		.copy{
			font-weight: 200;
			font-size: calc((6 / 192) * 100vw);
			margin-bottom: 1.0em;
			z-index: 10;
		}
		.sub-text{
			font-size: calc((3 / 192) * 100vw);
			.mv-en{
				line-height: .7;
				position: absolute;
				top: calc((105 / 1920) * -100vw);
				left: calc((250 / 1920) * 100vw);
				color: #b28b58;
				font-size: calc((46 / 1920) * 100vw);
				transform: rotate(-10deg);
				span{
					display: block;
					padding-left: 1.8em;
				}
			}
		}
	}
}

.title-type02{
	h2{
		.en{
			padding-top: 40px;
			color: #5c3a21;
			font-size: 4.4rem;
			text-transform: uppercase;
			display: block;
			position: relative;
			&::before{
				content: '●';
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				font-size: 1.5rem;
			}
		}
		.ja{
			font-size: 1.8rem;
			font-weight: 400;
			opacity: 1;
			color: #b28b58;
		}
	}
	&::before{
		display: none;
	}
}
.box{
	.btn{
		a{
			background: #5c3a21;
		}
	}
}

.main-news{
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	.title-type02{
		width: 250px;
		text-align: left;
		h2{
			padding-left: 25px;
			.en{
				display: block;
				position: relative;
				&::before{
					content: '●';
					position: absolute;
					top: 33%;
					left: -25px;
					font-size: 1.5rem;
				}
			}
		}
	}
	.main-news-main{
		width: calc(100% - 250px);
		text-align: left;
		ul{
			li{
				.category{
					background: #678350;
				}
			}
		}
	}
}

.main-about{
	.title-type02{
		margin-bottom: -90px;
	}
	.lg{
		.bg{
			padding-top: 140px;
			h3{
				font-size: 3.2rem;
				font-weight: 200;
				strong{
					color: #678350;
					font-weight: 200;
				}
			}
			p{
				margin: 0 auto;
				max-width: 710px;
				&:not(:last-child){
					margin-bottom: 1.5em;
				}
			}
		}
	}
}

.main-clinic{
	margin-bottom: 140px;
	.image-text-type03 {
		.text{
			z-index: 20;
			h3{
				font-size: 3.2rem;
				font-weight: 200;
			}
			.copy{
				font-size: 2.2rem;
				font-weight: 200;
			}
		}
		.image{
			position: relative;
			overflow: visible;
			img{
				position: relative;
				z-index: 10;
			}
			&::before{
				content: '';
				position: absolute;
				top: 40px;
				left: -40px;
				bottom: -40px;
				right: 40px;
				background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-clinic-bg.png) no-repeat center center / cover;
			}
		}
		&.right{
			.image{
				&::before{
				top: 40px;
				left: 40px;
				bottom: -40px;
				right: -40px;
				}
			}
		}
	}
}

.main-voice{
	padding: 80px 0 100px;
	background: #f6f1e7;
	.main-voice-main{
		margin: 0 auto;
		max-width: 1124px;
		.category{
			background: #678350;
		}
	}
}
.main-blog{
	ul{
		li{
			.category{
				background: #678350;
			}
		}
	}
}

.footer-schedule{
	margin-bottom: 0;
	.title-type02{
		text-align: left;
		h2{
			padding-left: 25px;
			.en{
				display: block;
				position: relative;
				&::before{
					content: '●';
					position: absolute;
					top: 65%;
					left: -25px;
					font-size: 1.5rem;
				}
			}
		}
	}
	.box-table{
		border-spacing: 0;
		th,td{
			font-size: 1.8rem;
			font-weight: 200;
			text-align: center;
		}
		thead{
			th{
				padding: 10px !important;
			}
		}
		tbody{
			tr{
				th,td{
					background: #fff;
					color: #5c3a21;
				}
				&:first-child{
					th,td{
						border-bottom: #d8d2c4 1px dashed;
					}
				}
			}
		}
	}
}

.footer-contact{
	margin-bottom: 0;
	.title{
		.en{
			padding-top: 40px;
			color: #fff;
			font-size: 4.4rem;
			text-transform: uppercase;
			display: block;
			position: relative;
			&::before{
				content: '●';
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				font-size: 1.5rem;
			}
		}
		.ja{
			font-size: 1.8rem;
			font-weight: 400;
			opacity: 1;
			color: #fff;
		}
	}
	.text{
		.tel{
			font-size: 7.2rem;
			&::before{
				color: #b28b58;
			}
		}
		.btn{
			a{
				background: #b28b58;
			}
		}
	}
}

.footer-map{
	height: 400px;
	iframe{
		height: 400px;
	}
}
.footer{
	background: url(/mwp/wp-content/themes/mwp-theme/assets/images/footer-bg.png) no-repeat center center / cover;
	color: #fff;
	.footer-main{
		.nav{
			a{
				color: #fff;
			}
		}
		&::after{
			background: none;
			border: #d8d2c4 1px dashed;
		}
	}
}
.fixed-footer{
	background: #678350;
	color: #fff;
	.tel{
		a{
			&::before{
				color: #b28b58;
			}
		}
	}
	.contact{
		a{
			background: #f6f1e7;
			color: #3b2f2f;
			&::before{
				color: #b28b58;
			}
		}
	}
}

.pagetop a{
	background: #b28b58;
	color: #fff;
}

/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
.title-type02{
	h2{
		.en{
			padding-top: 5vw;
			font-size: 7vw;
			&::before{
				font-size: 2vw;
			}
		}
		.ja{
			font-size: 4vw;
		}
	}
	&::before{
		display: none;
	}
}
.mainvisual{
	margin-bottom: 5vw;
	padding-left: 0;
	height: auto;
	img{
		width: 100%;
		height: auto;
	}
	.mainvisual-catch{
		.copy{
			font-weight: 200;
			font-size: 7vw;
		}
		.sub-text{
			font-size: 4vw;
			.mv-en{
				top: -10vw;
				left: 40vw;
				font-size: 3vw;
			}
		}
	}
}

.main-news{
	margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	.title-type02{
		width: 100%;
		text-align: left;
		h2{
			padding-left: 4vw;
			.en{
				&::before{
					top: 55%;
					left: -4vw;
					font-size: 2vw;
				}
			}
		}
	}
	.main-news-main{
		width: 100%;
		text-align: left;
		ul{
			li{
				.category{
					background: #678350;
				}
			}
		}
	}
}
.main-about{
	padding-top: 10vw;
	.title-type02{
		margin-bottom: -10vw;
	}
}
.footer-contact{
	.tel{
		font-size: 8vw !important;
		&::before{
			font-size: 6vw !important;
		}
	}
}
.footer-schedule{
	.table-type02{
		overflow-x: auto;
		table{
			width: 600px;
			tr{
				th,td{
					width: auto !important;
					display: table-cell;
				}
				&:first-child{
					th,td{
						border: none;
					}
				}
			}
		}
	}
}