@charset "utf-8";

.wrapper{
	padding: 0 2vw;
	position: relative;
}


/* header */

header{
}
header h1{
	width: 60%;
	margin: 0 auto;
	padding: 4vw 0;
	font-size: 0;
	text-align: center;
}


/* main */

.kv{
	text-align: center;
}

.interview{
	padding-bottom: 8vw;
}
.interview .box{
	padding: 10vw 0;
	font-size: 0;
}
.interview .balloon{
	width: 70%;
	background: #F4F4F4;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.interview .balloon::after{
	content: "";
	width: 11vw;
	height: 5vw;
	background: url(../images/interview/balloon_sp.png) no-repeat;
	background-size: 100% 100%;
	position: absolute; bottom: -4.9vw; right: 8vw;
}
.interview .balloon h2{
	width: 30vw;
	position: absolute; top: -4vw; left: 4vw;
}
.interview .balloon p{
	padding: 6vw 4vw;
	font-size: 4vw;
}
.interview .balloon p span{
	background: linear-gradient(transparent 60%, #EBD4D4 0%);
}
.interview .inner{
	width: 30%;
	padding: 0 0 6vw 2vw;
	display: inline-block;
	vertical-align: bottom;
}
.interview .thum{
}
.interview .name{
	padding-top: 2vw;
	font-size: 3.5vw;
	line-height: 1.5;
	text-align: center;
}
.interview .name span{
	font-size: 4vw;
}
.interview .bottom{
	padding-bottom: 6vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 5vw;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
}
.interview .bottom span{
	padding: 0 4vw;
	display: inline-block;
	vertical-align: middle;
}
.interview .bottom::before{
	content: "";
	width: 6vw;
	height: 15vw;
	background: url(../images/common/slash_l.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.interview .bottom::after{
	content: "";
	width: 6vw;
	height: 15vw;
	background: url(../images/common/slash_r.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.contact_btn{
	font-size: 0;
	text-align: left;
}
.contact_btn .tel{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .tel a{
	padding: 2vw;
	background: #C5AC58;
	display: block;
	color: #FFF;
}
.contact_btn .number{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 6vw;
	line-height: 8vw;
}
.contact_btn .number::before{
	content: "";
	width: 7.5vw;
	height: 5vw;
	margin-right: 2vw;
	background: url(../images/contact/tel.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .time{
	padding-top: 1vw;
	display: block;
	font-size: 3vw;
	line-height: 4vw;
}
.contact_btn .time span{
	font-family: 'Oswald', sans-serif;
	font-size: 3.2vw;
}
.contact_btn .reservation{
	width: 49%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .reservation a{
	padding: 2vw;
	background: #C5AC58;
	display: block;
	color: #FFF;
}
.contact_btn .web{
	font-size: 3.8vw;
	line-height: 6.5vw;
}
.contact_btn .web span{
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .web::before{
	content: "";
	width: 6.5vw;
	height: 6.5vw;
	margin-right: 2vw;
	background: url(../images/contact/calendar.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.point{
	padding: 8vw 0;
	background: #ECE4D9;
}
.point .top{
	position: relative;
	text-align: center;
}
.point .acc{
	width: 25vw;
	position: absolute; top: -4vw; left: 0;
}
.point .top h2{
	width: 40vw;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.point .top h3{
	padding-top: 4vw;
	position: relative;
	z-index: 10;
	font-family: 'Noto Serif JP', serif;
	font-size: 5.5vw;
	line-height: 1.5;
	font-weight: 500;
}
.point .top p{
	padding-top: 4vw;
	position: relative;
	z-index: 10;
}
.point .inner{
}
.point .item{
	margin-top: 8vw;
	padding: 6vw 4vw 4vw 4vw;
	background: #FFF;
	position: relative;
}
.point .number{
	width: 20vw;
	position: absolute; top: -5vw; left: 2vw;
}
.point h4{
	font-family: 'Noto Serif JP', serif;
	font-size: 5.5vw;
	line-height: 1.5;
	font-weight: 500;
}
.point .item p{
	padding-top: 2vw;
}
.point .item p span{
	background: linear-gradient(transparent 60%, #EBD4D4 0%);
}

.popular{
	padding: 8vw 0;
	background: #FBF9F9;
	text-align: center;
}
.popular h2{
	padding-top: 2vw;
	width: 50vw;
	margin: 0 auto;
}
.popular h3{
	padding-top: 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 5.5vw;
	line-height: 1.5;
	font-weight: 500;
}
.popular p{
	padding-top: 4vw;
}
.popular .inner{
}
.popular .item{
	padding-top: 6vw;
}
.popular .thum{
	width: 70vw;
	margin: 0 auto;
}
.popular .link{
	padding-top: 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 5vw;
	line-height: 1.5;
	font-weight: 500;
}
.popular .link a::after{
	content: "";
	width: 9vw;
	height: 9vw;
	margin-left: 4vw;
	background: url(../images/popular/btn.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.operation{
	padding: 2vw 0 8vw 0;
	background: #F6F2E4;
}
.operation .item{
	margin-top: 6vw;
	background: #FFF;
}
.operation .title_box{
	padding: 2vw;
	background: #C5AC58;
	font-size: 0;
}
.operation h2{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Serif JP', serif;
	font-size: 2.5vw;
	line-height: 1.2;
	font-weight: 500;
}
.operation h2 span{
	font-size: 5vw;
}
.operation .sub{
	margin-left: 2vw;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
}
.operation .sub span{
	display: inline-block;
	vertical-align: middle;
}
.operation .sub::before{
	content: "";
	width: 4vw;
	height: 8vw;
	margin-right: 2vw;
	background: url(../images/operation/title.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.operation .thum_box{
	padding: 6vw 4vw;
}
.operation .thum{
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}
.operation .inner{
}
.operation h3{
	padding-top: 3vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 3vw;
	line-height: 1.5;
	font-weight: 500;
}
.operation h3 span{
	font-size: 5vw;
	color: #c5ac58;
}
.operation .thum_box p{
	padding-top: 2vw;
}
.operation .method{
	padding: 0 4vw;
}
.operation h4{
	padding: 1vw 2vw;
	background: #707070;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
	color: #FFF;
}
.operation .method p{
	padding-top: 2vw;
}
.operation .bottom{
	padding: 6vw 4vw 4vw 4vw;
}
.operation .key{
	padding: 4vw;
	background: #FBF9F9;
}
.operation h5{
	width: 34vw;
}
.operation .key p{
	padding-top: 1vw;
}
.operation .price{
	margin-top: 4vw;
	padding: 4vw;
	background: #F6F2E4;
}
.operation h6{
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
	color: #c5ac58;
}
.operation h6 span{
	font-size: 6vw;
}
.operation .price p{
	padding-top: 2vw;
}
.operation .link{
	padding-top: 2vw;
	padding-bottom: 4vw;
	text-align: center;
}
.operation .link a{
	font-size: 4.5vw;
	background: linear-gradient(transparent 60%, #E6DEBA 0%);
}
.operation .link a::after{
	content: "";
	width: 4vw;
	height: 4vw;
	margin: 2vw 0 0 1vw;
	background: url(../images/common/link.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: top;
}

.charge{
	padding: 8vw 0;
	background: #ECE4D9;
	text-align: center;
}
.charge h2{
	width: 60vw;
	margin: 0 auto;
}
.charge h3{
	padding-top: 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 5.5vw;
	line-height: 1.5;
	font-weight: 500;
}
.charge p{
	padding-top: 4vw;
	padding-bottom: 2vw;
}
.charge .inner{
	margin-top: 6vw;
	padding: 6vw 4vw;
	background: #FFF;
}
.charge .title{
	font-family: 'Noto Serif JP', serif;
	font-size: 4.5vw;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
}
.charge .title span{
	padding: 0 4vw;
	display: inline-block;
	vertical-align: middle;
}
.charge .title::before{
	content: "";
	width: 5vw;
	height: 12.5vw;
	background: url(../images/common/slash_l.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.charge .title::after{
	content: "";
	width: 5vw;
	height: 12.5vw;
	background: url(../images/common/slash_r.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.charge .caution{
	padding-top: 6vw;
	text-align-last: center;/*2021.2.14leftから変更*/
}
.charge .caution span{
	color: #c5ac58;
}

.doctor{
	padding: 8vw 0;
}
.doctor .thum{
}
.doctor .inner{
	padding-top: 4vw;
}
.doctor h2{
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
}
.doctor h2 span{
	font-size: 6vw;
}
.doctor p{
	padding-top: 4vw;
}

.about{
	padding: 8vw 0;
	background: #F4F4F4;
	text-align: center;
}
.about h2{
}
.about h3{
	padding-top: 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
}
.about h3 span{
	font-size: 6vw;
}
.about .inner{
}
.about .thum{
	padding-top: 4vw;
}
.about .map{
	width: 100%;
	margin-top: 4vw;
	padding-top: 68%;
	position: relative;
}
.about .map iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}
.about p{
	padding: 4vw 0;
}
.about p span{
	color: #c5ac58;
}

.tour{
	padding: 8vw 0;
	text-align: center;
}
.tour h2{
}
.tour h3{
	padding-top: 4vw;
	font-family: 'Noto Serif JP', serif;
	font-size: 4vw;
	line-height: 1.5;
	font-weight: 500;
}
.tour h3 span{
	font-size: 6vw;
}
.tour .youtube{
	width: 100%;
	margin-top: 4vw;
	padding-top: 68%;
	position: relative;
}
.tour .youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}


/* footer */

footer{
	padding: 8vw 0 6vw 0;
	border-top: 15vw solid #4F4F4F;
	text-align: center;
}
footer .logo{
	width: 70vw;
	margin: 0 auto;
}
footer .copy{
	padding-top: 4vw;
	font-size: 3vw;
	color: #8A8A7A;
}

.fix_btn{
	width: 100%;
	padding: 2vw 0;
	background: #FFF;
	display: none;
	position: fixed; bottom: 0;
	z-index: 50;
}