.mv{ position: relative; }
.mv h1{
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.mv h1:before{
	content: '';
	width: 8px;
	height: 100%;
	background: #ff0000;
	position: absolute;
	top: 0;
	left: calc( -50vw + 500px );
}
.mv h1 .noto{ font-size: 60px; color: #ff0000; line-height: 1.3; display: block; }
.mv h1 .ja{ font-weight: 600; display: block; letter-spacing: .3em; margin-top: 20px; }
.mv-slide{ width: 850px; margin-left: auto; }
.mv-slide:after{
	content: '';
	width: 100%;
	height: 36px;
	background: url(../images/index/bg-slide01.png) no-repeat;
	background-size: cover;
	background-position: top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.mv-slide li img{ display: block; width: 100%; }
@media(min-width: 1400px){
	.mv-slide{ width: 70vw; }
	.mv-slide:after{ height: 3.8vw; }
}

.top-info.wrap{ background: #ebebeb; display: flex; margin-top: 60px; margin-bottom: 65px; }
.top-info .left{ width: 50%; padding: 0 40px 20px; }
.top-info .right{ width: 50%; padding: 0 40px 20px; }
.top-info h2, .news h2{
	font-size: 16px;
	font-weight: 600;
	position: relative; 
	padding-top: 18px;
	margin-bottom: 26px;
	display: table;
}
.top-info h2:before, .news h2:before{
	content: '';
	width: 100%;
	height: 4px;
	background: #1e1e1e;
	position: absolute;
	top: 0;
	left: 0;
}
.top-info .left table{ width: 100%; table-layout: fixed; margin-bottom: 4px; }
.top-info .left table th,
.top-info .left table td{ background: #fff; border: solid 1px #bfbfbf; text-align: center; padding: 6px; }
.top-info .left table th:first-of-type,
.top-info .left table td:first-of-type{ width: 174px; }
.top-info .right p{ margin-bottom: 1em; }
.top-info .right a.btn{ width: 176px; height: 36px; }

.staff{ background: #ebebeb; position: relative; padding: 170px 0 106px; }
.staff:before{
	content: '';
	width: 100%;
	height: 8vw;
	background: url(../images/index/bg02.png) no-repeat;
	background-size: cover;
	background-position: top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.staff .right{ width: 50%; background: #fff; margin-left: auto; position: relative; z-index: 15; }
.staff .right .inner{ width: 500px; padding: 1px 0 50px 86px; }
.staff .right h2{ display: table; margin: -56px 0 30px auto; }
.staff .right h2 .noto,
.pholosophy h2 .noto,
.treatment h2 .noto,
.clinic h2 .noto{ font-size: 70px; letter-spacing: 0; line-height: 1.4; }
.staff .right h2 .ja{
	display: table;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #ff0000;
	padding: 2px 8px;
	margin: 0 auto;
}
.staff .right p{ margin-bottom: 1em; line-height: 1.8; }
.staff .right .btn{ margin-top: 30px; }
.staff .dr{
	background: url(../images/index/bg01.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.staff .dr img{ position: relative; z-index: 14; }
.staff dl{
	background: #1e1e1e;
	display: table;
	padding: 20px 40px 30px;
	margin-left: calc(-50vw + 500px);
	margin-top: -150px;
    z-index: 20;
    position: relative;
}
.staff dl dt{
	color: #fff;
	display: table;
	border-bottom: solid 1px;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.staff dl dt strong{ font-size: 20px; }
.staff dl dd ul li{ color: #fff; padding-left: 1em; position: relative; }
.staff dl dd ul li:before{ content: '-'; position: absolute; left: 0; }

.pholosophy{ background: #ebebeb; padding-bottom: 114px; position: relative; }
.pholosophy:after{
	content: '';
    width: 100%;
    height: 4vw;
    background: url(../images/index/bg03.png) no-repeat;
    background-size: cover;
    background-position: top;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.pholosophy .wrap{ background: #fff; position: relative; padding: 1px 73px 73px 0; }
.pholosophy .wrap:before{
	content: '';
	width: calc(50vw - 500px);
	height: 100%;
	background: #fff;
	position: absolute;
	left: calc(-50vw + 500px);
	top: 0;
}
.pholosophy h2{ margin-top: -56px; }
.pholosophy h2 .ja,
.treatment h2 .ja,
.clinic h2 .ja{
    display: table;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #ff0000;
    padding: 2px 8px;
}
.pholosophy h3{ font-weight: 600; font-size: 20px; margin: 30px 0 20px; }
.pholosophy .row{ display: flex; justify-content: space-between; }
.pholosophy .row .left{ width: 386px; }
.pholosophy .row ul{ width: 500px; display: flex; justify-content: space-between; }
.pholosophy .row ul li{ width: 150px; }
.pholosophy .row ul li .thumb{ width: 150px; position: relative; }
.pholosophy .row ul li .thumb:after{
	content: '';
	width: 1px;
	height: 18px;
	background: #1e1e1e;
	position: absolute;
	bottom: -9px;
	left: 50%;
}
.pholosophy .row ul li .thumb img{ display: block; width: 100%; }
.pholosophy .row ul li p{ font-size: 16px; margin-top: 18px; text-align: center; }
.pholosophy .row .left a.btn{ margin-top: 40px; }

.treatment{ padding: 75px 0 110px; }
.treatment .wrap{ width: 1080px; }
.treatment h2{ text-align: center; margin-bottom: 57px; }
.treatment h2 .ja,
.clinic h2 .ja{ margin: 0 auto; }
.treatment .btn{ margin: 50px auto 0; }

.clinic{
	background: url(../images/index/bg04.png) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.clinic .loop img{ display: block; width: 100%; }
.clinic .loop li.slick-slide{ position: relative; }
.clinic .loop li.slick-slide:before{
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(30,30,30,0.3);
	position: absolute;
	top: 0;
	left: 0;
}
.clinic .wrap{
	width: 400px;
	padding: 1px 0 40px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,.9);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 100px;
}
.clinic h2{
	/*margin: -56px 0 30px;*/
	text-align: center;
	position: absolute;
	top: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.clinic p{ font-size: 16px; text-align: center; line-height: 2; }
.clinic a.btn{ margin: 25px auto 0; }

.news{ margin-top: 100px; background: #f6f6f6; padding: 0 36px 30px; margin-bottom: 100px; }
.news .inner{ overflow-y: scroll; height: 85px; }

.pholosophy p { margin-top: 20px; font-size: 15px; }

.pholosophy p strong { font-weight: bold; }