@charset "utf-8";

/* ----------------------------------------------
  #top-mainview
 ---------------------------------------------- */

#top-mainview { width:100%; aspect-ratio:390/480; position:relative; z-index:1; }
.top-mv-lcp { width:100%; height:100%; position:relative; z-index:1; transition:opacity .3s ease; }
.top-mv-lcp img { display:block; width:100%; height:auto; object-fit:cover; object-position:right 0 top 0; }
.top-mv-lcp.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.slide-top-mv { position:absolute; top:0; right:0; width:100%; height:100%; overflow:hidden; margin-inline:auto; z-index:2; opacity:0; visibility:hidden; transition:opacity .3s ease; pointer-events:none; } /* スライダーは最初は非表示 */
.slide-top-mv picture { display:block; }
.slide-top-mv picture img { width:100%; height:auto; }
.slide-top-mv.is-ready { opacity:1; visibility:visible; }
.add-animation { animation:zoomUp 10s linear 0s normal both; }

@media screen and (min-width:900px){
#top-mainview { aspect-ratio:1440/640; }
.top-mv-lcp {}
.top-mv-lcp img { aspect-ratio:1440/640; object-position:right 0 top 0; }
.slide-top-mv {}
.slide-top-mv picture {}
.slide-top-mv picture img { aspect-ratio:1440/640; }
.add-animation {}
}
@media screen and (min-width:1380px){
#top-mainview { width:1380px; margin:0 auto; }
.top-mv-lcp {}
.top-mv-lcp img { object-position:right 0 top 0; }
.slide-top-mv {}
.slide-top-mv picture {}
.slide-top-mv picture img {}
.add-animation {}
}




#top-mv-thumb { position:absolute; top:9.23vw; left:6.15vw; z-index:999; }
.top-mv-thumb-tit { margin:0 0 10.25vw; padding:0 14vw 0 0; font-weight:500; }
.top-mv-thumb-tit dt { display:table; margin:0 0 5.13vw; font-size:5.64vw; position:relative; z-index:2; }
.top-mv-thumb-tit dt:after { content:""; position:absolute; top:50%; right:-12.3vw; width:11.54vw; height:1px; background:#111; z-index:3; }
.top-mv-thumb-tit dd { line-height:1.5; font-size:4.61vw; position:relative; }
.top-mv-thumb-tit dd:after { content:"We are"; position:absolute; bottom:-10.77vw; left:26.2vw; width:100%; font-size:8.46vw; color:rgba(205,205,205,0.25); font-family:'Gotu'; font-style:normal; font-weight:400; z-index:-1; }
.top-mv-thumb-box { line-height:1.63; padding:0 0 0 3.33vw; font-size:2.82vw; position:relative; }
.top-mv-thumb-box:before { content:""; position:absolute; top:0; left:0; width:0.51vw; height:8.71vw; background:#626262; }

@media screen and (min-width:900px){
#top-mv-thumb { top:9.42vw; left:8.69vw; }
.top-mv-thumb-tit { margin:0 0 5.8vw; padding:0; }
.top-mv-thumb-tit dt { margin:0 0 1.74vw; font-size:2.46vw; }
.top-mv-thumb-tit dt:after { right:-5.07vw; width:4.92vw; }
.top-mv-thumb-tit dd { font-size:2.03vw; }
.top-mv-thumb-tit dd:after { bottom:-4.61vw; left:10.86vw; font-size:4.05vw; }
.top-mv-thumb-box { padding:0 0 0 1.3vw; font-size:1.45vw; }
.top-mv-thumb-box:before { width:0.21vw; height:4.63vw; }
}
@media screen and (min-width:1380px){
#top-mv-thumb { top:130px; left:120px; }
.top-mv-thumb-tit { margin:0 0 80px; }
.top-mv-thumb-tit dt { margin:0 0 24px; font-size:34px; }
.top-mv-thumb-tit dt:after { right:-70px; width:68px; }
.top-mv-thumb-tit dd { font-size:28px; }
.top-mv-thumb-tit dd:after { bottom:-45px; left:150px; font-size:56px; }
.top-mv-thumb-box { padding:0 0 0 18px; font-size:20px; }
.top-mv-thumb-box:before { width:3px; height:64px; }
}




#top-main { padding:12.82vw 0 0; }

@media screen and (min-width:900px){
#top-main { padding:5.8vw 0 0; position:relative; }
}
@media screen and (min-width:1380px){
#top-main { padding:80px 0 0; }
}




@keyframes zoomUp {
    0% { transform:scale(1); }
  100% { transform:scale(1.15); }
}




#top-mainview .dots-top-mv { position:absolute; bottom:-7.69vw; left:calc(50% - 40vw); width:80vw; }

@media screen and (min-width:900px){
#top-mainview .dots-top-mv { bottom:-2.9vw; left:calc(50% - 40vw); width:80vw; }
}
@media screen and (min-width:1380px){
#top-mainview .dots-top-mv { bottom:-40px; }
}




.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; width:100%; }
.slick-dots li { width:2.05vw; height:2.05vw; background:#D9D9D9; border-radius:50%; list-style:none; position:relative; }
.slick-dots li:not(:last-child) { margin:0 1.03vw 0 0; }
.slick-dots li button { background:none; border:none; text-indent:-9999px; }
.slick-dots li.slick-active { background:#5989B2 !important; }

@media screen and (min-width:900px){
.slick-dots {}
.slick-dots li { width:0.87vw; height:0.87vw; }
.slick-dots li:not(:last-child) { margin:0 0.72vw 0 0; }
.slick-dots li button { cursor:pointer; }
.slick-dots li.slick-active {}
}
@media screen and (min-width:1380px){
.slick-dots {}
.slick-dots li { width:12px; height:12px; }
.slick-dots li:not(:last-child) { margin:0 10px 0 0; }
.slick-dots li button { cursor:pointer; }
.slick-dots li.slick-active {}
}







@media screen and (min-width:900px){
#top-mainview .dots-top-mv { bottom:-2.9vw; left:calc(50% - 40vw); width:80vw; }
}
@media screen and (min-width:1380px){
#top-mainview .dots-top-mv { bottom:-40px; }
}




/* ----------------------------------------------
 ! top-main-box
 ---------------------------------------------- */

#top-main-box {}

@media screen and (min-width:900px){

}
@media screen and (min-width:1380px){

}




/* ----------------------------------------------
 ! top-common
 ---------------------------------------------- */

.top-tit-box { padding:25.64vw 5.13vw 0; position:relative; }
.top-tit-box em { position:absolute; top:17.18vw; left:5.13vw; display:block; font-size:12.3vw; color:rgba(205,205,205,0.3); font-weight:400; font-family:'Gotu'; font-style:normal; text-transform:uppercase; z-index:-1; }
.top-tit-box h2 { line-height:1.4; padding:0 0 12.82vw; font-size:5.13vw; color:#111; font-weight:500; }


@media screen and (min-width:900px){
.top-tit-box { width:86.95vw; margin:0 auto; padding:8.69vw 0 0; }
.top-tit-box em { top:5.8vw; left:0; font-size:4.35vw; }
.top-tit-box h2 { padding:0 0 5.8vw; font-size:1.74vw; }
}
@media screen and (min-width:1380px){
.top-tit-box { width:1200px; margin:0 auto; padding:120px 0 0; }
.top-tit-box em { top:80px; left:0; font-size:60px; }
.top-tit-box h2 { padding:0 0 80px; font-size:24px; }
}




/* ----------------------------------------------
 ! top-art-news
 ---------------------------------------------- */

#top-art-news { padding:0 0 20.51vw; }
#top-art-news h2 { text-align:center; padding:0 0 7.69vw; font-size:4.61vw; font-weight:500; }
#top-news-dl { height:81.02vw; overflow-y:scroll; border:1px #CDCDCD solid; margin:0 5.13vw; padding:7.69vw 4.61vw; }
#top-news-dl dt { padding:0 0 3.07vw; font-size:3.07vw; }
#top-news-dl dd { line-height:1.33; border-bottom:1px #CDCDCD dashed; margin:0 0 6.15vw; padding:0 0 6.15vw; font-size:3.07vw; }

@media screen and (min-width:900px){
#top-art-news { padding:0 0 5.8vw; }
#top-art-news h2 { padding:0 0 2.17vw; font-size:1.74vw; }
#top-news-dl { width:57.97vw; height:19.56vw; margin:0 auto; padding:2.53vw 2.17vw; }
#top-news-dl dt { padding:0 0 0.87vw; font-size:1.01vw; }
#top-news-dl dd { margin:0 0 1.74vw; padding:0 0 1.74vw; font-size:1.01vw; }
}
@media screen and (min-width:1380px){
#top-art-news { padding:0 0 80px; }
#top-art-news h2 { padding:0 0 30px; font-size:24px; }
#top-news-dl { width:800px; height:270px; padding:35px 30px; }
#top-news-dl dt { padding:0 0 12px; font-size:14px; }
#top-news-dl dd { margin:0 0 24px; padding:0 0 24px; font-size:14px; }
}




/* ----------------------------------------------
 ! top-art-reservation
 ---------------------------------------------- */

#top-art-reservation { padding:0 0 20.51vw; }
#top-art-reservation h2 { text-align:center; margin:0 auto 7.69vw; padding:25.64vw 0 0; font-size:4.61vw; font-weight:500; position:relative; }
#top-art-reservation h2:before { content:""; position:absolute; top:7.69vw; left:calc(50% - 2.05vw); width:4.1vw; height:12.82vw; background:url(../img/common/ico_rhombus_01.svg) center top repeat-y; background-size:4.1vw 4.27vw; }
#top-reservation-ul { margin:0 5.13vw 12.82vw; }
#top-reservation-ul li { border:1px #E3E3E3 solid; list-style:none; position:relative; }
#top-reservation-ul li:after { content:""; position:absolute; top:calc(50% - 0.125vw); right:2.56vw; width:4.61vw; height:0.25vw; background:#111; }
#top-reservation-ul li:not(:last-child) { margin:0 0 4.1vw; }
#top-reservation-ul li a { display:flex; flex-flow:row nowrap; align-items:center; padding:0 4.1vw 0 0; text-decoration:none; color:#111; }
#top-reservation-ul li a:before { content:""; position:absolute; top:50%; right:2.56vw; width:3.07vw; height:0.25vw; background:#111; transform:rotate(45deg); transform-origin:top right; }
#top-reservation-ul li a:after { content:""; position:absolute; bottom:50%; right:2.56vw; width:3.07vw; height:0.25vw; background:#111; transform:rotate(-45deg); transform-origin:bottom right; }
#top-reservation-ul li figure { width:28.71vw; border-left:4.1vw #F0D8D8 solid; }
#top-reservation-ul li figure img { width:100%; height:auto; }
#top-reservation-ul li h3 { width:calc(100% - 28.71vw); line-height:1.25; text-align:center; font-size:4.1vw; font-weight:400; }
#top-reservation-ul li h3 small { display:block; padding:1.54vw 0 0; font-size:2.82vw; }

@media screen and (min-width:900px){
#top-art-reservation { padding:0 0 5.8vw; }
#top-art-reservation h2 { margin:0 auto 2.9vw; padding:7.97vw 0 0; font-size:1.74vw; }
#top-art-reservation h2:before { top:2.17vw; left:calc(50% - 0.58vw); width:1.16vw; height:3.69vw; background-size:1.16vw 1.23vw; }
#top-reservation-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; width:86.95vw; margin:0 auto 4.35vw; }
#top-reservation-ul li { width:27.89vw; }
#top-reservation-ul li:after { top:calc(50% - 0.035vw); right:0.94vw; width:1.45vw; height:0.07vw; }
#top-reservation-ul li:not(:last-child) { margin:0; }
#top-reservation-ul li a { padding:0 1.45vw 0 0; }
#top-reservation-ul li a:before { right:0.94vw; width:1.01vw; height:0.07vw; }
#top-reservation-ul li a:after { right:0.94vw; width:1.01vw; height:0.07vw; }
#top-reservation-ul li a:hover { opacity:0.7; transition:1s ease; }
#top-reservation-ul li figure { width:7.61vw; height:auto; aspect-ratio:105/88; overflow:hidden; border-left:1.16vw #F0D8D8 solid; }
#top-reservation-ul li figure img { width:7.61vw; height:100%; aspect-ratio:105/88; object-fit:cover; transition:transform 0.6s ease; }
#top-reservation-ul li a:hover figure img { transform:scale(1.1); }
#top-reservation-ul li h3 { width:calc(100% - 8.76vw); font-size:1.3vw; }
#top-reservation-ul li h3 small { padding:0.43vw 0 0; font-size:0.87vw; }
}
@media screen and (min-width:1380px){
#top-art-reservation { padding:0 0 80px; }
#top-art-reservation h2 { margin:0 auto 40px; padding:110px 0 0; font-size:24px; }
#top-art-reservation h2:before { top:30px; left:calc(50% - 8px); width:16px; height:51px; background-size:16px 17px; }
#top-reservation-ul { width:1200px; margin:0 auto 60px; }
#top-reservation-ul li { width:385px; }
#top-reservation-ul li:after { top:calc(50% - 0.5px); right:13px; width:20px; height:1px; }
#top-reservation-ul li:not(:last-child) {}
#top-reservation-ul li a { padding:0 20px 0 0; }
#top-reservation-ul li a:before { right:13px; width:14px; height:1px; }
#top-reservation-ul li a:after { right:13px; width:14px; height:1px; }
#top-reservation-ul li figure { width:105px; border-left:16px #F0D8D8 solid; }
#top-reservation-ul li figure img { width:105px; }
#top-reservation-ul li h3 { width:calc(100% - 121px); font-size:18px; }
#top-reservation-ul li h3 small { padding:6px 0 0; font-size:12px; }
}





/* ----------------------------------------------
  #top-information-gmap
 ---------------------------------------------- */

#top-art-info { background:#F5F5F5; padding:4.61vw 0 10.25vw; }
#tab-top-info { display:flex; flex-flow:row nowrap; background:#fff; margin:0 5.13vw 4.1vw; padding:1.03vw; border-radius:100vw; }
.btn-top-info { display:flex; justify-content:center; align-items:center; width:50%; height:10.25vw; background:#fff; border-radius:100vw; font-size:3.85vw; font-weight:500; cursor:pointer; }
.btn-top-info:hover { background:#F0D8D8; transition:1s ease; }
.top-info-box { display:none; }
.tab-info-on { background:#F0D8D8 !important; }
.top-info-box-on { display:block !important; }

@media screen and (min-width:900px){
#top-art-info { padding:5.8vw 0; }
#tab-top-info {  width:57.97vw; margin:0 auto 3.62vw; padding:0.29vw; }
.btn-top-info { height:2.61vw; font-size:1.16vw; }
.top-info-box {}
}
@media screen and (min-width:1380px){
#top-art-info { padding:80px 0; }
#tab-top-info {  width:800px; margin:0 auto 50px; padding:4px; }
.btn-top-info { height:36px; font-size:16px; }
.top-info-box {}
}




#top-clinic-dl { padding:10.25vw 5.13vw 7.69vw; }
#top-clinic-dl dt { text-align:center; padding:0 0 2.56vw; }
#top-clinic-dl dt a { display:table; background:url(../img/common/ico_tel_02.svg) left center/5.64vw auto no-repeat; text-align:center; margin:0 auto; padding:0 0 0 7.69vw; font-size:7.69vw; color:#111; font-weight:500; text-decoration:none; }
#top-clinic-dl dd { line-height:1.54; text-align:center; font-size:3.33vw; }
#top-info-system { line-height:1.54; padding:0 5.13vw 7.69vw; font-size:3.33vw; }

#top-info-access-wrap {}
.top-info-access { display:flex; flex-flow:row nowrap; background:#fff; border:1px #8E8E8E solid; margin:0 5.13vw 2.05vw; padding:1.28vw; }
.top-info-access dt { display:flex; justify-content:center; align-items:center; width:33.33vw; height:11.79vw; border-right:1px #8E8E8E dashed; padding:0 0 0 15.38vw; font-size:3.59vw; }
#top-info-access01 dt { background:url(../img/common/ico_parking.svg) 4.1vw center/12.05vw auto no-repeat; }
#top-info-access02 dt { background:url(../img/common/ico_train.svg) 4.1vw center/12.05vw auto no-repeat; }
#top-info-access03 dt { background:url(../img/common/ico_bus.svg) 4.1vw center/12.05vw auto no-repeat; }
.top-info-access dd { display:flex; align-items:center; width:calc(100% - 33.33vw); height:11.79vw; line-height:1.45; padding:0 0 0 3.85vw; font-size:2.82vw; }

#top-information-gmap { padding:0 5.13vw 5.13vw; }
#top-information-gmap iframe { width:100%; height:51.28vw; }
#btn-directions-to-clinic { width:55.38vw; margin:0 auto 5.13vw; position:relative; }
#btn-directions-to-clinic:after { content:""; position:absolute; top:calc(50% - 0.125vw); right:3.59vw; width:4.1vw; height:0.25vw; background:#111; }
#btn-directions-to-clinic a { display:flex; justify-content:center; align-items:center; height:14.35vw; border-radius:100vw; padding:0 0 0 2.05vw; background:#fff url(../img/common/ico_gmap.svg) 5.13vw center/4.87vw auto no-repeat; font-size:3.33vw; color:#111; text-decoration:none; position:relative; }
#btn-directions-to-clinic a:before { content:""; position:absolute; top:50%; right:3.59vw; width:2.82vw; height:0.25vw; background:#111; transform:rotate(45deg); transform-origin:top right; }
#btn-directions-to-clinic a:after { content:""; position:absolute; bottom:50%; right:3.59vw; width:2.82vw; height:0.25vw; background:#111; transform:rotate(-45deg); transform-origin:bottom right; }

@media screen and (min-width:900px){
#top-clinic-dl { padding:0 0 3.62vw; }
#top-clinic-dl dt { padding:0 0 1.16vw; }
#top-clinic-dl dt a { background:url(../img/common/ico_tel_02.svg) left center/2.39vw auto no-repeat; padding:0 0 0 3.26vw; font-size:3.04vw; }
#top-clinic-dl dd { font-size:1.16vw; }
#top-info-system { width:40.57vw; margin:0 auto; padding:0 0 2.17vw; font-size:1.16vw; }

#top-art-info .medical-hour-box { width:40.57vw; margin:0 auto; }

#top-info-access-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:57.97vw; margin:0 auto; }
.top-info-access { width:28.84vw; margin:0 auto 1.45vw; padding:0.36vw; }
#top-info-access01 { width:40.57vw; }
.top-info-access dt { width:8.55vw; height:5.8vw; padding:0 0 0 4.35vw; font-size:1.09vw; }
#top-info-access01 dt { width:12.68vw; background:url(../img/common/ico_parking.svg) 1.81vw center/5vw auto no-repeat; padding:0 0 0 7.24vw; }
#top-info-access02 dt { background:url(../img/common/ico_train.svg) 1.09vw center/3.18vw auto no-repeat; }
#top-info-access03 dt { background:url(../img/common/ico_bus.svg) 1.16vw center/3.18vw auto no-repeat; }
.top-info-access dd { width:calc(100% - 8.55vw); height:5.8vw; padding:0 0 0 1.3vw; font-size:1.09vw; }
#top-info-access01 dd { width:calc(100% - 12.68vw); }

#top-information-gmap { width:57.97vw; margin:0 auto; padding:0 0 2.17vw; }
#top-information-gmap iframe { height:20.28vw; }
#btn-directions-to-clinic { width:21.73vw; margin:0 auto 4.35vw; }
#btn-directions-to-clinic:after { top:calc(50% - 0.125vw); right:1.3vw; width:1.3vw; height:0.07vw; }
#btn-directions-to-clinic a { height:4.63vw; padding:0; background:#fff url(../img/common/ico_gmap.svg) 1.45vw center/1.88vw auto no-repeat; font-size:1.16vw; }
#btn-directions-to-clinic a:before { right:1.3vw; width:0.87vw; height:0.07vw; }
#btn-directions-to-clinic a:after { right:1.3vw; width:0.87vw; height:0.07vw; }
#btn-directions-to-clinic a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#top-clinic-dl { padding:0 0 50px; }
#top-clinic-dl dt { padding:0 0 16px; }
#top-clinic-dl dt a { background:url(../img/common/ico_tel_02.svg) left center/33px auto no-repeat; padding:0 0 0 45px; font-size:42px; }
#top-clinic-dl dd { font-size:16px; }
#top-info-system { width:560px; padding:0 0 30px; font-size:16px; }

#top-art-info .medical-hour-box { width:560px; }

#top-info-access-wrap { width:800px; }
.top-info-access { width:398px; margin:0 auto 20px; padding:5px; }
#top-info-access01 { width:560px; }
.top-info-access dt { width:118px; height:80px; padding:0 0 0 60px; font-size:15px; }
#top-info-access01 dt { width:175px; background:url(../img/common/ico_parking.svg) 25px center/69px auto no-repeat; padding:0 0 0 100px; }
#top-info-access02 dt { background:url(../img/common/ico_train.svg) 15px center/44px auto no-repeat; }
#top-info-access03 dt { background:url(../img/common/ico_bus.svg) 16px center/44px auto no-repeat; }
.top-info-access dd { width:calc(100% - 118px); height:80px; padding:0 0 0 18px; font-size:15px; }
#top-info-access01 dd { width:calc(100% - 175px); }

#top-information-gmap { width:800px; padding:0 0 30px; }
#top-information-gmap iframe { height:280px; }
#btn-directions-to-clinic { width:300px; margin:0 auto 60px; }
#btn-directions-to-clinic:after { top:calc(50% - 0.5px); right:18px; width:18px; height:1px; }
#btn-directions-to-clinic a { height:64px; background:#fff url(../img/common/ico_gmap.svg) 20px center/26px auto no-repeat; font-size:16px; }
#btn-directions-to-clinic a:before { right:18px; width:12px; height:1px; }
#btn-directions-to-clinic a:after { right:18px; width:12px; height:1px; }
}




/* ----------------------------------------------
  #top-art-treatment
 ---------------------------------------------- */

#top-art-treatment { position:relative; }
#top-treatment-wrap {}
.top-treatment-sec {}

@media screen and (min-width:900px){
#top-art-treatment {}
#top-treatment-wrap {}
.top-treatment-sec {}
}
@media screen and (min-width:1380px){
#top-art-treatment {}
#top-treatment-wrap {}
.top-treatment-sec {}
}




#top-treatment-ul { padding:0 5.13vw 10.25vw; position:relative; }
#top-treatment-ul li { background:#fff; border:1px #CDCDCD solid; margin:0 0 3.07vw; list-style:none; position:relative; }
#top-treatment-ul li:after { content:""; position:absolute; top:calc(50% - 0.125vw); right:3.59vw; width:4.61vw; height:0.25vw; background:#111; }
#top-treatment-ul li a { display:flex; align-items:center; min-height:32.82vw; text-decoration:none; color:#111; position:relative; }
#top-treatment-ul li a:before { content:""; position:absolute; top:50%; right:3.59vw; width:3.07vw; height:0.25vw; background:#111; transform:rotate(45deg); transform-origin:top right; }
#top-treatment-ul li a:after { content:""; position:absolute; bottom:50%; right:3.59vw; width:3.07vw; height:0.25vw; background:#111; transform:rotate(-45deg); transform-origin:bottom right; }
#top-treatment-ul li dl { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; }
#top-treatment-ul li dt { width:19.23vw; text-align:center; }
#top-treatment-ul li dt img { width:16.41vw; height:auto; }
#top-treatment-ul li dd { width:calc(100% - 19.23vw); padding:0 11.54vw 0 0; }
#top-treatment-ul li dd h3 { line-height:1.41; padding:0 0 3.07vw; font-size:4.1vw; font-weight:400; }
#top-treatment-ul li dd p { line-height:1.41; font-size:3.07vw; font-weight:400; }

@media screen and (min-width:900px){
#top-treatment-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:86.95vw; margin:0 auto; padding:0 0 4.35vw; }
#top-treatment-ul li { width:27.17vw; margin:0 0 1.74vw; }
#top-treatment-ul li:after { top:calc(50% - 0.035vw); right:1.09vw; width:1.45vw; height:0.07vw; }
#top-treatment-ul li a { min-height:9.92vw; }
#top-treatment-ul li a:before { right:1.09vw; width:1.01vw; height:0.07vw; }
#top-treatment-ul li a:after { right:1.09vw; width:1.01vw; height:0.07vw; }
#top-treatment-ul li dl { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; }
#top-treatment-ul li dt { width:5.8vw; height:5.8vw; overflow:hidden; }
#top-treatment-ul li dt img { width:4.92vw; height:4.92vw; object-fit:cover; transition:transform 0.6s ease; }
#top-treatment-ul li a:hover dt img { transform:scale(1.1); }
#top-treatment-ul li dd { width:calc(100% - 5.8vw); padding:0 4.35vw 0 0; }
#top-treatment-ul li dd h3 { padding:0 0 0.87vw; font-size:1.3vw; }
#top-treatment-ul li dd p { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
#top-treatment-ul { width:1200px; padding:0 0 60px; }
#top-treatment-ul li { width:375px; margin:0 0 24px; }
#top-treatment-ul li:after { top:calc(50% - 0.5px); right:15px; width:20px; height:1px; }
#top-treatment-ul li a { min-height:137px; }
#top-treatment-ul li a:before { right:15px; width:14px; height:1px; }
#top-treatment-ul li a:after { right:15px; width:14px; height:1px; }
#top-treatment-ul li dl {}
#top-treatment-ul li dt { width:80px; height:80px; }
#top-treatment-ul li dt img { width:68px; height:68px; }
#top-treatment-ul li dd { width:calc(100% - 80px); padding:0 60px 0 0; }
#top-treatment-ul li dd h3 { padding:0 0 12px; font-size:18px; }
#top-treatment-ul li dd p { font-size:13px; }
}




/* ----------------------------------------------
  #top-art-feature
 ---------------------------------------------- */

#top-art-features { background:url(../img/top/bg_features.webp) center center/cover no-repeat; }
#top-art-features .top-tit-box em { color:rgba(255,255,255,1); }
#top-features-wrap { padding:0 5.13vw; }
.top-features-sec { padding:0 0 15.38vw; }
.top-features-sec h3 { text-align:center; padding:5.13vw 0 7.69vw; font-size:4.61vw; font-weight:500; }
.top-features-sec h3 em { display:block; padding:0 0 3.33vw; font-size:7.18vw; font-weight:400; font-style:italic; font-family:'Gotu'; }
.top-features-sec figure { margin:0 0 7.69vw; }
.top-features-sec figure img { width:100%; height:auto; }
.top-features-sec p { line-height:2; font-size:3.85vw; }

@media screen and (min-width:900px){
#top-art-features {}
#top-features-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; width:86.95vw; margin:0 auto; padding:0; }
.top-features-sec { width:26.81vw; padding:0 0 3.62vw; }
.top-features-sec h3 { padding:1.45vw 0 2.17vw; font-size:1.45vw; }
.top-features-sec h3 em { padding:0 0 1.16vw; font-size:2.17vw; }
.top-features-sec figure { margin:0 0 1.45vw; }
.top-features-sec figure img {}
.top-features-sec p { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-features {}
#top-features-wrap { width:1200px; }
.top-features-sec { width:370px; padding:0 0 50px; }
.top-features-sec h3 { padding:20px 0 30px; font-size:20px; }
.top-features-sec h3 em { padding:0 0 16px; font-size:30px; }
.top-features-sec figure { margin:0 0 20px; }
.top-features-sec figure img {}
.top-features-sec p { font-size:15px; }
}




/* ----------------------------------------------
  #top-art-greeting
 ---------------------------------------------- */

#top-art-greeting { padding:0 0 20.51vw; }
#top-greeting-dl { padding:0 5.13vw 12.82vw; }
#top-greeting-dl dt { text-align:center; margin:0 auto 7.69vw; }
#top-greeting-dl dt img { width:100%; height:auto; }
#top-greeting-dl dt span { display:block; padding:6.15vw 0 3.59vw; font-size:3.59vw font-weight:400; }
#top-greeting-dl dt strong { display:block; font-size:4.61vw; font-weight:400; }
#top-greeting-dl dd {}
#top-greeting-dl dd p { line-height:2; font-size:3.85vw; }
#top-greeting-dl dd p:not(:last-child) { padding:0 0 7.69vw; }

@media screen and (min-width:900px){
#top-art-greeting { padding:0 0 5.8vw; }
#top-greeting-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; width:65.21vw; margin:0 auto; padding:0 0 5.8vw; }
#top-greeting-dl dt { width:25.36vw; margin:0 auto; }
#top-greeting-dl dt img {}
#top-greeting-dl dt span { padding:1.74vw 0 0.72vw; font-size:1.01vw }
#top-greeting-dl dt strong { font-size:1.45vw; }
#top-greeting-dl dd { width:34.42vw; }
#top-greeting-dl dd p { font-size:1.09vw; }
#top-greeting-dl dd p:not(:last-child) { padding:0 0 2.17vw; }
}
@media screen and (min-width:1380px){
#top-art-greeting { padding:0 0 80px; }
#top-greeting-dl { width:900px; padding:0 0 80px; }
#top-greeting-dl dt { width:350px; }
#top-greeting-dl dt img {}
#top-greeting-dl dt span { padding:24px 0 10px; font-size:14px }
#top-greeting-dl dt strong { font-size:20px; }
#top-greeting-dl dd { width:475px; }
#top-greeting-dl dd p { font-size:15px; }
#top-greeting-dl dd p:not(:last-child) { padding:0 0 30px; }
}