@charset "UTF-8";
.fv{display: flex; justify-content: space-between; position: relative; margin-bottom: 200px;}
.fv-left{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding: 5rem;}
.fv-left h1{font-size: 2.45rem; letter-spacing: 10px; padding-left: 20px;}

.mv{width:100%;height:92vh;background-color:#fff;}
.slider-area{position:relative;width:100%;height:92vh;}
.slider-area div{border-radius: 20px 0 0 20px; border: thin solid #333; border-right: none;}
.slider-item{position:absolute;inset:0;opacity:0;z-index:0;animation:slideShow 15s linear infinite 0s;background-size:cover;background-position:center;}
.slider-item:nth-child(2){animation-delay:5s;}
.slider-item:nth-child(3){animation-delay:10s;}
.slider-item.bg1{background-image:url("../images/top01.webp");}
.slider-item.bg2{background-image:url("../images/top02.webp");}
.slider-item.bg3{background-image:url("../images/top03.webp");}
@keyframes slideShow {
    0% {opacity:0;animation-timing-function:ease-in;}
    8% {opacity:1;animation-timing-function:ease-out;}
    20% {opacity:1;}
    40%,100% {opacity:0;}
}

.top-news { overflow: hidden; height: 60px; position: relative;}
.top-news-wrapper { display: flex; flex-direction: column; animation: slideUp 6s linear infinite; }
@keyframes slideUp { 0% { transform: translateY(0); } 20% { transform: translateY(0); } 25% { transform: translateY(-60px); } 45% { transform: translateY(-60px); } 50% { transform: translateY(-120px); } 70% { transform: translateY(-120px); } 75% { transform: translateY(0); } 100% { transform: translateY(0); } }
.top-news-list-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.top-news-list { display: flex; flex-direction: column; justify-content: center; height: 60px; }

.top-news{position: absolute; bottom: 8vh; left: 10%; width: 300px; border: 1px solid #333; background: #fff; border-radius: 8px;}
.top-news-list{display: block; padding: .4rem 1rem; width: 100%; text-decoration: none;}


.md-info{background: no-repeat -100px center/auto 100% url("../img/md-info_bg.webp"); border-bottom: 1px solid #333;}
.md-info-wrapper{height: 820px;}
.content-right{float: right; width: 40%;}

.md-btn-list{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 60px;}
.md-btn{width: 46%; padding: 6rem 2rem 2rem 2rem; text-align: center; border: 1px solid #333; border-radius: 15px; background: #fff no-repeat center 2.4rem/auto 30px; font-weight: bold; text-decoration: none; letter-spacing: 1px; position: relative; transition: all .3s ease;}
.md-btn::after{content: ''; position: absolute; width: 30px; height: 30px; border-radius: 15px 0 15px 0; background: no-repeat center/18px auto url("../img/arrow-right-line_w.svg"); right: 0; bottom: 0;}
.md-btn:nth-child(1)::after{background-color: #00A6B9;}
.md-btn:nth-child(2)::after{background-color: #1F717A;}
.md-btn:nth-child(3)::after{background-color: #EB8030;}
.md-btn:nth-child(4)::after{background-color: #6CB55C;}
.md-btn:hover{background: no-repeat center 2.4rem/auto 40px;}
.md-btn:hover::after{opacity: .7;}
.md-btn-all{position: relative; font-weight: bold;}
.md-btn-all:hover{color: #00A6B9;}
.md-btn-all::after{content: ''; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: no-repeat center/auto 14px url("../img/list-unordered.svg");}
.md-info-bottom-btn{position: absolute; right: 0; bottom: 0; transform: translateY(50%);}
.md-schedule { width: 100%; border-collapse: collapse; text-align: center; font-size: 1rem; border-top: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3;}
.md-schedule th, .md-schedule td {border-top: 1px solid #C3C3C3;padding: 0.5rem 1rem;}
.md-schedule td {font-size: 1.2rem;}
.md-schedule-time{text-align: left;}
.md-schedule-noline{border-top: none !important;}
.md-time-content{padding: 15px 0 0 1rem; line-height: 1.75;}
.scroll-notice{font-size: .85rem; color: #888; margin-bottom: 0.5rem; display: none;}


.clinic-info{background: no-repeat right center/auto 100% url("../img/clinic-info_bg.webp"); border-bottom: 1px solid #333; margin-top: 200px;}
.clinic-info-wrapper{height: 700px;}
.content-left{width: 27%;}
.clinic-info-content{line-height: 1.75; margin-bottom: 30px;}
.clinic-info-list{border-top: thin solid #ddd;}
.list-btn{padding: 1.2rem 0; display: block; border-bottom: thin solid #ddd; text-decoration: none; position: relative; transition: all .3s ease;}
.list-btn::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: no-repeat center/auto 100% url("../img/arrow-right-line.svg");}
.list-btn:hover{background: #F2F8F8;}


.news{background: #F2F8F8; padding-block: 200px;}
.news a{text-decoration: none;}
.title span{color: #bcbcbc; letter-spacing: 1px; font-size: 14px; margin-left: 15px;}
.news-area-list a{display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 1.2rem 1em; border-bottom: thin solid #ddd;}
.news-area-list span,.news-arrow{color: #1F717A;}
.news-area-list a > span{width: 10%;}
.news-title{width: 65%;}
.news-arrow{position: relative; width: 100px;}
.news-arrow::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: no-repeat center/auto 100% url("../img/arrow-right-line_g.svg"); transition: all .3s ease;}
.list-btn:hover{background: #F2F8F8;}
.news-area-list:nth-child(1) a,
.news-area-list:first-of-type a {border-top: thin solid #ddd;}
.news-area-list a{transition: all .3s ease; min-height: 80px;}
.news-area-list a:hover{background: #e5f9f9;}
.news-area-list a:hover .news-arrow::after{right: -10px;}
.news-list-btn{margin: 80px 0 0 auto;}
.category{display: flex; flex-direction: column;}
.category span{display: block; width: 100%;}


/* mobile
-----------------------------------------------------------*/
@media (max-width: 767px) {
    .sp-none{display: none;}

    .fv{flex-wrap: wrap; margin-bottom: 80px;}
    .fv-left{position: absolute; z-index: 10; top: 0;-ms-writing-mode: lr-tb;  writing-mode: horizontal-tb; padding: 3rem;}
    .fv-left h1{padding: 0 0 30px 0; line-height: 1.5; letter-spacing: 6px; font-size: 5.25vw;}
    .mv{padding-left: 5%; height: calc(100vh - 120px);}
    .top-news{bottom: 6.5vh; left: 0;}
    .slider-area{height: calc(100vh - 120px);}
    .slider-item.bg2{background-image:url("../images/top02_sp.webp");}

    .md-info{background-size: 100% auto; background-position: left bottom; }
    .md-info-wrapper{padding-bottom: calc(781px + 100vw); height: auto;}
    .content-right,.content-left{width: 100%; padding-inline: 5vw;}
    .md-schedule td{font-size: 1rem;}
    .md-schedule-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .md-schedule {min-width: 600px;}
    .scroll-notice{display: block;}
    .md-btn-list{gap: 5vw;}
    .md-btn{width: 42.5vw;}
    .md-info-bottom-btn{right: 5vw; width: 90%;}

    .clinic-info{margin-top: 100px;background-size: 100% auto; background-position: right bottom;}
    .clinic-info-wrapper{height: auto; padding-bottom: 100vw;}
    .content-left{padding-inline: 5%;}

    .news{padding: 80px 5%;}
    .news-area-list a{flex-wrap: wrap; justify-content: start;}
    .news-area-list a > span{width: 90px;}
    .category{flex-direction: row; width: 120px;}
    .news-title{width: 100%;}
    .news-list-btn{margin: 30px 0 0 0; width: 100%;}

}

@media (max-width: 375px) {

}