header{ background: transparent; transition: .5s; }



header.fix{ background: #fff; }







.menu-btn .inner span{ background: #fff; }



.menu-btn.fix .inner span{ background: #141414; }



.menu-btn p{ color: #fff; }



.menu-btn.fix p{ color: #141414; }







.mv{ position: relative; margin-bottom: 100px; }



.mv .main-slide li{ width: 100vw; height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; }



.mv .main-slide li.slide01{ background-image: url(../images/index/webp/mv01.webp); }



.no-webp .mv .main-slide li.slide01{ background-image: url(../images/index/mv01.jpg); }



.mv .main-slide li.slide02{ background-image: url(../images/index/webp/mv02.webp); }



.no-webp .mv .main-slide li.slide02{ background-image: url(../images/index/mv02.jpg); }



.mv .main-slide li.slide03{ background-image: url(../images/index/webp/mv03.webp); }



.no-webp .mv .main-slide li.slide03{ background-image: url(../images/index/mv03.jpg); }

.mv .main-slide li.slide04{ background-image: url(../images/index/webp/mv04.webp); }
.no-webp .mv .main-slide li.slide04{ background-image: url(../images/index/mv04.jpg); }

.mv .inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; }



.mv .inner .logo{ display: block; width: 150px; margin: 0 auto 14px; }



.mv .inner h1{ font-size: 20px; text-align: center; color:white;}



.mv .inner h1 strong{ display: block; text-align: center; font-size: 40px; color:white;}







.top-info{ padding-bottom: 50px; z-index: 0; margin-bottom: 35px; }



.top-info .img{ width: 50vw; height: 100%; background: url(../images/index/webp/top-info01.webp) no-repeat center/cover; position: absolute; top: 0; right: calc(-50vw + 450px); z-index: -1; }



.no-webp .top-info .img{ background-image: url(../images/index/top-info01.jpg); }



.top-info h2{ font-size: 40px; color: #87c11b; line-height: 1; margin-bottom: 10px; }



.top-info .content{ display: block; width: 100%; position: relative; background: #f2f2f2; padding: 2.5rem 4rem; }



/*.top-info .content:before{ content: ''; width: calc(50vw - 450px); height: 100%; background: #f2f2f2; position: absolute; top: 0; left: calc(-50vw + 450px); }

.top-info .content:after{ content: ''; width: calc(50vw - 450px); height: 100%; background: #f2f2f2; position: absolute; top: 0; right: calc(-50vw + 450px); }*/



.top-info .left{
    width: 100%;
    padding-right: 0;
    border-right:none;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: #FFF 1px solid;
}



.top-info .left ul li{ font-size: 13px; line-height: 1.6; }



.top-info .left ul li + li{ border-top: solid 1px #fff; margin-top: 12px; padding-top: 12px; }



.top-info .left ul li a{ width: 43rem; max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }



.top-info .left ul li .time{
    display: inline-block;
    margin-right: 1rem;
}



.top-info .left a.all{ display: table; font-size: 13px; padding-right: 20px; background: url(../images/common/arrow01.png) no-repeat right center/13px; }



.top-info .right{ 
    width: 100%;
    padding-left: 0; 
}



.top-info .right .hour-table{ width: 100%; margin-bottom: 1rem; }



.top-info .right .hour-table tbody th{ color: #141414; font-size: 15px; line-height: 2; font-weight: 600;  }

.top-info .right .hour-table thead th{ width: 150px;}
.top-info .right .hour-table thead td{ font-size: 15px; font-weight: 600;}
.top-info .right .hour-table thead td:last-of-type{ width: auto; }


.top-info .right .hour-table tbody td{ color: #87c11b; font-size: 18px; }



.top-info .right .hour-table + p{ color: #141414; }


.top-info h3{ font-weight: 700; margin-bottom: 15px; font-size: 1.2rem; line-height: 1; }







.access-box{ margin-bottom: 150px; }



.access-box h2{ font-size: 24px; line-height: 1.6; border-bottom: solid 1px #87c11b; position: relative; padding-bottom: .4em; margin-bottom: 1.2em; }



.access-box h2 span{ font-size: 40px; color: #87c11b; position: absolute; bottom: 0; right: 0; }



.access-box .left{ width: 400px; }



.access-box .left dt{ font-size: 16px; border-bottom: solid 1px #f2f2f2; padding-bottom: .5em; margin-bottom: 1em; }



.access-box .left dd p.access{ font-size: 16px; padding-left: 30px; background: url(../images/common/icon-access02.png) no-repeat left center/18px; }



.access-box .left dd a.tel{ font-size: 26px; padding-left: 30px; background: url(../images/common/icon-tel01.png) no-repeat left center/16px; }



.access-box .left dd p.instagram{ padding-left: 30px; background: url(../images/common/instagram.png) no-repeat left center/26px; position: absolute; left: 248px; top: 271px;}



.access-box .left dd a.btn{ margin-top: 24px; }



.access-box .right{ width: 486px; }







.covid{ background: url(../images/index/webp/bg-covid01.webp) no-repeat center/cover; padding: 40px 50px 50px; z-index: 0; margin-bottom: 90px; }



.covid.re-position{ margin-bottom: 30px; margin-top: 90px;}



.no-webp .covid{ background-image: url(../images/index/bg-covid01.jpg); }



.covid:before{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; border: solid 1px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; }



.covid h2{ font-size: 22px; color: #fff; margin-bottom: .6em; }



.covid p{ color: #fff; margin-bottom: 20px; }







h2.general{ font-family: 'Noto Serif JP', serif; font-weight: 500; font-size: 30px; color: #fff; }



h2.general small{ display: block; font-size: 16px; line-height: 1.4; color: #87c11b; }



h2.border{ font-family: 'Noto Serif JP', serif; font-weight: 500; font-size: 30px; text-align: center; line-height: 1; position: relative; }



h2.border .length{ display: inline-block; text-align: center; }



h2.border strong{ font-size: 50px; font-weight: 300; }



h2.border small{ font-size: 16px; display: inline-block; line-height: 1; color: #14835d; }



h2.border .left{ height: 6px; border-top: solid 1px; border-bottom: solid 1px; position: absolute; top: 15px; left: 0; }



h2.border .right{ height: 6px; border-top: solid 1px; border-bottom: solid 1px; position: absolute; top: 15px; right: 0; }







.first{ background: url(../images/index/webp/bg-first01.webp) no-repeat center/cover; }


.no-webp .first{ background-image: url(../images/index/bg-first01.jpg); }



.first .wrap{ padding-top: 65px; padding-bottom: 75px; }



.first h2{ margin-bottom: 35px; }



.first p{ color: #fff; }



.first p + a.btn{ margin-top: 30px; }



.first .item01{ width: 350px; position: absolute; top: 50%; right: -50px; transform: translateY(-50%); }







.bg-texture{ background: url(../images/index/bg01.jpg); padding-bottom: 10px; }







.feature{ padding-top: 110px; margin-bottom: 100px; z-index: 0; }



.feature .item01{ width: 478px; position: absolute; top: 50px; left: -250px; mix-blend-mode: multiply; }



.feature h2{ margin-bottom: 30px; }



.feature h2 .left{ top: 50%; left: 0; transform: translateY(-50%); }



.feature h2 .right{ top: 50%; right: 0; transform: translateY(-50%); }



.feature h3{ font-size: 20px; font-weight: 700; color: #14835d; text-align: center; line-height: 1.7; margin-bottom: 26px; }



.feature h3 + p{ max-width: 700px; margin: 0 auto 60px; line-height: 2.2; }



.feature ol{ margin-bottom: 75px; }



.feature ol li{ position: relative; }



.feature ol li + li{ margin-top: 100px; }



.feature ol li .content{ width: 500px; position: relative; }
.feature ol li .content p + p{ margin-top: .5rem;}


.feature ol li:nth-of-type(odd) .content{ padding-left: 100px; }



.feature ol li:nth-of-type(even) .content{ padding-right: 100px; margin-left: auto; }



.feature ol li .no{ width: 80px; height: 80px; border-radius: 40px; background: #14835d; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; }



.feature ol li:nth-of-type(odd) .no{ left: 0; }



.feature ol li:nth-of-type(even) .no{ right: 0; }



.feature ol li .no span{ color: #fff; display: block; font-size: 14px; text-align: center; line-height: 1.2; }



.feature ol li .no span strong{ display: block; text-align: center; font-size: 28px; font-weight: 300; line-height: 1; color: #fff;}



.feature ol li h4{ font-size: 20px; font-weight: 700; position: relative; padding-bottom: .5em; margin-bottom: .7em; }



.feature ol li h4:after{ content: ''; width: 100%; height: 2px; background: url(../images/index/border01.png) repeat-x left center/contain; position: absolute; bottom: 0; left: 0; }



.feature ol li .img{ width: 350px; height: 230px; position: absolute; top: 0; }



.feature ol li:nth-of-type(odd) .img{ right: 0; }



.feature ol li:nth-of-type(even) .img{ left: 0; }



.feature ol li .img .inner{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; z-index: 2; }



.feature ol li .img .click-video{ cursor: pointer; }



.feature ol li .img .click-video:before{ content: ''; width: 100%; height: 100%; background: url(../images/index/btn-video01.png) rgba(0,0,0,.2) no-repeat center/40px; position: absolute; top: 0; left: 0; }



.feature ol li:nth-of-type(4) .img .inner{ background-image: url(../images/index/webp/feature01.webp); }



.feature ol li:nth-of-type(5) .img .inner{ background-image: url(../images/index/webp/feature02.webp); }



.feature ol li:nth-of-type(3) .img .inner{ background-image: url(../images/index/webp/feature03.webp); }



.feature ol li:nth-of-type(2) .img .inner{ background-image: url(../images/index/webp/feature04.webp); }


.feature ol li:nth-of-type(1) .img .inner{ background-image: url(../images/index/webp/feature05.webp); }



.no-webp .feature ol li:nth-of-type(4) .img .inner{ background-image: url(../images/index/feature01.jpg); }



.no-webp .feature ol li:nth-of-type(5) .img .inner{ background-image: url(../images/index/feature02.jpg); }



.no-webp .feature ol li:nth-of-type(3) .img .inner{ background-image: url(../images/index/feature03.jpg); }



.no-webp .feature ol li:nth-of-type(2) .img .inner{ background-image: url(../images/index/feature04.jpg); }



.no-webp .feature ol li:nth-of-type(1) .img .inner{ background-image: url(../images/index/feature05.jpg); }



.feature ol li .img:before{ content: ''; width: 100%; height: 100%; background-size: auto auto; background-size: auto auto; background-color: rgba(0, 0, 0, 0); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(235, 232, 232, 1) 4px, rgba(235, 232, 232, 1) 6px ); position: absolute; top: -20px; left: -20px; mix-blend-mode: multiply; }



.feature ol li .img:after{ content: ''; width: 100%; height: 100%; background-size: auto auto; background-size: auto auto; background-color: rgba(0, 0, 0, 0); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(235, 232, 232, 1) 4px, rgba(235, 232, 232, 1) 6px ); position: absolute; bottom: -20px; right: -20px; mix-blend-mode: multiply; }



.feature ol + .btn{ margin: 0 auto 0; }







.treatment-box{ background: url(../images/index/webp/bg-treatment01.webp) #fff no-repeat center bottom 12px/calc(100% - 20px); padding: 90px 50px 230px; z-index: 0; }



.no-webp .treatment-box{ background-image: url(../images/index/bg-treatment01.jpg); }



.treatment-box:before{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; position: absolute; top: 10px; left: 10px; z-index: -1; }



.treatment-box h2{ margin-bottom: 20px; }



.treatment-box .inner{ width: 650px; margin: 0 auto; }



.treatment-box .treat-list{ margin-top: 40px; }



.treatment-box .treat-list + a.btn{ margin: 45px auto 0; }



.treatment-box .bg-gray{ background: #f9f9f9; padding: 45px 50px 50px; margin-top: 75px; }



.treatment-box .bg-gray h3{ font-size: 22px; text-align: center; margin-bottom: 1em; }



.treatment-box .bg-gray dl{ border-bottom: solid 1px #87c11b; }



.treatment-box .bg-gray dl > .row{ padding: 16px 0; border-top: solid 1px #87c11b; }



.treatment-box .bg-gray dl dt{ font-size: 16px; font-weight: 700; color: #87c11b; }



.treatment-box .bg-gray dl dd{ font-size: 14px; text-align: right; }



.treatment-box .bg-gray dl dd.row{ width: 376px; position: relative; }



.treatment-box .bg-gray dl dd.row + dd{ margin-top: .4em; padding-top: .5em; }



.treatment-box .bg-gray dl dd.row + dd:before{ content: ''; width: 100%; height: 2px; background: url(../images/index/border02.png) repeat-x left center/contain; position: absolute; top: 0; left: 0; }



.treatment-box .bg-gray dl + a.btn{ margin: 50px auto 0; }







.treatment-box .inner.width-adjust { width: 685px;}







.dr{ background: url(../images/index/webp/bg-dr01.webp) no-repeat center/cover; padding: 90px 0 100px; position: relative; }



.no-webp .dr{ background-image: url(../images/index/bg-dr01.jpg); }



.dr:before{ content: 'Doctor Information'; font-size: 140px; font-family: linotype-didot, serif; font-weight: 400; letter-spacing: 0em; color: #14835d; line-height: 1; position: absolute; top: -116px; left: 50%; transform: translateX(-50%); white-space: nowrap; display: block; }



.dr .wrap{ width: 800px; }



.dr .dr-wrap{ position: relative; padding-bottom: 50px; border-bottom: solid 1px #439c7d; margin-bottom: 40px; }



.dr .dr-wrap h2{ margin-bottom: 28px; }



.dr .dr-wrap h2 span{ display: block; font-size: 20px; font-weight: 700; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; margin-bottom: .3em; }



.dr .dr-wrap .item01{ width: 450px; position: absolute; bottom: 0; right: -9rem; }



.dr .dr-wrap h2 + p{ color: #fff; max-width: 500px; line-height: 2; margin-bottom: 40px; }



.dr .case-wrap{ position: relative; }



.dr .case-wrap h2{ margin-bottom: 35px; }



.dr .case-wrap h2 + p{ color: #fff; position: absolute; top: 15px; right: 0; }



.dr .case-link{ display: flex; justify-content: space-between; margin-bottom: 50px; }



.dr .case-link li{ width: 250px; position: relative; }



.dr .case-link li h4{ width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; font-size: 18px; color: #fff; position: relative; z-index: 0; margin-bottom: 20px; }



.dr .case-link li:nth-of-type(1) h4{ background-image: url(../images/index/webp/case-link02.webp); }



.dr .case-link li:nth-of-type(2) h4{ background-image: url(../images/index/webp/case-link01.webp); }



.dr .case-link li:nth-of-type(3) h4{ background-image: url(../images/index/webp/case-link03.webp); }



.no-webp .dr .case-link li:nth-of-type(1) h4{ background-image: url(../images/index/case-link02.jpg); }



.no-webp .dr .case-link li:nth-of-type(2) h4{ background-image: url(../images/index/case-link01.jpg); }



.no-webp .dr .case-link li:nth-of-type(3) h4{ background-image: url(../images/index/case-link03.jpg); }



.dr .case-link li h4:before{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; border: solid 1px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; }



.dr .case-link li .btn{ width: 100%; pointer-events: none; }



.dr .case-link li:hover .btn{ background-color: rgba(255, 255, 255, .3); }



.dr .case-all{ width: 100%; height: 150px; background: url(../images/index/webp/case-all01.webp) no-repeat center/cover; display: flex; align-items: center; justify-content: space-between; padding: 0 50px; position: relative; z-index: 0; }



.no-webp .dr .case-all{ background-image: url(../images/index/case-all01.jpg); }



.dr .case-all:before{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; border: solid 1px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; }



.dr .case-all ul li{ color: #fff; }



.dr .case-all ul li:before{ content: '-'; margin-right: .4em; }



.dr .case-all .btn{ pointer-events: none; }



.dr .case-all:hover .btn{ background-color: rgba(255, 255, 255, .3); }







.loop .swiper-wrapper{ transition-timing-function:linear; }



.loop .swiper-wrapper li img{ display: block; width: 100%; }







.group{ background: url(../images/index/bg01.jpg); padding: 140px 0 70px; }



.group h2{ margin-bottom: 34px; }



.group h2 + p{ text-align: center; margin-bottom: 65px; }



.group-list{ display: flex; flex-wrap: wrap; }



.group-list li{ width: 250px; margin-right: calc((100% - 250px * 3) / 2); background: #fff; padding-bottom: 35px; position: relative; transition: .3s; }



.group-list li:nth-of-type(3n){ margin-right: 0; }



.group-list li:nth-of-type(n+4){ margin-top: 50px; }



.group-list li .thumb{ height: 150px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 16px; }



.group-list li:nth-of-type(1) .thumb{ background-image: url(../images/index/webp/group01.webp); }



.group-list li:nth-of-type(2) .thumb{ background-image: url(../images/index/webp/group02.webp); }



.group-list li:nth-of-type(3) .thumb{ background-image: url(../images/index/webp/group03.webp); }



.group-list li:nth-of-type(4) .thumb{ background-image: url(../images/index/webp/group04_akitsu.webp); }



.group-list li:nth-of-type(5) .thumb{ background-image: url(../images/index/webp/group05.webp); }



.group-list li:nth-of-type(6) .thumb{ background-image: url(../images/index/webp/group06.webp); }



.group-list li:nth-of-type(7) .thumb{ background-image: url(../images/index/webp/group07.webp); }



.no-webp .group-list li:nth-of-type(1) .thumb{ background-image: url(../images/index/group01.jpg); }



.no-webp .group-list li:nth-of-type(2) .thumb{ background-image: url(../images/index/group02.jpg); }



.no-webp .group-list li:nth-of-type(3) .thumb{ background-image: url(../images/index/group03.jpg); }



.no-webp .group-list li:nth-of-type(4) .thumb{ background-image: url(../images/index/group04.jpg); }



.no-webp .group-list li:nth-of-type(5) .thumb{ background-image: url(../images/index/group05.jpg); }



.no-webp .group-list li:nth-of-type(6) .thumb{ background-image: url(../images/index/group06.jpg); }



.no-webp .group-list li:nth-of-type(7) .thumb{ background-image: url(../images/index/group07.jpg); }



.group-list li h3{ font-weight: 700; text-align: center; margin-bottom: 10px; }



.group-list li p{ width: 200px; border-top: solid 1px; margin: 0 auto; font-size: 13px; line-height: 1.7; padding-top: 15px; }



.group-list li .linkwrap:before{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; border: solid 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.group-list li .linkwrap:after{ content: ''; width: 13px; height: 13px; background: url(../images/index/icon-blank01.png) no-repeat center/contain; position: absolute; bottom: 25px; right: 25px; }



.group-list li .linkwrap:hover{ opacity: 1; }



.group-list li:hover{ opacity: .7; }







.foot-logo{ margin: 145px auto 0; }



.mt10{margin-top: 10px;}



.mt20{margin-top: 20px;}







.overlay{ width: 100%; height: 100%; background: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; z-index: 9998; opacity: 0; visibility: hidden; transition: .5s; display: flex; justify-content: center; align-items: center; cursor: pointer; }



.overlay.active{ opacity: 1; visibility: visible; }



.overlay .video-wrap{ background: #000; display: table; max-width: calc(100vw - 20px); margin: 0 auto; }



.overlay iframe{ display: block; max-width: 100%; margin: 0 auto; }



body.modal-open{ overflow: hidden; }







a.relation-link {display: table;border: solid 1px;font-size: 13px;padding: .4em 1.4em .4em 184px;border-radius: 3em;position: relative;margin: 20px 0;}



a.relation-link:before {content: '併せて読みたい';width: 170px;height: 100%;background: url(../images/common/arrow02.png) #141414 no-repeat center right 14px/13px;color: #fff;border-radius: 2em;position: absolute;left: 0;top: 0;display: flex;align-items: center;line-height: 1;padding-left: 1.4em;box-sizing: border-box;}







.contents-list{ display: none; }



.kakaku-text {margin-bottom: 15px;}

.kakaku-text-bottom {margin-top: 15px;}



.new-wrap {background: none;

    max-width: 800px;

    margin: 0 auto 50px;

    padding: 0;

	}

@media (max-width: 768px) {
    .blog h2 {
        right: 0; 
        top: 0;
    }
}
span.zyuyo{
color: #fff;
font-weight: bold;
font-size: 1.4rem;
background:red;
padding:.5rem 1rem;
}

.news-in-flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}