@charset "utf-8";

@media screen and (min-width:769px){

.wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


/* header */

header{
}
header h1{
	width: auto;
	margin: 0;
	padding: 15px 0;
	font-size: 0;
	text-align: left;
}


/* main */

.kv{
	text-align: center;
}

.interview{
	padding-bottom: 60px;
}
.interview .box{
	padding: 65px 0 75px 0;
	font-size: 0;
}
.interview .balloon{
	width: 715px;
	background: #F4F4F4;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.interview .balloon::after{
	content: "";
	width: 36px;
	height: 35px;
	background: url(../images/interview/balloon_pc.png) no-repeat;
	background-size: 100% 100%;
	position: absolute; bottom: 90px; right: -36px;
}
.interview .balloon h2{
	width: auto;
	position: absolute; top: -20px; left: 20px;
}
.interview .balloon p{
	padding: 35px 25px;
	font-size: 24px;
}
.interview .balloon p span{
	background: linear-gradient(transparent 60%, #EBD4D4 0%);
}
.interview .inner{
	width: 245px;
	padding: 0 0 0 50px;
	display: inline-block;
	vertical-align: bottom;
}
.interview .thum{
}
.interview .name{
	padding-top: 18px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
.interview .name span{
	font-size: 24px;
}
.interview .bottom{
	padding-bottom: 50px;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
}
.interview .bottom span{
	padding: 0 55px;
	display: inline-block;
	vertical-align: middle;
}
.interview .bottom::before{
	content: "";
	width: 37px;
	height: 96px;
	background: url(../images/common/slash_l.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.interview .bottom::after{
	content: "";
	width: 37px;
	height: 96px;
	background: url(../images/common/slash_r.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.contact_btn{
	width: 680px;
	margin: 0 auto;
	font-size: 0;
	text-align: left;
}
.contact_btn .tel{
	width: 330px;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .tel a{
	height: 110px;
	padding: 20px 20px 20px 30px;
	background: #C5AC58;
	display: block;
	color: #FFF;
	text-decoration: none;
	pointer-events: none;
}
.contact_btn .number{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
	line-height: 34px;
}
.contact_btn .number::before{
	content: "";
	width: 52px;
	height: 34px;
	margin-right: 13px;
	background: url(../images/contact/tel.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .time{
	padding-top: 10px;
	display: block;
	font-size: 17px;
	line-height: 20px;
}
.contact_btn .time span{
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
	line-height: 20px;
}
.contact_btn .reservation{
	width: 330px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .reservation a{
	padding: 20px;
	background: #C5AC58;
	display: block;
	color: #FFF;
	text-decoration: none;
}
.contact_btn .web{
	font-size: 24px;
	line-height: 35px;
}
.contact_btn .web span{
	display: inline-block;
	vertical-align: middle;
}
.contact_btn .web::before{
	content: "";
	width: 51px;
	height: 51px;
	margin-right: 12px;
	background: url(../images/contact/calendar.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.point{
	padding: 70px 0 60px 0;
	background: #ECE4D9;
}
.point .top{
	position: relative;
	text-align: center;
}
.point .acc{
	width: auto;
	position: absolute; top: -50px; left: 135px;
}
.point .top h2{
	width: auto;
	margin: 0;
	position: relative;
	z-index: 10;
}
.point .top h3{
	padding-top: 20px;
	position: relative;
	z-index: 10;
	font-family: 'Noto Serif JP', serif;
	font-size: 38px;
	line-height: 1.5;
	font-weight: 500;
}
.point .top p{
	padding-top: 45px;
	position: relative;
	z-index: 10;
	font-size: 22px;
}
.point .inner{
	font-size: 0;
}
.point .item{
	width: 470px;
	min-height: 435px;
	margin-top: 70px;
	padding: 35px 20px 25px 20px;
	background: #FFF;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.point .inner .item:nth-child(2n){
	margin-left: 20px;
}
.point .number{
	width: auto;
	position: absolute; top: -20px; left: 13px;
}
.point h4{
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	line-height: 1.5;
	font-weight: 500;
}
.point .item p{
	padding-top: 25px;
	font-size: 22px;
}
.point .item p span{
	background: linear-gradient(transparent 60%, #EBD4D4 0%);
}

.popular{
	padding: 55px 0 65px 0;
	background: #FBF9F9;
	text-align: center;
}
.popular h2{
	padding-top: 2vw;
	width: auto;
	margin: 0;
}
.popular h3{
	padding-top: 20px;
	font-family: 'Noto Serif JP', serif;
	font-size: 38px;
	line-height: 1.5;
	font-weight: 500;
}
.popular p{
	padding-top: 45px;
	font-size: 22px;
}
.popular .inner{
	font-size: 0;
}
.popular .item{
	width: 270px;
	padding-top: 60px;
	display: inline-block;
	vertical-align: top;
}
.popular .inner .item:nth-child(2){
	margin: 0 75px;
}
.popular .thum{
	width: auto;
	margin: 0;
}
.popular .link{
	padding-top: 25px;
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
}
.popular .link a::after{
	content: "";
	width: 50px;
	height: 50px;
	margin-left: 10px;
	background: url(../images/popular/btn.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.operation{
	padding: 5px 0 85px 0;
	background: #F6F2E4;
}
.operation .wrapper{
	width: 1000px;
}
.operation .item{
	margin-top: 70px;
	background: #FFF;
}
.operation .title_box{
	padding: 10px 20px;
	background: #C5AC58;
	font-size: 0;
}
.operation h2{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 500;
}
.operation h2 span{
	font-size: 36px;
}
.operation .sub{
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	line-height: 1.5;
	font-weight: 500;
}
.operation .sub span{
	display: inline-block;
	vertical-align: middle;
}
.operation .sub::before{
	content: "";
	width: 28px;
	height: 61px;
	margin-right: 5px;
	background: url(../images/operation/title.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.operation .thum_box{
	padding: 10px 20px 30px 20px;
	font-size: 0;
}
.operation .thum{
	width: 250px;
	margin: 0;
	padding-top: 25px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.operation .inner{
	width: 690px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: top;
}
.operation h3{
	padding-top: 25px;
	font-family: 'Noto Serif JP', serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
}
.operation h3 span{
	font-size: 34px;
	color: #c5ac58;
}
.operation .thum_box p{
	padding-top: 15px;
	font-size: 22px;
}
.operation .method{
	padding: 0 20px;
}
.operation h4{
	width: 140px;
	padding: 5px;
	background: #707070;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500;
	color: #FFF;
	text-align: center;
}
.operation .method p{
	padding-top: 20px;
	font-size: 22px;
}
.operation .bottom{
	padding: 20px;
	font-size: 0;
}
.operation .key{
	/*width: 470px;*/
	min-height: 310px;
	padding: 20px;
	background: #FBF9F9;
	display: inline-block;
	vertical-align: top;
}
.operation h5{
	width: 170px;
}
.operation .key p{
	padding-top: 20px;
	font-size: 22px;
}
.operation .price{
	width: 470px;
	min-height: 310px;
	margin: 0 0 0 20px;
	padding: 20px;
	background: #F6F2E4;
	display: inline-block;
	vertical-align: top;
}
.operation h6{
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
	color: #c5ac58;
}
.operation h6 span{
	font-size: 40px;
}
.operation .price p{
	padding-top: 15px;
	font-size: 22px;
}

.operation .link{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.operation .link a{
	font-size: 22px;
	background: linear-gradient(transparent 60%, #E6DEBA 0%);
	text-decoration: none;
}
.operation .link a::after{
	content: "";
	width: 24px;
	height: 24px;
	margin: 8px 0 0 5px;
	background: url(../images/common/link.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: top;
}
.operation .link a:hover{
	color: #c5ac58 ;
}

.charge{
	padding: 60px 0 50px 0;
	background: #ECE4D9;
	text-align: center;
}
.charge h2{
	width: auto;
	margin: 0;
}
.charge h3{
	padding-top: 15px;
	font-family: 'Noto Serif JP', serif;
	font-size: 38px;
	line-height: 1.5;
	font-weight: 500;
}
.charge p{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 22px;
}
.charge .inner{
	width: 725px;
	margin: 30px auto 0 auto;
	padding: 22px 50px 40px 50px;
	background: #FFF;
}
.charge .title{
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
}
.charge .title span{
	padding: 0 55px;
	display: inline-block;
	vertical-align: middle;
}
.charge .title::before{
	content: "";
	width: 37px;
	height: 96px;
	background: url(../images/common/slash_l.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.charge .title::after{
	content: "";
	width: 37px;
	height: 96px;
	background: url(../images/common/slash_r.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}
.charge .caution{
	padding-top: 30px;
	font-size: 22px;
	text-align-last: center;/*2022.2.14leftから変更*/
}
.charge .caution span{
	color: #c5ac58;
}

.doctor{
	padding: 75px 0;
	font-size: 0;
}
.doctor .thum{
	width: 440px;
	display: inline-block;
	vertical-align: top;
}
.doctor .inner{
	width: 520px;
	padding: 0 0 0 85px;
	display: inline-block;
	vertical-align: top;
}
.doctor h2{
	font-family: 'Noto Serif JP', serif;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 500;
}
.doctor h2 span{
	font-size: 30px;
}
.doctor p{
	padding-top: 20px;
	font-size: 20px;
	line-height: 1.5;
}

.about{
	padding: 50px 0 55px 0;
	background: #F4F4F4;
	text-align: center;
}
.about h2{
}
.about h3{
	padding-top: 20px;
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
}
.about h3 span{
	font-size: 38px;
}
.about .inner{
	padding-top: 35px;
	font-size: 0;
}
.about .thum{
	width: 440px;
	padding-top: 0;
	display: inline-block;
	vertical-align: top;
}
.about .map{
	width: 440px;
	margin: 0 0 0 80px;
	padding-top: 280px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.about .map iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}
.about p{
	padding: 25px 0 40px 0;
	font-size: 22px;
}
.about p span{
	color: #c5ac58;
}

.tour{
	padding: 45px 0 60px 0;
	text-align: center;
}
.tour h2{
}
.tour h3{
	padding-top: 30px;
	font-family: 'Noto Serif JP', serif;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
}
.tour h3 span{
	font-size: 38px;
}
.tour .youtube{
	width: 540px;
	margin: 40px auto 0 auto;
	padding-top: 300px;
	position: relative;
}
.tour .youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}


/* footer */

footer{
	padding: 45px 0 30px 0;
	border-top: 110px solid #4F4F4F;
	text-align: center;
}
footer .logo{
	width: 385px;
	margin: 0 auto;
}
footer .logo img{
	width: 100%;
}
footer .copy{
	padding-top: 45px;
	font-size: 12px;
	color: #8A8A7A;
}

.fix_btn{
	display: none;
}

}