.mv{ background: #232323; position: relative; }
.mv .btn-rsv{
	display: table;
	width: 90px;
	position: absolute;
	top: 30px;
	right: 40px;
	z-index: 50;
	animation: rotate 7s linear infinite;
	transition: .3s;
}
.mv .btn-rsv:hover{ opacity: .6; }
@keyframes rotate { 0%   { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.mv .mv-txt{
	display: table;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	z-index: 50;
	width: 935px;
}
.mv .mv-txt h1 span{ overflow: hidden; display: block; }
/*.mv .mv-txt img{ transform: translateY(114px); transition: 1s; }
.load .mv .mv-txt img{ transform: translateY(0); }*/
.mv .main-slide{ width: 100%; padding-left: 40px; position: relative; }
.mv .main-slide:before{ content: ''; width: calc(100% - 40px); height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0; right: 0; z-index: 20; transition: 1.2s; }
.mv .main-slide.effect:before{ background: rgba(0,0,0,1); transition: .3s; }
.mv .main-slide.effectnone:before{ background: rgba(0,0,0,.3); }
/*@keyframes effect { 0% { background: rgba(0,0,0,.3);} 50% { background: rgba(0,0,0,1);} 100%{ background: rgba(0,0,0,.3); } }*/
.mv .main-slide video{ width: 100%; display: block; }
.mv .main-slide .slick-dots{ width: 40px; height: 100%; position: absolute; top: 0; left: 0; }
.mv .main-slide .slick-dots li{ height: calc(100% / 3); position: relative; }
.mv .main-slide .slick-dots li button{
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: .6s;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.mv .main-slide .slick-dots li:nth-of-type(1) button{ background: #a8da31; }
.mv .main-slide .slick-dots li:nth-of-type(2) button{ background: #6c89a1; }
.mv .main-slide .slick-dots li:nth-of-type(3) button{ background: #c17891; }
.mv .main-slide .slick-dots li.slick-active button{ width: 100%; }
    .mv ul.main-slide li img{
        width:100%;
        height: 800px;
        object-fit: cover;
    }
@media(max-width: 768px){
    .mv ul.main-slide li img{
        height: 85vh;
    }
    }
.tit{ padding: 20px 0 0;  background: #232323;}
.tit h1,.tit h2{display: inline; color: #fff;}
.tit h3{color: #fff; margin-bottom: 20px}
.news{ background: #232323; padding: 20px 0 70px;}
.news .wrap{ width: 900px; }
.news dl{ display: flex; justify-content: space-between; align-items: center; }
.news dl dt{ width: 85px; border-right: solid 1px #fff; }
.news dl dt h2{ font-size: 30px; color: #fff; }
.news dl dd{
	width: calc(100% - 200px);
	padding: 0 30px;
	color: #fff;
	text-decoration: underline;
	font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news ul{ display: flex; justify-content: space-between; align-items: center; }
.news ul li{ width: 85px; border-right: solid 1px #fff; }
.news ul li h2{ font-size: 30px; color: #fff; }
.news ul li{
	width: calc(100% - 200px);
	padding: 0 30px;
	color: #fff;
	text-decoration: underline;
	font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.news + .row{ display: flex;margin-top: -50px; position: relative; z-index: 10; }
.row .clinic-info{ width: 50%; position: relative; }
.row .clinic-info .item01{ position: absolute; top: 0; left: 0; z-index: 10; }
/*
.row .clinic-info .item01 > img,
.hour-access .item01 > img,
.staff .item01 > img,
.dental-case .item01 > img,
.feature .item01 > img,
.treatment .text-img > img,
.tour .item01 > img,
.all-info .item01 > img{ width: 208px; display: block; transition: .8s; }
*/
.row .clinic-info .item01 img,
.hour-access .item01 img,
.staff .item01 img,
.dental-case .item01 img,
.feature .item01 img,
.treatment .text-img img,
.tour .item01 img,
.all-info .item01 img{ width: 208px; display: block; transition: .8s; }
/*
.row .clinic-info .item01 > img:hover,
.hour-access .item01 > img:hover,
.staff .item01 > img:hover,
.dental-case .item01 > img:hover,
.feature .item01 > img:hover,
.treatment .text-img > img:hover,
.tour .item01 > img:hover,
.all-info .item01 > img:hover{ -ms-filter: blur(6px); filter: blur(6px); }
*/
.row .clinic-info .item01 img:hover,
.hour-access .item01 img:hover,
.staff .item01 img:hover,
.dental-case .item01 img:hover,
.feature .item01 img:hover,
.treatment .text-img img:hover,
.tour .item01 img:hover,
.all-info .item01 img:hover{ -ms-filter: blur(6px); filter: blur(6px); }
.item01 .small-staff,
.treatment .small-staff{ position: absolute; }
.item01 .small-staff img,
.treatment .small-staff img{ display: block; }
.small-staff{ width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center bottom; }
.row .clinic-info .item01 .small-staff{ bottom: 303px; left: 110px; background-image: url(../images/index/webp/staff_s_01.webp); }
.no-webp .row .clinic-info .item01 .small-staff{ background-image: url(../images/index/staff_s_01.png); }
.row .clinic-info .content01,
.row .clinic-info .content02{ padding: 30px 30px 30px 0; }
.row .clinic-info .content01{ background: #b0a280; border-right: solid 8px #bead80; }
.row .clinic-info .content02{ background: #61615f; border-right: solid 8px #535350; }
.row .clinic-info .content01 .inner,
.row .clinic-info .content02 .inner{ width: 515px; margin-left: auto; }
.row .clinic-info .content01 p,
.row .clinic-info .content02 p{ font-size: 20px; text-align: center; font-weight: 500; text-decoration: underline; margin-top: 4px; }
.row .clinic-info .content02 p{ color: #fff; }
.row .clinic-info .block01{
	width: 100%;
	height: 600px;
	background: url(../images/index/webp/bg01.webp) no-repeat;
	background-size: cover;
	position: relative;
}
.no-webp .row .clinic-info .block01{ background: url(../images/index/bg01.jpg) no-repeat; background-size: cover; }
.row .clinic-info .block01:before{ content: ''; width: 8px; height: 100%; background: rgba(255,255,255,.5); position: absolute; top: 0; right: 0; }
.row .clinic-info .block02{
	background: #89a1b4;
	display: flex;
	justify-content: flex-end;
	padding: 40px 40px 50px 0;
	border-right: solid 8px #8eabc2;
}
.row .clinic-info .block02 .inner{ width: 350px; }
.row .clinic-info .block02 h2,
.hour-access .block03 h2,
.staff .wrap-small h2,
.dental-case h2,
.feature h2,
.treatment h2,
.tour h2,
.all-info h2{
	background: #232323;
	display: table;
	color: #fff;
	font-weight: 500;
	padding: 0 .5em;
}
.row .clinic-info .block02 h3{ font-size: 20px; font-weight: 500; margin: 20px 0 20px; color: #fff; }
.dental-case h3{color: #fff; margin-bottom: .5em; font-weight: bold;}
.row .clinic-info .block02 p{ color: #fff; }
.row .clinic-info .block02 .arrow-btn{ margin-top: 30px; }

.hour-access{ width: 50%; position: relative; margin-top: 50px; margin-bottom: 3rem; }
.hour-access .item01{ position: absolute; top: 0; right: 0; z-index: 10; }
.hour-access .item01 .small-staff{ top: 91px; left: 43px; background-image: url(../images/index/webp/staff_s_02.webp); }
.no-webp .hour-access .item01 .small-staff{ background-image: url(../images/index/staff_s_02.png); }
.hour-access .content01,
.hour-access .content02{ padding: 30px 0 30px 30px; }
.hour-access .content01{ background: #89a1b4; border-left: solid 8px #8eabc2; }
.hour-access .content02{ background: #c0beb6; border-left: solid 8px #cfcdc4; }
.hour-access .content01 .inner,
.hour-access .content02 .inner{ width: 515px; margin-right: auto; }
.hour-access .content01 p,
.hour-access .content02 p{ font-size: 20px; text-align: center; font-weight: 500; text-decoration: underline; margin-top: 4px; }
.hour-access .content02 p{ color: #fff; }
.hour-access .block01{ background: #a8da31; padding: 40px 0 30px 40px; border-left: solid 8px #b4e71a; position: relative; }
.hour-access .block01 .inner,
.hour-access .block03 .inner{ width: 350px; }
.hour-access .block01 table{ width: 100%; table-layout: fixed; }
.hour-access .block01 table th{ font-weight: 500; text-align: center; padding: 8px 0; }
.hour-access .block01 table th span{ background: #232323; color: #fff; padding: 0 .5em; }
.hour-access .block01 table td{ text-align: center; font-weight: 500; vertical-align: middle; padding: 8px 0; }
.hour-access .block01 table td span{ position: relative; line-height: 2; }
.hour-access .block01 table td span:before{
	content: '';
	width: 1px;
	height: 6px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hour-access .block01 table tr > *:first-child{ width: 77px; } 
.hour-access .block01 table tr { border-bottom: solid 1px; }
.hour-access .block01 table + p{ font-size: 12px; font-weight: 500; margin-top: 4px; }
.hour-access .block02{
	width: 100%;
	height: 580px;
	background: url(../images/index/webp/bg02.webp) no-repeat;
	background-size: cover;
	position: relative;
}
.no-webp .hour-access .block02{ background: url(../images/index/bg02.jpg) no-repeat; background-size: cover; }
.hour-access .block02:before{ content: ''; width: 8px; height: 100%; background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; }
.hour-access .block03{ background: #61615f; padding: 40px 0 40px 40px; border-left: solid 8px #535350; }
.hour-access .block03 h2{ margin-bottom: 20px; }
.hour-access .block03 p{ color: #fff; margin-bottom: 1em; }
.hour-access .block03 .arrow-btn{ margin-top: 2em; }
.staff{
	height: 1505px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -210px;
}

.staff.add-staff{
	height: 3100px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -210px;
}

.staff .bg-triangle{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.staff .item01{
	position: absolute;
	top: 30%;
	left: 0;
	transform: translateY(-50%);
	z-index: 12
}
.staff .item01 .small-staff{ top: 334px; right: 24px; background-image: url(../images/index/webp/staff_s_03.webp); }
.no-webp .staff .item01 .small-staff{ background-image: url(../images/index/staff_s_03.jpg); }
.loop-wrap{
	height: 100%;
	overflow: hidden;
	display: flex;
	position: absolute;
	top: 0;
	max-width: 1200px;
	margin: 0 auto;
}
.staff-roll01,
.staff-roll02,
.staff-roll03{ height: 100%; width: calc(100% / 3); }
.staff-roll01 .draggable,
.staff-roll02 .draggable,
.staff-roll03 .draggable{ height: 100% !important; }
.staff-roll01 li,
.staff-roll02 li,
.staff-roll03 li{ padding: 100px 0; }
.staff-roll01 li img,
.staff-roll02 li img,
.staff-roll03 li img{ display: block; margin: 0 auto; transition: .6s; -ms-filter: blur(6px); filter: blur(6px); }
.staff-roll01 li img:hover,
.staff-roll02 li img:hover,
.staff-roll03 li img:hover{ -ms-filter: blur(0); filter: blur(0); }
.staff-roll01 li:nth-of-type(3n) img{ transform: translateX(-43%); }
.staff-roll01 li:nth-of-type(1) img,
.staff-roll01 li:nth-of-type(3n + 1) img,
.staff-roll03 li:nth-of-type(1) img,
.staff-roll03 li:nth-of-type(3n + 1) img{ transform: translateX(23%); }
.staff-roll02 li:nth-of-type(even){ transform: translateX(14%); }
.staff .wrap-small{ width: 580px; margin: 0 auto 10rem; position: relative; z-index: 11; }
.staff .yellow-wrap{ background: #c0beb6; margin-top: 30px; position: relative; }
.staff .yellow-wrap:nth-of-type(2){ margin-top: 340px; background: #c0b599; }
.staff .yellow-wrap:nth-of-type(3){ margin-top: 170px; background: #c0beb6; }
.staff .yellow-wrap .dr{ position: absolute; bottom: 0; right: -140px; width: 400px; }
.staff .yellow-wrap .inner{ width: 300px; padding: 50px 0 50px 45px; }
.staff .yellow-wrap dl dt{ font-size: 13px; font-weight: 500; }
.staff .yellow-wrap dl dd{ font-size: 22px; font-weight: 600; margin: 8px 0 20px; }
.staff .yellow-wrap p { font-weight: 500; }
.staff .yellow-wrap .arrow-btn{ margin-top: 30px; color: #000; }
.staff .yellow-wrap .arrow-btn:after{ border-color: transparent #000 transparent transparent; }

.staff + .row{ display: flex; align-items: center; margin-top: -500px; position: relative; z-index: 10; }
.row .dental-case{
	width: 50%;
	background: #61615f;
	padding: 40px 0 50px;
	border-right: solid 8px #535350;
	position: relative; margin-top: 3rem; }
.row .dental-case .item01{ position: absolute; top: 0; left: 0; }
.row .dental-case .item01 .small-staff{ right: 40px; bottom: 425px; background-image: url(../images/index/webp/staff_s_05.webp); }
.no-webp .row .dental-case .item01 .small-staff{ background-image: url(../images/index/staff_s_05.png); }
.row .dental-case .inner{ width: 350px; margin-left: auto; padding-right: 40px; }
.row .dental-case ul li{position: relative;}
.row .dental-case ul li:not(:last-of-type){ margin-bottom: 30px; }
.row .dental-case ul li .thumb{
	width: 100%;
	height: 155px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	transition: .3s;
}
.row .dental-case ul li:nth-of-type(1) .thumb{ background-image: url(../images/index/webp/case01.webp); }
.no-webp .row .dental-case ul li:nth-of-type(1) .thumb{ background-image: url(../images/index/case01.png); }
.row .dental-case ul li:nth-of-type(2) .thumb{ background-image: url(../images/index/webp/case02.webp); }
.no-webp .row .dental-case ul li:nth-of-type(2) .thumb{ background-image: url(../images/index/case02.png); }
.row .dental-case ul li:nth-of-type(3) .thumb{ background-image: url(../images/index/webp/case03.webp); }
.no-webp .row .dental-case ul li:nth-of-type(3) .thumb{ background-image: url(../images/index/case03.png); }
.row .dental-case ul li:nth-of-type(4) .thumb{ background-image: url("../images/index/webp/case04.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(4) .thumb{ background-image: url(../images/index/case04.jpg); }
.row .dental-case ul li:nth-of-type(5) .thumb{ background-image: url("../images/index/webp/case05.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(5) .thumb{ background-image: url(../images/index/case05.jpg); }
.row .dental-case ul li:nth-of-type(6) .thumb{ background-image: url("../images/index/webp/case06.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(6) .thumb{ background-image: url(../images/index/case06.jpg); }

.row .dental-case ul li:nth-of-type(1) .thumb:hover{ background-image: url(../images/index/webp/case01-after.webp); }
.no-webp .row .dental-case ul li:nth-of-type(1) .thumb:hover{ background-image: url(../images/index/case01-after.png); }
.row .dental-case ul li:nth-of-type(2) .thumb:hover{ background-image: url(../images/index/webp/case02-after.webp); }
.no-webp .row .dental-case ul li:nth-of-type(2) .thumb:hover{ background-image: url(../images/index/case02-after.png); }
.row .dental-case ul li:nth-of-type(3) .thumb:hover{ background-image: url(../images/index/webp/case03-after.webp); }
.no-webp .row .dental-case ul li:nth-of-type(3) .thumb:hover{ background-image: url(../images/index/case03-after.png); }
.row .dental-case ul li:nth-of-type(4) .thumb:hover{ background-image: url("../images/index/webp/case04-after.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(4) .thumb:hover{ background-image: url(../images/index/case04-after.jpg); }
.row .dental-case ul li:nth-of-type(5) .thumb:hover{ background-image: url("../images/index/webp/case05-after.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(5) .thumb:hover{ background-image: url(../images/index/case05-after.jpg); }
.row .dental-case ul li:nth-of-type(6) .thumb:hover{ background-image: url("../images/index/webp/case06-after.webp"); }
.no-webp .row .dental-case ul li:nth-of-type(6) .thumb:hover{ background-image: url(../images/index/case06-after.jpg); }
.dental-case h2{ margin-bottom: 30px; }
.row .dental-case ul li p{ color: #fff; }
.row .dental-case ul li .arrow-btn{ width: 100%; margin-top: 20px; }

.row .feature{
	width: 50%;
	background: #89a1b4;
	padding: 45px 0 47px;
	border-left: solid 8px #8eabc2;
	position: relative;
}
.row .feature .item01{ position: absolute; top: 0; right: 0; }
.row .feature .item01 .small-staff{ top: 258px; left: 20px; background-image: url(../images/index/webp/staff_s_04.webp); }
.no-webp .row .feature .item01 .small-staff{background-image: url(../images/index/staff_s_04.png); }
.row .feature .inner{ width: 350px; padding-left: 40px; }
.row .feature h2{ margin-bottom: 30px; }
.row .feature ul{ counter-reset: feature; }
.row .feature ul li:not(:last-of-type){ margin-bottom: 20px; }
.row .feature ul li .thumb{
	width: 100%;
	height: 155px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
/*.row .feature ul li:nth-of-type(1) .thumb{ background-image: url("../images/index/feature01.jpg"); }*/
.row .feature ul li:nth-of-type(1) .thumb{ background-image: url(../images/index/webp/feature05.webp); }
.no-webp .row .feature ul li:nth-of-type(1) .thumb{ background-image: url(../images/index/feature05.png); }
.row .feature ul li:nth-of-type(2) .thumb{ background-image: url(../images/index/webp/feature02.webp); }
.no-webp .row .feature ul li:nth-of-type(2) .thumb{ background-image: url(../images/index/feature02.jpg); }
.row .feature ul li:nth-of-type(3) .thumb{ background-image: url(../images/index/webp/feature03.webp); }
.no-webp .row .feature ul li:nth-of-type(3) .thumb{ background-image: url(../images/index/feature03.jpg); }
.row .feature ul li:nth-of-type(4) .thumb{ background-image: url(../images/index/webp/feature04.webp); }
.no-webp .row .feature ul li:nth-of-type(4) .thumb{ background-image: url(../images/index/feature04.jpg); }
.row .feature ul li:nth-of-type(5) .thumb{ background-image: url(../images/index/webp/feature05.webp); }
.no-webp .row .feature ul li:nth-of-type(5) .thumb{ background-image: url(../images/index/feature05.jpg); }
.row .feature ul li:nth-of-type(6) .thumb{ background-image: url(../images/index/webp/feature06.webp); }
.no-webp .row .feature ul li:nth-of-type(6) .thumb{ background-image: url(../images/index/feature06.png); }
.row .feature ul li .thumb:before{
	counter-increment: feature;
	content: counter(feature,decimal-leading-zero); 
	font-family: din-condensed, sans-serif;	
	font-size: 100px;
    line-height: 0.8;
    letter-spacing: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.row .feature ul li h3{
	font-size: 20px;
	font-weight: 500;
	margin: 16px 0 6px;
	color: #fff;
}
.row .feature ul li p{ color: #fff; }
.row .feature .arrow-btn{ margin-top: 30px; }

.treatment{ height: auto; padding-top: 290px; position: relative; margin-top: -100px; padding-bottom: 120px; }
.treatment .text-img{ position: absolute; top: 180px; right: 0; }
.treatment .text-img .small-staff{ top: 127px; left: 29px; background-image: url(../images/index/webp/staff_s_02.webp); }
.no-webp .treatment .text-img .small-staff{ background-image: url(../images/index/staff_s_02.png); }
.treatment .wrap{ width: 680px; }
.treatment h2{ margin-bottom: 30px; position: relative; z-index: 10; background: #a8da31; color: #000; }
.treat-list{ position: relative; z-index: 10; }
.treatment .bg-squere{
	width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.treatment .bg-squere span{ -ms-filter: blur(6px); filter: blur(6px); display: block; position: absolute; bottom: -200px; will-change: transform; transition: .3s; }
.treatment .bg-squere span:hover{ -ms-filter: blur(0px); filter: blur(0px); }
.treatment .bg-squere .item01{ width: 180px; height: 180px; background: #fad700; left: -40px; }
.treatment .bg-squere .item02{ width: 66px; height: 66px; background: #0f059b; left: 100px; }
.treatment .bg-squere .item03{ width: 67px; height: 67px; background: #dd0094; left: 60px; }
.treatment .bg-squere .item04{ width: 117px; height: 117px; background: #fad700; left: 140px; }
.treatment .bg-squere .item05{ width: 179px; height: 179px; background: #dd0094; left: 170px; }
.treatment .bg-squere .item06{ width: 67px; height: 67px; background: #dd0094; left: 444px; }
.treatment .bg-squere .item07{ width: 80px; height: 80px; background: #fad700; left: 476px; }
.treatment .bg-squere .item08{ width: 100px; height: 100px; background: #0f059b; right: 340px; }
.treatment .bg-squere .item09{ width: 66px; height: 66px; background: #fad700; right: 300px; }
.treatment .bg-squere .item10{ width: 164px; height: 164px; background: #fad700; right: 227px; }
.treatment .bg-squere .item11{ width: 85px; height: 85px; background: #0f059b; right: 367px; }

.treatment + .row{ display: flex; align-items: flex-start; position: relative; z-index: 10; }

.row .tour{ width: 50%; background: #a8da31; padding: 54px 0 140px; border-right: solid 8px #b4e71a; position: relative;}
.tour .item01{ position: absolute; top: 0; left: 0; }
.tour .item01 .small-staff{ top: 123px; right: 20px; background-image: url(../images/index/webp/staff_s_01.webp); }
.no-webp .tour .item01 .small-staff{ background-image: url(../images/index/staff_s_01.png); }
.row .tour .inner{ width: 350px; margin-left: auto; padding-right: 40px; }
.row .tour h2{ margin-bottom: 30px; }
.row .tour h3{ font-size: 18px; font-weight: 500; margin-bottom: 18px; }
.row .tour h3 span{font-size: 13px; display: block;}
.row .tour button.slick-prev.slick-arrow,
.row .tour button.slick-next.slick-arrow{
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
	width: 20px;
	height: 17px;
	position: absolute;
}
.row .tour button.slick-prev.slick-arrow{
	background: url(../images/index/arrow-prev.png) no-repeat;
	background-size: contain;
	top: 150px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}
.row .tour button.slick-next.slick-arrow{
	background: url(../images/index/arrow-next.png) no-repeat;
	background-size: contain;
	bottom: 150px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;	
}
.row .tour .tour-slide{ margin: 40px 0 50px; }
.row .tour .tour-slide li{ opacity: .5; transition: .8s;  }
.row .tour .tour-slide li.slick-current,
.row .tour .tour-slide li.is-active-next{ opacity: 1;  z-index: 10; position: relative;}
.row .tour .tour-slide li img{ transition: .8s; width: 210px; margin: 0 auto; }
.row .tour .tour-slide li.slick-current img,
.row .tour .tour-slide li.is-active-next img{ transform: scale(1.2); }
.row .tour .caption-slide{ margin-bottom: 20px; }
.row .tour .arrow-btn{ color: #000; margin-top: 30px; }
.row .tour .arrow-btn:after{ border-color: transparent #000 transparent transparent; }
.row .all-info{ width: 50%; background: #6c89a1; }
.row .all-info .item01{ position: absolute; top: 10px; right: 0; z-index: 10; }
.row .all-info .item01 .small-staff{ bottom: 80px; left: 33px; background-image: url(../images/index/webp/staff_s_03.webp); }
.no-webp .row .all-info .item01 .small-staff{ background-image: url(../images/index/staff_s_03.png); }
.row .all-info .clinic-pic{
	height: 300px;
	background: url(../images/index/webp/bg03.webp) no-repeat;
	background-size: cover;
	position: relative;
}
.no-webp .row .all-info .clinic-pic{ background: url(../images/index/bg03.png) no-repeat; background-size: cover; }
.row .all-info .clinic-pic:before{ content: ''; width: 8px; height: 100%; background: rgba(255,255,255,.5); position: absolute; top: 0; left: 0; }
.row .all-info .inner{ width: 350px; padding: 40px 0 40px 30px; border-left: solid 8px #6d88a1; }
.row .all-info .inner h2{ margin: 20px 0; }
.row .all-info .inner p{ margin-bottom: 1em; white-space: nowrap; color: #fff; }
.row .all-info .inner .tel-box{
	font-size: 40px;
	color: #fff;
	border: solid 1px;
	display: inline-block;
	padding: 4px 10px;
	line-height: 1;
}
.row .all-info .Gmap{ height: 300px; position: relative; }
.row .all-info .Gmap:before{
	content: '';
	width: 8px;
	height: 100%;
	background: rgba(255,255,255,.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.row .all-info .Gmap iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
}

.calendar{ height: 800px; position: relative; padding-top: 100px; }
.calendar div{
    display: block;
    margin: 50px auto 0;
    text-align: center;
}
.calendar h2{   
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
    background: #a8da31;
    color: #000;
    text-align: center;
    display: initial;
    padding: 2px 10px;
    font-weight: 500;
}



footer{ margin-top: -84px; }
footer .sitemap{margin: 20px auto 10px;}


.corona{
	margin: 30px 0;
}
.corona h2{
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 10px;
}
.corona p{
	margin-bottom: 15px;
	color: #FFF;
}

.corona p.corona_list{
	line-height: 200%;
}




#yoyaku_tuiju a{
    width: 181px;
    height: auto;
    padding: 25px 10px;
	background: rgba(0,0,0,1);
    color: #FFF;
    border: #FFF 2px solid;
    border-right: none;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    box-sizing: border-box;
    display: block;
    text-align: center;
    position: fixed;
    bottom: 5%;
    right: 0;
    z-index: 100;
    letter-spacing: -.5px;
    transition: .4s;
}

#yoyaku_tuiju i{
    color: #FFF;
    margin-bottom: 10px;
}

#yoyaku_tuiju a:hover{
    background: rgba(0,0,0,.1);  
    transition: .4s;
}



#yoyaku_tuiju_maru img.btn-rsv {
    width: 130px;
    bottom: 10%;
    right: 40px;
    z-index: 50;
    animation: rotate 7s linear infinite;
    transition: .3s;
    position: fixed;
}
#yoyaku_tuiju_maru .yoyaku_click{
    bottom: 15%;
    right: 63px;
    color: #a8da31;
    position: fixed;
    z-index: 50;
    font-size: 26px;
}

#treatment_area img.banner{width: 680px;margin-bottom: 20px;}



                            .color-box {
                                background-color: #fef7e5;
                                border-radius: 10px;
                                padding: 20px;
                                margin: 20px 0px 40px;
                                max-width: 100%;
                            }

                            .color-box h3 {
                                text-align: center;
                                color: #0b1b4b;
                                border-bottom: 1px dashed #0b1b4b!important;
								 font-size: 1.3rem;
                                line-height: 150%;
                                padding-bottom: 1rem;
                            }
                            .color-box p {
                                margin-top: 10px;
                                text-align: left;
                                color: #0b1b4b;
    							padding-left: 50px;
                            }

                            p.dots span{
                                border-bottom: 1px dotted #FF0004;
                                color:tomato;
                            }
.emergency_wrap{ border: #1a4992 2px solid; width: 900px; margin: 3rem auto; box-sizing: border-box;}
.emergency_wrap h2{ background:#1a4992; color: #FFF; font-weight: bold; font-size: 2rem; text-align: center; border-bottom: none; margin-bottom: 0rem; line-height: 2;}
.emergency_wrap p{ font-size: 1.6rem; line-height: 2.2; text-align: center; font-weight: bold; color: #000;}
.emergency_wrap p img{ height: 22px; width: auto; margin-top: -2px; vertical-align: middle;}
.emergency_wrap picture{ text-align: center;} 
.emergency_wrap img{ vertical-align:top;}

.jidv {margin:  10rem auto 200px;}
.jidv h3{font-size:  20px; font-weight: 600; margin-bottom: 20px; text-align: center; margin-top: -70px; }
.jidv h4{font-size: 16px; text-align: center;}
.jidv p{line-height: 2;}
.jidv p small {font-size: 12px;}
.jidv a{display: block; margin: 20px auto;}