@charset "utf-8";

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

#top-mainview { width:100%; height:auto; 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; aspect-ratio:390/480; }
.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; }

@media screen and (min-width:900px){
#top-mainview { aspect-ratio:1500/700; }
.top-mv-lcp {}
.top-mv-lcp img { aspect-ratio:1500/700; object-position:right 0 top 0; }
.slide-top-mv {}
.slide-top-mv picture {}
.slide-top-mv picture img { aspect-ratio:1500/700; }
.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:0; left:0; width:100%; height:auto; aspect-ratio:390/480; z-index:999; }
.top-mv-thumb-tit { display:flex; flex-flow:column nowrap; justify-content:center; width:24.1vw; aspect-ratio:95/485; line-height:1.5; background:rgba(255,255,255,0.9); writing-mode:vertical-rl; }
.top-mv-bg.from-right .top-mv-thumb-tit { align-items:start; margin-left:calc(100% - 24.1vw); }
.top-mv-bg.from-left .top-mv-thumb-tit { align-items:end; margin-right:calc(100% - 24.1vw); }
.top-mv-thumb-tit dt { display:flex; align-items:end; width:45%; height:100%; padding:12.82vw 0 0; font-size:4.1vw; color:#384658; font-weight:400; letter-spacing:0.12em; position:relative; }
.top-mv-thumb-tit dd { display:flex; align-items:start; width:55%; height:100%; padding:12.82vw 0 0; font-size:7.18vw; font-weight:400; letter-spacing:0.16em; position:relative; }
.top-mv-thumb-tit dd strong { color:#0B9B94; font-weight:400; }
.top-mv-thumb-box { background:#EEF8FD; padding:4.61vw 0; position:relative; }
.top-mv-thumb-box p { text-align:center; padding:0 0 3.33vw; font-size:3.59vw; color:#2971A9; font-weight:600; }
.top-mv-thumb-box ul { width:71.79vw; text-align:center; margin:0 auto; }
.top-mv-thumb-box li { display:flex; justify-content:center; align-items:center; height:7.69vw; background:#fff; border-radius:1.03vw; border:1px #E5E5E5 solid; text-align:left; font-size:3.33vw; color:#384658; font-weight:600; list-style:none; position:relative; }
.top-mv-thumb-box li:not(:last-child) { margin:0 0 1.03vw; }
.top-mv-thumb-box li::after { content:""; position:absolute; top:0.77vw; left:0.77vw; width:0; height:0; border-style:solid; border-width:2.56vw 2.56vw 0 0; }
.top-mv-thumb-box li:nth-of-type(1)::after { border-color:#58B3F8 transparent transparent transparent; }
.top-mv-thumb-box li:nth-of-type(2)::after { border-color:#75E8E5 transparent transparent transparent; }
.top-mv-thumb-box li:nth-of-type(3)::after { border-color:#FF8B7E transparent transparent transparent; }
.top-mv-thumb-box li:before { display:inline-block; content:"# "; }
.top-mv-thumb-box li span { display:block; width:70%; }

@media screen and (min-width:900px){
#top-mv-thumb { aspect-ratio:1500/700; }
.top-mv-thumb-tit { width:15.94vw; aspect-ratio:220/700; }
.top-mv-bg.from-right .top-mv-thumb-tit { margin-left:calc(100% - 15.94vw); }
.top-mv-bg.from-left .top-mv-thumb-tit { margin-right:calc(100% - 15.94vw); }
.top-mv-thumb-tit dt { padding:3.62vw 0 0; font-size:1.45vw; }
.top-mv-thumb-tit dd { padding:3.62vw 0 0; font-size:2.46vw; }
.top-mv-thumb-box { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:12.46vw; background:none; padding:0; }
.top-mv-thumb-box p { width:56.52vw; text-align:left; padding:0 0 0 13.04vw; font-size:2.03vw; }
.top-mv-thumb-box ul { width:25.36vw; text-align:left; margin:0 15.57vw 0 0; }
.top-mv-thumb-box li { height:2.75vw; border-radius:0.29vw; font-size:1.09vw; }
.top-mv-thumb-box li:not(:last-child) { margin:0 0 0.36vw; }
.top-mv-thumb-box li::after { top:0.29vw; left:0.36vw; border-width:0.87vw 0.87vw 0 0; }
.top-mv-thumb-box li span { width:60%; }
}
@media screen and (min-width:1380px){
#top-mv-thumb {}
.top-mv-thumb-tit { width:220px; }
.top-mv-bg.from-right .top-mv-thumb-tit { margin-left:calc(100% - 220px); }
.top-mv-bg.from-left .top-mv-thumb-tit { margin-right:calc(100% - 220px); }
.top-mv-thumb-tit dt { padding:50px 0 0; font-size:20px; }
.top-mv-thumb-tit dd { padding:50px 0 0; font-size:34px; }
.top-mv-thumb-box { height:172px; }
.top-mv-thumb-box p { width:780px; padding:0 0 0 180px; font-size:28px; }
.top-mv-thumb-box ul { width:350px; margin:0 215px 0 0; }
.top-mv-thumb-box li { height:38px; border-radius:4px; font-size:15px; }
.top-mv-thumb-box li:not(:last-child) { margin:0 0 5px; }
.top-mv-thumb-box li::after { top:4px; left:5px; border-width:12px 12px 0 0; }
.top-mv-thumb-box li span {}
}




.top-mv-bg .top-mv-thumb-tit { opacity:0; transition:transform .6s cubic-bezier(.22,.61,.36,1), opacity .6s ease; }
.slick-current .top-mv-thumb-tit { opacity:1; transform:translateX(0); }
.top-mv-thumb-tit { opacity:0; transition:transform .6s cubic-bezier(.22,.61,.36,1), opacity .6s ease; }
.from-right .top-mv-thumb-tit { transform:translateX(120%); }
.from-left .top-mv-thumb-tit { transform:translateX(-120%); }
.slick-current .top-mv-thumb-tit { opacity:1; transform:translateX(0); }

.top-mv-thumb-tit dt,
.top-mv-thumb-tit dd { opacity:0; }

.slick-current .top-mv-thumb-tit dt { animation:titleUp .5s .35s cubic-bezier(.22,.61,.36,1) forwards; }
.slick-current .top-mv-thumb-tit dd { animation:titleUp .5s .5s cubic-bezier(.22,.61,.36,1) forwards; }

@keyframes titleUp {
from { opacity:0; transform:translateY(10px); }
to   { opacity:1; transform:translateY(0); }
}





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

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




#top-mainview .dots-top-mv { width:80vw; margin:0 auto; }

@media screen and (min-width:900px){
#top-mainview .dots-top-mv { width:80vw; }
}
@media screen and (min-width:1380px){
#top-mainview .dots-top-mv {}
}




.dots-top-mv { position:relative; }
.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; width:100%; margin:5.13vw 0 7.69vw; position:relative; z-index:9999; }
.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 4.1vw 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 { margin:2.17vw 0 7.24vw; }
.slick-dots li { width:0.87vw; height:0.87vw; }
.slick-dots li:not(:last-child) { margin:0 1.16vw 0 0; }
.slick-dots li button,
.slick-dots li:hover { cursor:pointer; }
.slick-dots li.slick-active {}
}
@media screen and (min-width:1380px){
.slick-dots { margin:30px 0 100px; }
.slick-dots li { width:12px; height:12px; }
.slick-dots li:not(:last-child) { margin:0 16px 0 0; }
.slick-dots li button {}
.slick-dots li.slick-active {}
}




#top-message-box { display:flex; justify-content:center; align-items:center; height:8.97vw; background:#6F6D6C; }
#top-message-box p { line-height:1.41; font-size:3.07vw; color:#fff; }

@media screen and (min-width:900px){
#top-message-box { width:28.26vw; height:2.53vw; position:relative; z-index:1000; }
#top-message-box p { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
#top-message-box { width:390px; height:35px; }
#top-message-box p { font-size:14px; }
}




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

.top-art-box { padding:0 5.13vw; }
.top-tit-box { margin:0 0 8.97vw; padding:19.23vw 0 0; position:relative; }
.top-tit-box:before { content:""; position:absolute; top:14.1vw; left:0; width:0; height:0; border-style:solid; border-width:3.07vw 3.07vw 0 0; border-color:#0B9B94 transparent transparent transparent; }
.top-tit-box h2 { line-height:1.6; padding:0 0 4.1vw; font-size:6.66vw; color:#0B8286; font-weight:400; letter-spacing:0.04em; position:relative; }
.top-tit-box h2:before { content:""; position:absolute; bottom:-0.51vw; left:0; width:1.11vw; height:1.11vw; background:#BCBCBC; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #BCBCBC,5.13vw -5.13vw 0 #BCBCBC,7.69vw -7.69vw 0 #BCBCBC,10.25vw -10.25vw 0 #BCBCBC,12.82vw -12.82vw 0 #BCBCBC; }
.top-tit-box h2:after { content:""; position:absolute; bottom:0; right:0; width:66.41vw; height:1px; background:#6F6D6C; }
.top-sec-h3 { line-height:1.42; text-align:center; padding:0 0 15.38vw; font-size:6.15vw; color:#535050; font-weight:500; letter-spacing:0.04em; position:relative; z-index:3; }
.top-sec-h3:before { content:""; position:absolute; bottom:7.69vw; left:calc(50% - 10.24vw); width:1.11vw; height:1.11vw; background:#EBE9DE; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #EBE9DE,5.13vw -5.13vw 0 #EBE9DE,7.69vw -7.69vw 0 #EBE9DE,10.25vw -10.25vw 0 #EBE9DE,12.82vw -12.82vw 0 #EBE9DE; }

@media screen and (min-width:900px){
.top-art-box { padding:0; }
.top-tit-box { display:table; margin:0 0 5.07vw; padding:7.24vw 0 0; }
.top-tit-box:before { top:5.07vw; border-width:1.16vw 1.16vw 0 0; }
.top-tit-box h2 { padding:0 0 2.17vw; font-size:3.18vw; }
.top-tit-box h2:before { bottom:-0.14vw; left:0; width:0.58vw; height:0.58vw; box-shadow:1.09vw -1.09vw 0 #BCBCBC,2.17vw -2.17vw 0 #BCBCBC,3.26vw -3.26vw 0 #BCBCBC,4.35vw -4.35vw 0 #BCBCBC,5.43vw -5.43vw 0 #BCBCBC; }
.top-tit-box h2:after { right:0; left:10.86vw; width:18.84vw; }
.top-sec-h3 { padding:0 0 4.35vw; font-size:2.03vw; }
.top-sec-h3:before { bottom:2.17vw; left:calc(50% - 2.9vw); width:0.36vw; height:0.36vw; box-shadow:0.72vw -0.72vw 0 #EBE9DE,1.45vw -1.45vw 0 #EBE9DE,2.17vw -2.17vw 0 #EBE9DE,2.9vw -2.9vw 0 #EBE9DE,3.62vw -3.62vw 0 #EBE9DE; }
}
@media screen and (min-width:1380px){
.top-art-box {}
.top-tit-box { display:table; margin:0 0 70px; padding:100px 0 0; }
.top-tit-box:before { top:70px; border-width:16px 16px 0 0; }
.top-tit-box h2 { padding:0 0 30px; font-size:44px; }
.top-tit-box h2:before { bottom:-2px; left:0; width:8px; height:8px; box-shadow:15px -15px 0 #BCBCBC,30px -30px 0 #BCBCBC,45px -45px 0 #BCBCBC,60px -60px 0 #BCBCBC,75px -75px 0 #BCBCBC; }
.top-tit-box h2:after { right:0; left:150px; width:260px; }
.top-sec-h3 { padding:0 0 60px; font-size:28px; }
.top-sec-h3:before { bottom:30px; left:calc(50% - 40px); width:5px; height:5px; box-shadow:10px -10px 0 #EBE9DE,20px -20px 0 #EBE9DE,30px -30px 0 #EBE9DE,40px -40px 0 #EBE9DE,50px -50px 0 #EBE9DE; }
}




/* ----------------------------------------------
  #top-info-box
 ---------------------------------------------- */

#top-info-wrap {}
#top-info-box {}
#top-main-nav { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 5.13vw 12.82vw; }
#top-main-nav li { width:48%; border-bottom:1px #BCBCBC dotted; list-style:none; }
#top-main-nav li a { display:flex; align-items:center; height:12.82vw; padding:0 0 0 10.25vw; font-size:4.1vw; color:#0B8286; font-weight:400; text-decoration:none; position:relative; }
#top-main-nav li:nth-of-type(1) a { background:url(../img/top/ico_top_main_nav_01.svg) 1.54vw center/4.1vw auto no-repeat; }
#top-main-nav li:nth-of-type(2) a { background:url(../img/top/ico_top_main_nav_02.svg) 1.54vw center/4.1vw auto no-repeat; }
#top-main-nav li:nth-of-type(3) a { background:url(../img/top/ico_top_main_nav_03.svg) 1.54vw center/4.1vw auto no-repeat; }
#top-main-nav li:nth-of-type(4) a { background:url(../img/top/ico_top_main_nav_04.svg) 1.54vw center/4.1vw auto no-repeat; }
#top-main-nav li a:after { content:""; position:absolute; top:50%; right:4.1vw; width:2.05vw; height:2.05vw; border-right:0.5vw solid #0B8286; border-bottom:0.5vw solid #0B8286; transform:translateY(-70%) rotate(45deg); }

@media screen and (min-width:900px){
#top-info-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:86.95vw; margin:0 auto; }
#top-info-box { width:46.95vw; }
#top-main-nav { width:100%; flex-flow:row nowrap; margin:0 auto 2.9vw; position:relative; }
#top-main-nav li { width:11.3vw; }
#top-main-nav li a { height:2.9vw; justify-content:center; padding:0 0 0 1.45vw; font-size:1.16vw; }
#top-main-nav li:nth-of-type(1) a { background:url(../img/top/ico_top_main_nav_01.svg) 0.43vw center/1.09vw auto no-repeat; }
#top-main-nav li:nth-of-type(2) a { background:url(../img/top/ico_top_main_nav_02.svg) 0.43vw center/1.09vw auto no-repeat; }
#top-main-nav li:nth-of-type(3) a { background:url(../img/top/ico_top_main_nav_03.svg) 0.43vw center/1.09vw auto no-repeat; }
#top-main-nav li:nth-of-type(4) a { background:url(../img/top/ico_top_main_nav_04.svg) 0.43vw center/1.09vw auto no-repeat; }
#top-main-nav li a:after { right:1.54vw; width:0.43vw; height:0.43vw; border-right:0.14vw solid #0B8286; border-bottom:0.14vw solid #0B8286; margin:0.14vw 0 0; }
}
@media screen and (min-width:1380px){
#top-info-wrap { width:1200px; }
#top-info-box { width:648px; }
#top-main-nav { margin:0 auto 40px; }
#top-main-nav li { width:156px; }
#top-main-nav li a { height:40px; padding:0 0 0 20px; font-size:16px; }
#top-main-nav li a:hover { opacity:0.7; transition:1s ease; }
#top-main-nav li:nth-of-type(1) a { background:url(../img/top/ico_top_main_nav_01.svg) 6px center/15px auto no-repeat; }
#top-main-nav li:nth-of-type(2) a { background:url(../img/top/ico_top_main_nav_02.svg) 6px center/15px auto no-repeat; }
#top-main-nav li:nth-of-type(3) a { background:url(../img/top/ico_top_main_nav_03.svg) 6px center/15px auto no-repeat; }
#top-main-nav li:nth-of-type(4) a { background:url(../img/top/ico_top_main_nav_04.svg) 6px center/15px auto no-repeat; }
#top-main-nav li a:after { right:20px; width:6px; height:6px; border-right:2px solid #0B8286; border-bottom:2px solid #0B8286; margin:2px 0 0; }
}




#top-bnr-wrap { width:100%; aspect-ratio:375/175; margin:0 auto 10.25vw; position:relative; }
#top-bnr-wrap figure { margin:0 2.05vw; }
#top-bnr-wrap figure a { display:block; }
#top-bnr-wrap figure img { width:100%; height:auto; }
.slide-arrow { position:absolute; top:11.54vw; width:12.82vw; height:12.82vw; background:transparent; border:none; padding:0; cursor:pointer; transform:translateY(-50%); z-index:3; }
.prev-arrow { left:-11vw; }
.next-arrow { right:-11vw; }
.slide-arrow::before { content:""; display:block; width:2.05vw; height:2.05vw; border-top:0.51vw solid #333; border-right:0.51vw solid #333; margin:auto; }
.prev-arrow::before { transform:rotate(-135deg); }
.next-arrow::before { transform:rotate(45deg); }

.slider:not(.slick-initialized) { display:flex; overflow:hidden; }
.slider:not(.slick-initialized) > * { width:100%; flex-shrink:0; }
.slider.slick-initialized { display:block; }

@media screen and (min-width:900px){
#top-bnr-wrap { aspect-ratio:648/240; margin:0 auto; }
#top-bnr-wrap figure { margin:0 4px; }
#top-bnr-wrap figure a {}
#top-bnr-wrap figure a:hover { opacity:0.7; transition:1s ease; }
#top-bnr-wrap figure img {}
.slide-arrow { top:5.8vw; width:3.62vw; height:3.62vw; }
.prev-arrow { left:-3.62vw; }
.next-arrow { right:-3.62vw; }
.slide-arrow::before { width:0.87vw; height:0.87vw; border-top:0.14vw solid #333; border-right:0.14vw solid #333; }
}
@media screen and (min-width:1380px){
#top-bnr-wrap { margin:0; }
#top-bnr-wrap figure {}
#top-bnr-wrap figure a {}
#top-bnr-wrap figure img {}
.slide-arrow { top:80px; width:50px; height:50px; }
.prev-arrow { left:-50px; }
.next-arrow { right:-50px; }
.slide-arrow::before { width:12px; height:12px; border-top:2px solid #333; border-right:2px solid #333; }
}




#top-art-news { padding:0 5.13vw 14.1vw; position:relative; }
#top-art-news:before { content:""; position:absolute; top:1.54vw; right:24vw; width:1.11vw; height:1.11vw; background:#BCBCBC; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #BCBCBC,5.13vw -5.13vw 0 #BCBCBC,7.69vw -7.69vw 0 #BCBCBC,10.25vw -10.25vw 0 #BCBCBC,12.82vw -12.82vw 0 #BCBCBC; }
#top-art-news h2 { padding:0 0 4.1vw; font-size:4.61vw; font-weight:500; letter-spacing:0.04em; }
#top-art-news dl { display:flex; flex-flow:row wrap; line-height:1.43; margin:0 0 10.25vw; }
#top-art-news dt { width:30%; border-bottom:1px #BCBCBC dashed; margin:0 0 2.56vw; padding:0 0 2.56vw; font-size:3.59vw; color:#0B8286; }
#top-art-news dd { width:70%; border-bottom:1px #BCBCBC dashed; margin:0 0 2.56vw; padding:0 0 2.56vw; font-size:3.59vw; }
#top-art-news dd a { display:block; font-size:3.59vw; color:#535050; }

@media screen and (min-width:900px){
#top-art-news { width:35.28vw; padding:0; }
#top-art-news:before { top:0.36vw; right:7.24vw; width:0.36vw; height:0.36vw; box-shadow:0.72vw -0.72vw 0 #BCBCBC,1.45vw -1.45vw 0 #BCBCBC,2.17vw -2.17vw 0 #BCBCBC,2.9vw -2.9vw 0 #BCBCBC,3.62vw -3.62vw 0 #BCBCBC; }
#top-art-news h2 { padding:0 0 1.45vw; font-size:1.3vw; }
#top-art-news dl { margin:0 0 1.45vw; }
#top-art-news dt { width:20%; margin:0 0 0.87vw; padding:0 0 0.87vw; font-size:1.01vw; }
#top-art-news dd { width:80%; margin:0 0 0.87vw; padding:0 0 0.87vw; font-size:1.01vw; }
#top-art-news dd a { font-size:1.01vw; }
#top-art-news dd a:hover { text-decoration:none; }
}
@media screen and (min-width:1380px){
#top-art-news { width:487px; }
#top-art-news:before { top:5px; right:100px; width:5px; height:5px; box-shadow:10px -10px 0 #BCBCBC,20px -20px 0 #BCBCBC,30px -30px 0 #BCBCBC,40px -40px 0 #BCBCBC,50px -50px 0 #BCBCBC; }
#top-art-news h2 { padding:0 0 20px; font-size:18px; }
#top-art-news dl { margin:0 0 20px; }
#top-art-news dt { margin:0 0 12px; padding:0 0 12px; font-size:14px; }
#top-art-news dd { margin:0 0 12px; padding:0 0 12px; font-size:14px; }
#top-art-news dd a { font-size:14px; }
}




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

#top-art-treatment { padding:0 5.13vw 12.82vw; position:relative; }
#top-art-treatment:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#F7F8F8; z-index:-1; }
#top-art-treatment:after { content:""; position:absolute; top:0; left:0; width:30.76vw; height:141vw; background:#F1F2F2; z-index:2; }
#top-art-treatment .top-tit-box { z-index:3; }
#top-treatment-index { position:relative; z-index:3; }
#top-treatment-index dt { padding:0 0 7.69vw; }
#top-treatment-index dt img { width:100%; height:auto; }
#top-treatment-index dd {}

@media screen and (min-width:900px){
#top-art-treatment { width:86.95vw; margin:0 auto; padding:0 0 8.69vw; }
#top-art-treatment:before { top:0; left:50%; width:100vw; height:100%; margin:0 0 0 -50vw; }
#top-art-treatment:after { left:auto; right:calc(50% + 31.15vw); width:100vw; height:55.36vw; }
#top-treatment-index { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; padding:0 0 5.8vw; }
#top-treatment-index dt { width:34.78vw; padding:0; }
#top-treatment-index dt img {}
#top-treatment-index dd { width:43.47vw; position:relative; }
#top-treatment-index dd:before { content:""; position:absolute; top:-2.53vw; left:0; width:0.58vw; height:0.58vw; background:#D9D9D9; transform:rotate(45deg); box-shadow:1.09vw -1.09vw 0 #D9D9D9,2.17vw -2.17vw 0 #D9D9D9,3.26vw -3.26vw 0 #D9D9D9,4.35vw -4.35vw 0 #D9D9D9,5.43vw -5.43vw 0 #D9D9D9; }
}
@media screen and (min-width:1380px){
#top-art-treatment { width:1200px; padding:0 0 120px; }
#top-art-treatment:before { top:0; left:50%; width:100vw; height:100%; margin:0 0 0 -50vw; }
#top-art-treatment:after { right:calc(50% + 430px); height:764px; }
#top-treatment-index { padding:0 0 80px; }
#top-treatment-index dt { width:480px; }
#top-treatment-index dt img {}
#top-treatment-index dd { width:600px; }
#top-treatment-index dd:before { top:-35px; left:0; width:8px; height:8px; box-shadow:15px -15px 0 #D9D9D9,30px -30px 0 #D9D9D9,45px -45px 0 #D9D9D9,60px -60px 0 #D9D9D9,75px -75px 0 #D9D9D9; }
}




#top-treatment-sec-wrap {}
.top-treatment-sec { background:#fff; border:1px #EBE9DE solid; padding:10.25vw 3.59vw; position:relative; }
.top-treatment-sec:not(:last-of-type) { margin:0 0 4.35vw; }
.top-treatment-sec:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:47.43vw 47.43vw 0 0; border-color:#FBFAF6 transparent transparent transparent; z-index:2; }
.top-treatment-sec figure { padding:0 0 7.69vw; position:relative; z-index:3; }
.top-treatment-sec figure img { width:100%; height:auto; }
.top-treatment-sec h4 { display:flex; justify-content:center; align-items:center; height:11.28vw; line-height:1.45; background:#F0EBD9; margin:0 0 5.13vw; font-size:4.61vw; color:#535050; font-weight:500; letter-spacing:0.04em; }
.top-treatment-sec .txt-basic { padding:0 0 7.69vw; }
.top-treatment-sec .txt-basic p {}
.top-treatment-box { background:#FBFAF6 url(../img/common/bg_logo_02.svg) center 12.05vw/31.09vw auto no-repeat; margin:0 0 7.69vw; padding:5.13vw 4.1vw 7.69vw; }
.top-treatment-box h5 { line-height:2; text-align:center; border-bottom:1px #707070 dashed; margin:0 0 5.13vw; font-size:4.1vw; color:#6F6D6C; font-weight:500; letter-spacing:0.04em; }
.top-treatment-box h5 strong { display:inline-block; margin:0 2.05vw; font-size:10.25vw; font-weight:500; letter-spacing:0.04em; }
.top-treatment-box h6 { padding:0 0 3.33vw; font-size:4.1vw; color:#535050; font-weight:500; letter-spacing:0.04em; }
.top-treatment-box p { line-height:1.9; font-size:3.33vw; color:#535050; }

@media screen and (min-width:900px){
#top-treatment-sec-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:86.95vw; margin:0 auto; }
.top-treatment-sec { width:28.4vw; padding:2.9vw 1.01vw 2.17vw; }
.top-treatment-sec:not(:last-of-type) { margin:0; }
.top-treatment-sec:before { border-width:13.4vw 13.4vw 0 0; }
.top-treatment-sec figure { padding:0 0 2.17vw; }
.top-treatment-sec figure img {}
.top-treatment-sec h4 { height:3.47vw; margin:0 0 1.74vw; font-size:1.45vw; }
.top-treatment-sec .txt-basic { padding:0 0 2.17vw; }
.top-treatment-sec .txt-basic p {}
.top-treatment-box { background:#FBFAF6 url(../img/common/bg_logo_02.svg) center 3.62vw/8.76vw auto no-repeat; margin:0 0 2.17vw; padding:2.17vw 1.16vw 2.9vw; }
.top-treatment-box h5 { margin:0 0 1.3vw; font-size:1.16vw; }
.top-treatment-box h5 strong { margin:0 0.58vw; font-size:2.9vw; }
.top-treatment-box h6 { padding:0 0 0.87vw; font-size:1.16vw; }
.top-treatment-box p { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
#top-treatment-sec-wrap { width:1200px; }
.top-treatment-sec { width:392px; padding:40px 14px 30px; }
.top-treatment-sec:before { border-width:185px 185px 0 0; }
.top-treatment-sec figure { padding:0 0 30px; }
.top-treatment-sec figure img {}
.top-treatment-sec h4 { height:48px; margin:0 0 24px; font-size:20px; }
.top-treatment-sec .txt-basic { padding:0 0 30px; }
.top-treatment-sec .txt-basic p {}
.top-treatment-box { background:#FBFAF6 url(../img/common/bg_logo_02.svg) center 50px/121px auto no-repeat; margin:0 0 30px; padding:30px 16px 40px; }
.top-treatment-box h5 { margin:0 0 18px; font-size:16px; }
.top-treatment-box h5 strong { margin:0 8px; font-size:40px; }
.top-treatment-box h6 { padding:0 0 12px; font-size:16px; }
.top-treatment-box p { font-size:13px; }
}




/* ----------------------------------------------
  #top-art-case
 ---------------------------------------------- */

#top-art-case { padding:7.69vw 0 0; position:relative; }
#top-art-case:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:15.64vw 100vw 0 0; border-color:#F8F8F8 transparent transparent transparent; z-index:-1; }
#top-art-case:after { content:""; position:absolute; top:6.15vw; right:5.13vw; width:1.62vw; height:1.62vw; background:#EBE9DE; transform:rotate(45deg); box-shadow:3vw 3vw 0vw #EBE9DE, 6vw 6vw 0 #EBE9DE, 9vw 9vw 0 #EBE9DE, 12vw 12vw 0 #EBE9DE, 15vw 15vw 0 #EBE9DE; }
#top-art-case .top-tit-box { margin:0 5.13vw 8.97vw; position:relative; }
#top-case-wrap { margin:0 0 7.69vw; }
#top-case-nav {}
.top-case-box { width:71.53vw; background:#F8F8F8; border:1px #D9D9D9 solid; margin:0 0 10.25vw 5.13vw; padding:0 0 7.69vw; list-style:none; }
.top-case-box dl {}
.top-case-box dt { margin:0 0 7.69vw; position:relative; }
.top-case-box dt img { width:100%; height:auto; }
.top-case-box dt p { position:absolute; bottom:0; left:0; display:flex; justify-content:center; align-items:center; min-width:30.25vw; height:6.41vw; background:#535050; padding:0 4.1vw; font-size:3.33vw; color:#fff; }
.top-case-box dd { line-height:1.5; padding:0 4.1vw 7.69vw; font-size:4.1vw; font-weight:500; letter-spacing:0.04em; }
.top-case-box button { display:flex; justify-content:center; align-items:center; width:63.33vw; height:14.35vw; background:#fff; border:1px #D9D9D9 solid; border-radius:2.05vw; margin:0 auto; font-size:3.07vw; color:#0B8286; letter-spacing:0.04em; }

@media screen and (max-width:899px){
#top-case-wrap { width:100%; overflow-x:scroll; }
#top-case-nav { display:flex; flex-flow:row nowrap; width:max-content; }
.top-case-box { flex:0 0 71.53vw; }
.top-case-box:last-of-type { margin-right:5.13vw; }
}
@media screen and (min-width:900px){
#top-art-case { width:86.95vw; margin:0 auto; padding:5.07vw 0 0; }
#top-art-case:before { left:calc(50% - 50vw); border-width:4.35vw 100vw 0 0; }
#top-art-case:after { top:2.9vw; right:0; width:0.87vw; height:0.87vw; box-shadow:1.74vw 1.74vw 0vw #D9D9D9, 3.47vw 3.47vw 0 #D9D9D9, 5.21vw 5.21vw 0 #D9D9D9, 6.95vw 6.95vw 0 #D9D9D9, 8.69vw 8.69vw 0 #D9D9D9; }
#top-art-case .top-tit-box { margin:0 0 5.07vw; }
#top-case-wrap { margin:0 0 2.17vw; }
#top-case-nav {}
.top-case-box { width:28.4vw; margin:0 0.87vw 1.45vw 0; padding:0 0 2.17vw; }
.top-case-box dl {}
.top-case-box dt { margin:0 0 2.9vw; }
.top-case-box dt img {}
.top-case-box dt p { min-width:12.02vw; height:2.53vw; padding:0 0.87vw; font-size:1.3vw; }
.top-case-box dd { padding:0 1.59vw 2.9vw; font-size:1.3vw; }
.top-case-box button { width:20.28vw; height:4.05vw; border-radius:0.58vw; font-size:1.01vw; }
.top-case-box button:hover { background:#0B8286; color:#fff; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
#top-art-case { width:1200px; padding:70px 0 0; }
#top-art-case:before { border-width:60px 100vw 0 0; }
#top-art-case:after { top:40px; width:12px; height:12px; box-shadow:24px 24px 0vw #D9D9D9, 48px 48px 0 #D9D9D9, 72px 72px 0 #D9D9D9, 96px 96px 0 #D9D9D9, 120px 120px 0 #D9D9D9; }
#top-art-case .top-tit-box { margin:0 0 70px; }
#top-case-wrap { margin:0 0 30px; }
#top-case-nav {}
.top-case-box { width:392px; margin:0 12px 20px 0; padding:0 0 30px; }
.top-case-box dl {}
.top-case-box dt { margin:0 0 40px; }
.top-case-box dt img {}
.top-case-box dt p { min-width:166px; height:35px; padding:0 12px; font-size:18px; }
.top-case-box dd { padding:0 22px 40px; font-size:18px; }
.top-case-box button { width:280px; height:56px; border-radius:8px; font-size:14px; }
}



.top-case-dialog { width:calc(100% - 10.25vw); background:#fff; border-radius:2.56vw; border:none; padding:0; }
.top-case-dialog::backdrop { background:rgba(56,70,88,0.7); }
.top-case-sec {}
.top-case-dl { width:100%; }
.top-case-dl > dt { padding:5.13vw 5.13vw 0; }
.top-case-dl > dt figure { margin:0 0 5.13vw; }
.top-case-dl > dt figure img { width:100%; height:auto; aspect-ratio:277/179; object-fit:cover; }
.top-case-tab-ul { display:flex; flex-flow:row nowrap; justify-content:center; }
.top-case-tab-ul li { display:flex; justify-content:center; align-items:center; width:11.28vw; height:11.28vw; background:#F1F2F2; font-size:3.59vw; color:#0B8286; list-style:none; }
.top-case-tab-ul li:not(:first-of-type) { margin:0 0 0 1.03vw; }
.top-case-dl > dd { padding:5.13vw; position:relative; }
.top-case-dl > dd > p { display:table; background:#535050; text-align:center; margin:0 0 2.56vw; padding:1.79vw 2.56vw; font-size:3.33vw; color:#fff; letter-spacing:0.04em; }
.top-case-dl > dd > h3 { line-height:1.5; padding:0 0 5.13vw; font-size:4.1vw; font-weight:500; letter-spacing:0.04em; }
.top-case-dl > dd > h3 > a { color:#535050; text-decoration:none; }
.top-case-info { display:flex; flex-flow:row wrap; line-height:1.8; position:relative; }
.top-case-info:after { content:""; position:absolute; top:0; left:30%; width:0.5px; height:100%; background:#707070; }
.top-case-info dt { width:35%; font-size:3.07vw; color:#0B8286; font-weight:400; }
.top-case-info dd { width:65%; font-size:3.07vw; font-weight:400; }
.btn-top-case-close { display:flex; justify-content:center; width:calc(100% - 10.25vw); background:none; border:none; border-top:1px #707070 solid; margin:0 auto; padding:5.13vw 0; font-size:3.59vw; color:#0B8286; font-weight:500; }

@media screen and (min-width:900px){
.top-case-dialog { width:calc(100% - 2.9vw); max-width:79.71vw; border-radius:0.72vw; }
.top-case-dialog::backdrop {}
.top-case-sec { padding:5.07vw 2.9vw 0; }
.top-case-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 0 2.17vw; }
.top-case-dl > dt { width:39.85vw; padding:0; }
.top-case-dl > dt figure { margin:0 0 1.74vw; }
.top-case-dl > dt figure img {}
.top-case-tab-ul {}
.top-case-tab-ul li { width:3.26vw; height:3.26vw; font-size:1.16vw; }
.top-case-tab-ul li:not(:first-of-type) { margin:0 0 0 0.29vw; }
.top-case-tab-ul li:hover { background:#0B8286; color:#fff; transition:1s ease; cursor:pointer; }
.top-case-dl > dd { width:29.71vw; padding:0; }
.top-case-dl > dd > p { margin:0 0 0.87vw; padding:0.58vw 1.01vw; font-size:1.16vw; }
.top-case-dl > dd > h3 { padding:0 0 2.17vw; font-size:1.59vw; }
.top-case-dl > dd > h3 > a {}
.top-case-info {}
.top-case-info dt { font-size:1.01vw; }
.top-case-info dd { font-size:1.01vw; }
.btn-top-case-close { width:100%; margin:0; padding:2.17vw 0; font-size:1.16vw; }
.btn-top-case-close:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
.top-case-dialog { width:calc(100% - 40px); max-width:1100px; border-radius:10px; }
.top-case-dialog::backdrop {}
.top-case-sec { padding:70px 40px 0; }
.top-case-dl { margin:0 0 30px; }
.top-case-dl > dt { width:550px; }
.top-case-dl > dt figure { margin:0 0 24px; }
.top-case-dl > dt figure img {}
.top-case-tab-ul {}
.top-case-tab-ul li { width:45px; height:45px; font-size:16px; }
.top-case-tab-ul li:not(:first-of-type) { margin:0 0 0 4px; }
.top-case-dl > dd { width:410px; }
.top-case-dl > dd > p { margin:0 0 12px; padding:8px 14px; font-size:16px; }
.top-case-dl > dd > h3 { padding:0 0 30px; font-size:22px; }
.top-case-dl > dd > h3 > a {}
.top-case-info {}
.top-case-info dt { font-size:14px; }
.top-case-info dd { font-size:14px; }
.btn-top-case-close { padding:30px 0; font-size:16px; }
}




.go-before-after { display:none; }
.go-before-after-on { display:block; }
.top-case-tab-on { background:#0B8286 !important; color:#fff !important; }




.slide-arrow { width:12.82vw; height:12.82vw; background:transparent; border:none; padding:0; cursor:pointer; transform:translateY(-50%); }
.prev-arrow { left:-12.82vw; }
.next-arrow { right:-12.82vw; }
.slide-arrow::before { content:""; display:block; width:3.07vw; height:3.07vw; border-top:0.51vw solid #333; border-right:0.51vw solid #333; margin:auto; }
.prev-arrow::before { transform:rotate(-135deg); }
.next-arrow::before { transform:rotate(45deg); }

.slider:not(.slick-initialized) { display:flex; overflow:hidden; }
.slider:not(.slick-initialized) > * { width:100%; flex-shrink:0; }
.slider.slick-initialized { display:block; }

@media screen and (min-width:900px){
.slide-arrow { width:3.62vw; height:3.62vw; }
.prev-arrow { left:-3.62vw; }
.next-arrow { right:-3.62vw; }
.slide-arrow::before { width:0.87vw; height:0.87vw; border-top:0.14vw solid #333; border-right:0.14vw solid #333; }
}
@media screen and (min-width:1380px){
.slide-arrow { width:50px; height:50px; }
.prev-arrow { left:-50px; }
.next-arrow { right:-50px; }
.slide-arrow::before { width:12px; height:12px; border-top:2px solid #333; border-right:2px solid #333; }
}




.slide-top-case .dots-top-mv { position:absolute; bottom:0; left:0; }
.slide-top-case .slick-dots { margin:3.85vw 0 7.69vw; }

@media screen and (min-width:900px){
.slide-top-case .slick-dots { margin:2.17vw 0 2.9vw; }
}
@media screen and (min-width:1380px){
.slide-top-case .slick-dots { margin:30px 0 40px; }
}




/* ----------------------------------------------
  #top-art-doctor
 ---------------------------------------------- */

#top-art-doctor { padding:0 0 15.38vw; position:relative; }
#top-doctor-wrap {}
.top-doctor-box { min-height:380px; margin:0 2.05vw; }
.top-doctor-sec { display:grid; grid-template-columns:28.71vw 1fr; grid-template-areas:"figure title" "dl dl"; gap:5.13vw 4.1vw; align-items:center; background:#F8F8F8; border:1px #D9D9D9 solid; position:relative; }
.top-doctor-sec:before { content:""; position:absolute; top:0; left:0; width:24.87vw; height:44.1vw; background:#EFEFEF; z-index:1; }
.top-doctor-sec:after { content:""; position:absolute; top:30.77vw; right:2.05vw; width:1.62vw; height:1.62vw; background:#D9D9D9; transform:rotate(45deg); box-shadow:3vw 3vw 0vw #D9D9D9, 6vw 6vw 0 #D9D9D9, 9vw 9vw 0 #D9D9D9, 12vw 12vw 0 #D9D9D9, 15vw 15vw 0 #D9D9D9; }
.top-doctor-sec figure { grid-area:figure; width:28.71vw; margin:0; position:relaitve; z-index:2; }
.top-doctor-sec figure img { width:100%; height:auto; }
.top-doctor-sec h3 { grid-area:title; display:table; margin:0; }
.top-doctor-sec h3 span { display:table; border-bottom:1px #707070 solid; padding:0 0 1.28vw; font-size:3.07vw; font-weight:400; }
.top-doctor-sec h3 strong { display:inline-block; padding:0 2.05vw 0 0; font-size:4.61vw; font-weight:400; }
.top-doctor-sec dl { grid-area:dl; margin:0; position:relaitve; z-index:2; }
.top-doctor-sec dt { min-height:20.51vw; line-height:1.55; padding:0 4.1vw 5.13vw; font-size:4.61vw; font-weight:500; }
.top-doctor-sec dd { background:#6F6D6C; padding:5.13vw 4.1vw; color:#fff; }
.top-doctor-sec dd p { line-height:1.5; font-size:3.33vw; }
.top-doctor-sec dd p:not(:last-child) { padding:0 0 5.13vw; }

@media screen and (max-width:899px){
#top-art-doctor .top-tit-box { margin:0 5.13vw 8.97vw; }
}

@media screen and (min-width:900px){
#top-art-doctor { width:86.95vw; margin:0 auto; padding:0 0 8.69vw; }
#top-doctor-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 4.35vw; }
.top-doctor-box { width:28.4vw !important; min-height:27.53vw; margin:0; }
.top-doctor-sec { grid-template-columns:11.59vw 1fr; gap:1.22vw 1.45vw; padding:1.01vw 0 0; }
.top-doctor-sec:before { width:9.42vw; height:16.66vw; }
.top-doctor-sec:after { top:11.59vw; right:1.09vw; width:0.58vw; height:0.58vw; box-shadow:1.09vw 1.09vw 0vw #D9D9D9, 2.17vw 2.17vw 0 #D9D9D9, 3.26vw 3.26vw 0 #D9D9D9, 4.35vw 4.35vw 0 #D9D9D9, 5.43vw 5.43vw 0 #D9D9D9; }
.top-doctor-sec figure { width:11.59vw; }
.top-doctor-sec figure img {}
.top-doctor-sec h3 {}
.top-doctor-sec h3 span { padding:0 0 0.36vw; font-size:1.09vw; }
.top-doctor-sec h3 strong { padding:0 0.87vw 0 0; font-size:1.74vw; }
.top-doctor-sec dl {}
.top-doctor-sec dt { min-height:6.15vw; padding:0 1.45vw; font-size:1.45vw; }
.top-doctor-sec dd { padding:2.17vw 1.16vw; }
.top-doctor-sec dd p { font-size:1.16vw; }
.top-doctor-sec dd p:not(:last-child) { padding:0 0 2.17vw; }
}
@media screen and (min-width:1380px){
#top-art-doctor { width:1200px; padding:0 0 120px; }
#top-doctor-wrap { margin:0 0 60px; }
.top-doctor-box { width:392px !important; min-height:380px; margin:0; }
.top-doctor-sec { grid-template-columns:160px 1fr; gap:22px 20px; padding:14px 0 0; }
.top-doctor-sec:before { width:130px; height:230px; }
.top-doctor-sec:after { top:160px; right:15px; width:8px; height:8px; box-shadow:15px 15px 0vw #D9D9D9, 30px 30px 0 #D9D9D9, 45px 45px 0 #D9D9D9, 60px 60px 0 #D9D9D9, 75px 75px 0 #D9D9D9; }
.top-doctor-sec figure { width:160px; }
.top-doctor-sec figure img {}
.top-doctor-sec h3 {}
.top-doctor-sec h3 span { padding:0 0 5px; font-size:15px; }
.top-doctor-sec h3 strong { padding:0 12px 0 0; font-size:24px; }
.top-doctor-sec dl {}
.top-doctor-sec dt { min-height:85px; padding:0 20px; font-size:20px; }
.top-doctor-sec dd { padding:30px 16px; }
.top-doctor-sec dd p { font-size:16px; }
.top-doctor-sec dd p:not(:last-child) { padding:0 0 30px; }
}




/* ----------------------------------------------
  #top-art-menu
 ---------------------------------------------- */

#top-art-menu { background:#F7F8F8; position:relative; }
#top-art-menu:before { content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:100%; background:#F7F8F8; z-index:-1; }
#top-art-menu:after { content:""; position:absolute; top:0; right:0; width:30.76vw; height:141vw; background:#F1F2F2; z-index:2; }
#top-art-menu .top-tit-box { z-index:3; }

@media screen and (min-width:900px){
#top-art-menu { width:86.95vw; margin:0 auto; }
#top-art-menu:before {}
#top-art-menu:after { right:auto; left:calc(50% + 31.15vw); width:100vw; height:57.97vw; }
}
@media screen and (min-width:1380px){
#top-art-menu { width:1200px; }
#top-art-menu:before {}
#top-art-menu:after { left:calc(50% + 430px); height:800px; }
}




#top-menu-ul-01 { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 3.07vw; position:relative; z-index:3; }
#top-menu-ul-01:after { content:""; width:28.2vw; }
#top-menu-ul-01 li { width:28.2vw; margin:0 0 5.13vw; list-style:none; }
#top-menu-ul-01 li a { text-decoration:none; }
#top-menu-ul-01 li figure { width:28.2vw; height:28.2vw; background:#F0EBD9; border:1px #E6DEC0 solid; border-radius:50%; position:relative; }
#top-menu-ul-01 li figure:before { content:""; position:absolute; bottom:0; right:0; width:6.15vw; height:6.15vw; background:#0B9B94; border-radius:50%; } 
#top-menu-ul-01 li figure:after { content:""; position:absolute; bottom:1.28vw; right:2.56vw; width:1.54vw; height:1.54vw; border-top:0.6vw solid #fff; border-right:0.6vw solid #fff; transform:translateY(-50%) rotate(45deg); }
#top-menu-ul-01 li figure img { width:100%; height:auto; }
#top-menu-ul-01 li h3 { display:flex; justify-content:center; align-items:center; height:12.82vw; line-height:1.44; text-align:center; font-size:3.33vw; color:#0B8286; }

@media screen and (min-width:900px){
#top-menu-ul-01 { gap:3.47vw; margin:0 0 2.17vw; }
#top-menu-ul-01:after { width:11.59vw; }
#top-menu-ul-01 li { width:11.59vw; margin:0 0 1.45vw; }
#top-menu-ul-01 li a {}
#top-menu-ul-01 li a:hover { opacity:0.7; transition:1s ease; }
#top-menu-ul-01 li figure { width:11.59vw; height:11.59vw; }
#top-menu-ul-01 li figure:before { width:2.31vw; height:2.31vw; } 
#top-menu-ul-01 li figure:after { bottom:0.79vw; right:0.87vw; width:0.43vw; height:0.43vw; border-top:0.14vw solid #fff; border-right:0.14vw solid #fff; }
#top-menu-ul-01 li figure img { width:11.59vw; height:11.59vw; transition:transform 0.6s ease; }
#top-menu-ul-01 li a:hover figure img { transform:scale(1.1); }
#top-menu-ul-01 li h3 { height:5.8vw; font-size:1.3vw; }
}
@media screen and (min-width:1380px){
#top-menu-ul-01 { gap:48px; margin:0 0 30px; }
#top-menu-ul-01:after { width:160px; }
#top-menu-ul-01 li { width:160px; margin:0 0 20px; }
#top-menu-ul-01 li a {}
#top-menu-ul-01 li figure { width:160px; height:160px; }
#top-menu-ul-01 li figure:before { width:32px; height:32px; } 
#top-menu-ul-01 li figure:after { bottom:11px; right:12px; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; }
#top-menu-ul-01 li figure img { width:160px; height:160px; }
#top-menu-ul-01 li h3 { height:80px; font-size:18px; }
}




#top-menu-sec-02 { padding:0 0 14.38vw; }
#top-menu-sec-02 h3 {}
#top-menu-ul-02 {}
#top-menu-ul-02 li { background:#fff; border:1px #EBE9DE solid; list-style:none; position:relative; }
#top-menu-ul-02 li:before { content:""; position:absolute; top:0; left:29.59vw; width:0; height:0; border-style:solid; border-width:20.51vw 20.51vw 0 0; border-color:#FBFAF6 transparent transparent transparent; z-index:-1; }
#top-menu-ul-02 li a { display:flex; flex-flow:row nowrap; align-items:center; text-decoration:none; position:relative; }
#top-menu-ul-02 li a:before { content:""; position:absolute; top:calc(50% - 12.82vw); right:6.92vw; width:1px; height:25.64vw; border-right:1px #6F6D6C dashed; }
#top-menu-ul-02 li a:after { content:""; position:absolute; top:50%; right:2.56vw; width:2.05vw; height:2.05vw; border-top:0.6vw solid #BCBCBC; border-right:0.6vw solid #BCBCBC; transform:translateY(-50%) rotate(45deg); }
#top-menu-ul-02 li figure { width:29.59vw; }
#top-menu-ul-02 li figure img { width:100%; height:auto; }
#top-menu-ul-02 li h4 { width:calc(100% - 29.59vw); line-height:1.5; padding:0 0 0 4.1vw; font-size:4.1vw; color:#535050; position:relative; z-index:2; }

@media screen and (max-width:899px){
#top-menu-ul-02 li:not(:last-child) { margin:0 0 2.05vw; }
}
@media screen and (min-width:900px){
#top-menu-sec-02 { padding:4.35vw 0; }
#top-menu-sec-02 h3 {}
#top-menu-ul-02 { display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; }
#top-menu-ul-02:after { content:""; display:block; width:28.18vw; }
#top-menu-ul-02 li { width:28.18vw; margin:0 0 1.09vw; }
#top-menu-ul-02 li:before { left:9.34vw; border-width:6.52vw 6.52vw 0 0; }
#top-menu-ul-02 li a {}
#top-menu-ul-02 li a:hover {}
#top-menu-ul-02 li a:before { top:calc(50% - 3.98vw); right:2.17vw; height:7.97vw; }
#top-menu-ul-02 li a:after { right:0.72vw; width:0.58vw; height:0.58vw; border-top:0.14vw solid #BCBCBC; border-right:0.14vw solid #BCBCBC; }
#top-menu-ul-02 li figure { width:9.34vw; height:9.34vw; overflow:hidden; }
#top-menu-ul-02 li figure img { width:9.34vw; height:9.34vw; transition:transform 0.6s ease; }
#top-menu-ul-02 li a:hover figure img { transform:scale(1.1); }
#top-menu-ul-02 li h4 { width:calc(100% - 9.34vw); padding:0 0 0 1.45vw; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#top-menu-sec-02 { padding:60px 0; }
#top-menu-sec-02 h3 {}
#top-menu-ul-02 {}
#top-menu-ul-02:after { width:389px; }
#top-menu-ul-02 li { width:389px; margin:0 0 15px; }
#top-menu-ul-02 li:before { left:129px; border-width:90px 90px 0 0; }
#top-menu-ul-02 li a {}
#top-menu-ul-02 li a:before { top:calc(50% - 55px); right:30px; height:110px; }
#top-menu-ul-02 li a:after { right:10px; width:8px; height:8px; border-top:2px solid #BCBCBC; border-right:2px solid #BCBCBC; }
#top-menu-ul-02 li figure { width:129px; height:129px; }
#top-menu-ul-02 li figure img { width:129px; height:129px; }
#top-menu-ul-02 li h4 { width:calc(100% - 129px); padding:0 0 0 20px; font-size:16px; }
}




/* ----------------------------------------------
  #top-art-blog
 ---------------------------------------------- */

#top-art-blog { padding:7.69vw 5.13vw 14.38vw; position:relative; }
#top-art-blog:before { content:""; position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:15.64vw 100vw 0 0; border-color:#F8F8F8 transparent transparent transparent; z-index:-1; }
#top-art-blog:after { content:""; position:absolute; top:6.15vw; right:5.13vw; width:1.62vw; height:1.62vw; background:#EBE9DE; transform:rotate(45deg); box-shadow:3vw 3vw 0vw #EBE9DE, 6vw 6vw 0 #EBE9DE, 9vw 9vw 0 #EBE9DE, 12vw 12vw 0 #EBE9DE, 15vw 15vw 0 #EBE9DE; }
#top-blog-wrap { padding:0 0 6.15vw; }
.top-blog-sec { border:1px #D9D9D9 solid; margin:0 0 2.05vw; position:relative; }
.top-blog-sec dl { display:flex; flex-flow:row nowrap; align-items:center; }
.top-blog-sec dt { width:29.74vw; }
.top-blog-sec dt a { display:block; }
.top-blog-sec dt img { width:29.74vw; height:47.64vw; object-fit:cover; }
.top-blog-sec dd { width:calc(100% - 29.74vw); background:#fff; padding:5.13vw 4.1vw; }
.top-blog-sec dd time { display:block; padding:0 0 2.56vw; font-size:3.07vw; color:#0B8286; }
.top-blog-sec dd h3 { line-height:1.42; margin:0 0 4.1vw; font-size:3.59vw; }
.top-blog-sec dd h3 a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#535050; }
.top-blog-sec dd p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.42; padding:0 0 5.13vw; font-size:3.07vw; }
.btn-blog-more {}
.btn-blog-more a { display:block; padding:0 0 0 2.56vw; font-size:3.59vw; color:#0B8286; position:relative; }
.btn-blog-more a:before { content:""; position:absolute; top:1.54vw; left:0; width:1.54vw; height:1.54vw; border-top:0.6vw solid #0B8286; border-right:0.6vw solid #0B8286; transform:translateY(-50%) rotate(45deg); }
.btn-blog-cat { position:absolute; top:0; right:0; }
.btn-blog-cat a { display:flex; justify-content:center; align-items:center; height:7.69vw; background:#0B8286; padding:0 2.56vw; font-size:3.33vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
#top-art-blog { width:86.95vw; margin:0 auto; padding:5.07vw 0 8.69vw; }
#top-art-blog:before { left:calc(50% - 50vw); border-width:4.35vw 100vw 0 0; }
#top-art-blog:after { top:2.9vw; right:0; width:0.87vw; height:0.87vw; box-shadow:1.74vw 1.74vw 0vw #D9D9D9, 3.47vw 3.47vw 0 #D9D9D9, 5.21vw 5.21vw 0 #D9D9D9, 6.95vw 6.95vw 0 #D9D9D9, 8.69vw 8.69vw 0 #D9D9D9; }
#top-blog-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 3.62vw; }
.top-blog-sec { width:42.89vw; margin:0 0 1.16vw; }
.top-blog-sec dl {}
.top-blog-sec dt { width:13.04vw; height:13.04vw; overflow:hidden; }
.top-blog-sec dt a {}
.top-blog-sec dt a:hover { opacity:0.7; transition:1s ease; }
.top-blog-sec dt img { width:13.04vw; height:13.04vw; transition:transform 0.6s ease;  }
.top-blog-sec dt a:hover img { transform:scale(1.1); }
.top-blog-sec dd { width:calc(100% - 13.04vw); padding:1.01vw 1.59vw; }
.top-blog-sec dd time { padding:0 0 1.01vw; font-size:1.01vw; }
.top-blog-sec dd h3 { margin:0 0 1.09vw; font-size:1.16vw; }
.top-blog-sec dd h3 a { text-decoration:none; }
.top-blog-sec dd h3 a:hover { text-decoration:underline; transition:1s ease; }
.top-blog-sec dd p { -webkit-line-clamp:1; padding:0 0 1.16vw; font-size:0.87vw; }
.btn-blog-more {}
.btn-blog-more a { padding:0 0 0 0.87vw; font-size:1.01vw; }
.btn-blog-more a:hover { text-decoration:none; transition:1s ease; }
.btn-blog-more a:before { top:0.43vw; width:0.43vw; height:0.43vw; border-top:0.14vw solid #0B8286; border-right:0.14vw solid #0B8286; }
.btn-blog-cat {}
.btn-blog-cat a { height:2.17vw; padding:0 0.72vw; font-size:0.94vw; }
.btn-blog-cat a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#top-art-blog { width:1200px; padding:70px 0 120px; }
#top-art-blog:before { border-width:60px 100vw 0 0; }
#top-art-blog:after { top:40px; width:12px; height:12px; box-shadow:24px 24px 0vw #D9D9D9, 48px 48px 0 #D9D9D9, 72px 72px 0 #D9D9D9, 96px 96px 0 #D9D9D9, 120px 120px 0 #D9D9D9; }
#top-blog-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 50px; }
.top-blog-sec { width:592px; margin:0 0 16px; }
.top-blog-sec dl {}
.top-blog-sec dt { width:180px; height:180px; }
.top-blog-sec dt a {}
.top-blog-sec dt img { width:180px; height:180px; }
.top-blog-sec dd { width:calc(100% - 180px); padding:14px 22px; }
.top-blog-sec dd time { padding:0 0 14px; font-size:14px; }
.top-blog-sec dd h3 { margin:0 0 15px; font-size:16px; }
.top-blog-sec dd h3 a {}
.top-blog-sec dd p { padding:0 0 16px; font-size:12px; }
.btn-blog-more {}
.btn-blog-more a { padding:0 0 0 12px; font-size:14px; }
.btn-blog-more a:before { top:6px; width:6px; height:6px; border-top:2px solid #0B8286; border-right:2px solid #0B8286; }
.btn-blog-cat {}
.btn-blog-cat a { height:30px; padding:0 10px; font-size:13px; }
}




/* ----------------------------------------------
  #top-art-access
 ---------------------------------------------- */

#top-art-access { background:#F7F8F8; padding:0; position:relative; }
#top-art-access:before { content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:100%; background:#F7F8F8; z-index:-1; }
#top-art-access:after { content:""; position:absolute; top:0; right:0; width:30.76vw; height:141vw; background:#F1F2F2; z-index:2; }
#top-art-access .top-tit-box { margin:0 5.13vw 8.97vw; z-index:3; }
#top-access-wrap { padding:0 5.13vw 10.25vw; }
#top-access-wrap-l { position:relative; z-index:3; }
#top-access-mainview { padding:0 0 7.69vw; }
#top-access-mainview img { width:100%; height:auto; }
#top-access-box {}
#top-access-dl { padding:0 0 5.13vw; }
#top-access-dl dt { line-height:1.42; padding:0 0 6.15vw; font-size:3.59vw; color:#0B8286; letter-spacing:0.1em; }
#top-access-dl dd { line-height:1.46; font-size:3.33vw; }
#top-access-wrap-r {}
#top-access-illustrated-map { padding:14.35vw 0 4.1vw; }
#top-access-illustrated-map img { width:100%; height:auto; }

@media screen and (min-width:900px){
#top-art-access {}
#top-art-access:before {}
#top-art-access:after { right:auto; left:calc(50% + 31.15vw); width:100vw; height:55.36vw; }
#top-art-access .top-tit-box { width:86.95vw; margin:0 auto 4.35vw; }
#top-access-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:86.95vw; margin:0 auto; padding:0 0 4.35vw; }
#top-access-wrap-l { width:43.47vw; }
#top-access-mainview { padding:0 0 3.26vw; }
#top-access-mainview img {}
#top-access-box {}
#top-access-dl { padding:0 0 1.45vw; }
#top-access-dl dt { padding:0 0 2.17vw; font-size:1.16vw; }
#top-access-dl dd { font-size:1.09vw; }
#top-access-wrap-l .medical-hour-note { padding:0 0 10.86vw; }
#top-access-wrap-r { width:38.11vw; position:relative; z-index:3; }
#top-access-illustrated-map { padding:0 0 4.1vw; }
#top-access-illustrated-map img { width:100%; height:auto; }
}
@media screen and (min-width:1380px){
#top-art-access {}
#top-art-access:before {}
#top-art-access:after { left:calc(50% + 430px); height:764px; }
#top-art-access .top-tit-box { width:1200px; margin:0 auto 60px; }
#top-access-wrap { width:1200px; padding:0 0 60px; }
#top-access-wrap-l { width:600px; }
#top-access-mainview { padding:0 0 45px; }
#top-access-mainview img {}
#top-access-box {}
#top-access-dl { padding:0 0 20px; }
#top-access-dl dt { padding:0 0 30px; font-size:16px; }
#top-access-dl dd { font-size:15px; }
#top-access-wrap-l .medical-hour-note { padding:0 0 150px; }
#top-access-wrap-r { width:526px; }
#top-access-illustrated-map { padding:0 0 16px; }
#top-access-illustrated-map img {}
}




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

#top-information-gmap {}
#top-information-gmap iframe { display:block; width:100%; height:53.84vw; }

@media screen and (min-width:900px){
#top-information-gmap {}
#top-information-gmap iframe { height:43.47vw; }
}
@media screen and (min-width:1380px){
#top-information-gmap {}
#top-information-gmap iframe { height:600px; }
}