.mv{ background: url(../images/index/webp/bg-mv01.webp) no-repeat; background-size: cover; padding: 54px 0 200px; }
.no-webp .mv{ background: url(../images/index/bg-mv01.jpg) no-repeat; background-size: cover;}
.mv .inner{ width: 65.83vw; margin: 0 auto 55px; display: flex; justify-content: space-between; align-items: center; }
.mv .logowrap{ width: 102px; margin-left: -104px; }
.mv .tel{ font-size: 25px; font-weight: 700; color: #fff; display: block; padding-left: 17px; background: url(../images/common/icon-tel01.png) no-repeat; background-size: 13px; background-position: top 50% left 0; }
.mv .slide-wrap{ position: relative; width: 65.83vw; margin: 0 auto; }
.mv .slide-wrap dl{ position: absolute; top: 40%; left: -70px; transform: translateY(-50%); }
.mv .slide-wrap dl dt{ font-size: 7.5vw; color: #fff; letter-spacing: 0; line-height: 1.4; }
.mv .slide-wrap dl dd{ font-size: 2vw; color: #fff; letter-spacing: 0.1rem; }
.mv .slide-wrap h1{position: absolute; top: 70%; left: -70px; transform: translateY(-50%);font-size: 1.1vw; color: #fff;}
.mv .main-slide img{ width: 100%; }
.mv .main-slide img.sp{ display: none; }
.mv .main-slide .slick-dots{ position: absolute; bottom: 10px; right: 10px; }
.mv .main-slide .slick-dots li{ width: 4px; height: 4px; border-radius: 4px; background: #e3e3e3; display: inline-block; margin: 0 2px; transition: 3s; }
.mv .main-slide .slick-dots li.slick-active{ background: #666260; }

.wrap.large{ width: 930px; }

.top-info{ background: #eae7e3; padding: 80px 0; margin-bottom: 150px; }
.top-info .wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top-info .hour, .top-info .map{ width: 450px; background: #fff; padding: 20px; position: relative; 
/*    margin-bottom: 50px;*/
}
.top-info .hour-table{ max-width: 100%; }
.top-info .hour-table th{ width: auto; font-size: 13px; height: 26px; }
.top-info .hour-table td{ font-size: 13px; height: auto; }
.top-info .hour-table + .three li{ width: 125px; font-size: 13px; }
.top-info .map h2{ width: 70px; height: 26px; background: #7c7470; font-size: 13px; color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; left: 20px; }
.top-info .map img.pc{ display: block; width: 100%; }
.top-info .bnr{ width: 450px; height: 170px; padding-bottom: 45px; position: relative; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; }
.top-info .bnr:nth-of-type(1){ background-image: url(../images/index/webp/bg-bnr01.webp); }
.no-webp .top-info .bnr:nth-of-type(1){ background-image: url(../images/index/bg-bnr01.jpg); }
.top-info .bnr:nth-of-type(2){ background-image: url(../images/index/webp/bg-bnr02.webp); }
.no-webp .top-info .bnr:nth-of-type(2){ background-image: url(../images/index/bg-bnr02.jpg); }
.top-info .bnr p{ font-size: 14px; font-weight: 700; text-shadow: #ffffff 1px 1px 0, #ffffff -1px -1px 0, #ffffff -1px 1px 0, #ffffff 1px -1px 0, #ffffff 0px 1px 0, #ffffff 0-1px 0, #ffffff -1px 0 0, #ffffff 1px 0 0; text-align: center; }
.top-info .bnr p strong{ display: block; font-size: 23px; text-align: center; }
.top-info .bnr span{ position: absolute; bottom: 0; left: 0; display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; background: url(../images/index/arrow01.png) #7c7470 no-repeat; background-size: 9px; background-position: right 22px center; font-weight: 700; color: #fff; }

h2.general{ font-size: 32px; text-align: center; padding-top: 100px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; background: url(../images/index/webp/item-ttl02.webp) no-repeat; background-size: 50px; background-position: top 0 left 50%; }
.no-webp h2.general{ background: url(../images/index/item-ttl02.png) no-repeat; background-size: 50px; background-position: top 0 left 50%; }
h2.general.v02{ background-image: url(../images/index/webp/item-ttl02.webp); background-size: 50px; padding-top: 80px; }
.no-webp h2.general.v02{ background-image: url(../images/index/item-ttl02.png); background-size: 50px; letter-spacing: 0.1rem;}

.img01.pc{ display: block; }
.img01{ width: 100%; }

.whitening{ background: #eae7e3; padding-bottom: 130px;}
.whitening .white{ background: #fff; padding-bottom: 135px; }
.whitening h2{ margin-bottom: 18px; }
.whitening h2 + p{ font-size: 18px; text-align: center; line-height: 2.2; }
.whitening .white-wrap{ background: #fff; margin-top: -100px; position: relative; padding: 60px 70px; display: flex; justify-content: space-between; }
.whitening .left{ width: 270px; }
.whitening .left h3{ font-size: 22px; margin-bottom: 1em; }
.whitening .right{ width: 473px; background: url(../images/index/webp/bg-whitening02.webp) no-repeat; background-size: 315px; background-position: left top 14px; }
.no-webp .whitening .right{ background: url(../images/index/bg-whitening02.jpg) no-repeat; background-size: 315px; background-position: left top 14px; }
.whitening .right ul{ margin-left: auto; display: table; }
.whitening .right ul li{ height: 53px; width: 165px; display: flex; align-items: center; padding-left: 67px; white-space: nowrap; background-repeat: no-repeat; background-size: 53px; background-position: top 50% left; position: relative; transition: .3s; }
.whitening .right ul li:hover{ opacity: .7; }
.whitening .right ul li:nth-of-type(1){ background-image: url(../images/index/webp/icon-whitening01.webp); }
.no-webp .whitening .right ul li:nth-of-type(1){ background-image: url(../images/index/icon-whitening01.png); }
.whitening .right ul li:nth-of-type(2){ background-image: url(../images/index/webp/icon-whitening02.webp); }
.no-webp .whitening .right ul li:nth-of-type(2){ background-image: url(../images/index/icon-whitening02.png); }
.whitening .right ul li:nth-of-type(3){ background-image: url(../images/index/webp/icon-whitening03.webp); }
.no-webp .whitening .right ul li:nth-of-type(3){ background-image: url(../images/index/icon-whitening03.png); }
.whitening .right ul li:nth-of-type(4){ background-image: url(../images/index/webp/icon-whitening04.webp); }
.no-webp .whitening .right ul li:nth-of-type(4){ background-image: url(../images/index/icon-whitening04.png); }
.whitening .right ul li + li{ margin-top: 33px; }

.staff{ background: #eae7e3; margin-bottom: 150px; }
.staff h2{ margin-bottom: 60px; }
.staff .row{ display: flex; }
.staff .row .img{ width: 50%; display: flex; justify-content: center; align-items: center; background: url(../images/index/webp/staff01.webp) no-repeat; background-size: cover; position: relative;}
.no-webp .staff .row .img{ background: url(../images/index/staff01.jpg) no-repeat; background-size: cover; position: relative;}
.staff .row .img:after{ content: ''; width: 100%; height: 100%; background: #ada9a2; mix-blend-mode: multiply; opacity: .6; position: absolute; top: 0; left: 0; transition: .3s; }
.staff .row .img:hover:after{ opacity: 0; }
.staff .row .img h3{ font-size: 41px; color: #fff; text-align: center; position: relative; z-index: 3; transition: .3s; }
.staff .row .img h3 span{ display: block; font-size: 18px; text-align: center; }
.staff .row .img:hover h3{ padding: .2em 1em .2em; background: rgba(102,98,96,.8); }
.staff .row .content{ width: 50%; background: #7c7470; }
.staff .row .content .inner{ width: 465px; padding: 78px 0 78px 100px; }
.staff .row h4{ color: #fff; line-height: 2; }
.staff .row table th{ color: #fff; white-space: nowrap; padding-right: 2em; line-height: 2; }
.staff .row table td{ color: #fff; line-height: 2; }
.staff .row p{ color: #fff; line-height: 2; }
.staff .row a.btn{ color: #fff; margin-top: 25px; }
.instagram_gallery{ display: flex; flex-wrap: wrap; }
.instagram_gallery a{ display: block !important; position: relative; }
.instagram_gallery a:hover{ opacity: 1; }
.instagram_gallery a:before{ content: ''; width: 100%; height: 100%; background: url(../images/index/icon-insta01.png) rgba(0,0,0,.2) no-repeat; background-size: 20px; background-position: center; position: absolute; top: 0; left: 0; z-index: 3; transition: .3s; }
.instagram_gallery a:after{ content: 'view more'; width: 130px; height: 50px; background: rgba(124,116,112,.8); display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: .3s; z-index: 3; color: #fff; }
.instagram_gallery a:hover:before{ opacity: 0; }
.instagram_gallery a:hover:after{ opacity: 1; }
.instagram_gallery a img{ display: block; }

.plan{ background: #eae7e3; padding-bottom: 150px; }
.plan .white{ background: #fff; padding-bottom: 55px; }
.plan .white-wrap{ background: #fff; margin-top: -100px; position: relative; padding: 60px 70px; }
.pickup{ margin-bottom: 70px; }
.pickup li { display: flex; justify-content: space-between; }
.pickup li .img{ width: 375px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.pickup li:nth-of-type(1) .img{ background-image: url(../images/index/webp/pickup01.webp); }
.no-webp .pickup li:nth-of-type(1) .img{ background-image: url(../images/index/pickup01.jpg); }
.pickup li:nth-of-type(2) .img{ background-image: url(../images/index/webp/pickup02.webp); }
.no-webp .pickup li:nth-of-type(2) .img{ background-image: url(../images/index/pickup02.jpg); }
.pickup li:nth-of-type(3) .img{ background-image: url(../images/index/webp/pickup03.webp); }
.no-webp .pickup li:nth-of-type(3) .img{ background-image: url(../images/index/pickup03.jpg); }
.pickup li .content { width: 370px; padding-top: 28px; }
.pickup li h3{ font-size: 20px; margin-bottom: .8em; }
.pickup li h3 span{ display: block; text-align: right; font-size: 25px; line-height: 1; }
.pickup li h3 span small{ font-size: 14px; }
.pickup li a.btn{ width: 100%; margin-top: 1em; }
.plan .gray-wrap{ background: #eae7e3; padding: 52px 94px 55px; }
.plan .gray-wrap h3{ font-size: 32px; text-align: center; margin-bottom: .4em; letter-spacing: 0.1rem;}

.contact-box{ background: #eae7e3; padding-bottom: 150px; }
.contact-box a.btn{ width: 370px; background: #c09f92; color: #fff; border: none; margin: 35px auto 0; }
.contact-box a.btn:hover{ background: #7c7470; }

.shorei{
     margin-top:30px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.shorei h4{
        font-size: 25px;
    text-align: center;
    line-height: 2.2;

}
.shorei .content{
    width:45%;
}
a.shorei_btn{
    text-align: center;
    margin: 40px auto 0px auto;
}

.shorei_box{
    margin-top:135px;
}

.excleaner_box{
    background: #fff;
    padding: 20px 70px 60px 70px;

    width: 930px;
    margin: 0 auto;
}
.excleaner_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    }

.ex_content{
    width:375px;
}

.excleaner_box h3{
    font-size: 22px;
    margin-bottom: 1em;
    }

.youtube-video{
    margin-top: 2vw;
}

.top-info .new-banner {width: 100%; margin-top:30px; padding-bottom:45px; align-items: center; background-size: cover; background-repeat: no-repeat; height: 220px;}
.top-info .new-banner { background-image: url("../images/index/ro_shika_gakusei_banner_pc02.jpg"); }



.genifix01 {
    background: url(../../../themes/forest_dental_clinic/img/common/click.png) no-repeat, url(../../../themes/forest_dental_clinic/img/common/click_03.png) no-repeat;
    background-position: top left, bottom right;
    background-color: #fff;
    padding: 2rem 2rem 2.5rem;
    text-align: left;
    box-shadow: 5px 5px 14px -3px #989a99;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
    opacity: 1;
}

	
	#top_infoarea {margin-top: 2em; padding: 2em 2em 1em;}
#top_infoarea{
    border: 5px solid #dbd7d2;
    padding: 2em;
    margin: 6em 0;
    box-sizing: border-box;
    width: 100%;
}
#top_infoarea h2{
	font-size: 32px;
    text-align: center;
    padding-bottom: 30px;
	line-height: 1.5;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
#top_infoarea img{width: 100px;}
#top_infoarea p{
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
	margin-bottom: 20px;
}
#top_infoarea p span.border_bottom{border-bottom: 2px dotted #7c7470;}


.mttop{margin-top: 5em;}
.excleaner_box{ background: #fff; padding: 20px 70px 60px 70px; width: 930px; margin: 0 auto; }
.excleaner_flex{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; }
.ex_content{ width:375px; }
.excleaner_box > h3{ font-size: 22px; margin-bottom: 1em; }
.excleaner_box ol{ display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: flow; }
.excleaner_box ol li{ width: 370px; }
.excleaner_box ol li:nth-of-type(n+3){ margin-top: 20px; }
.excleaner_box ol li h4{ font-size: 16px; font-weight: 700; color: #fff; background: #c09f92; padding: 0.3em 1em 0.3em 56px; position: relative; margin-bottom: 15px; }
.excleaner_box ol li h4:before{ counter-increment: flow; content: counter(flow,decimal-leading-zero); font-size: 32px; line-height: 1; color: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.excleaner_box ol li .txt{ position: relative; min-height: 110px; }
.excleaner_box ol li p{ width: 180px; }
.excleaner_box ol li img{ width: 180px; height: auto; position: absolute; top: 0; right: 0; }