@charset "utf-8";

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

#top-mainview { width:100%; height:auto; aspect-ratio:390/510; position:relative; }
.top-mv-lcp { width:100%; height:100%; aspect-ratio:390/438; }
.top-mv-lcp img { display:block; width:100%; height:auto; object-fit:cover; aspect-ratio:390/480; }
#top-mainview-catch { writing-mode:vertical-rl; }
#top-mainview-catch:after { content:""; position:absolute; top:14.61vw; left:21.02vw; width:0; height:0; border-style:solid; border-width:0 18.72vw 18.72vw 0; border-color:transparent #CBE2F4 transparent transparent; z-index:1; }
#top-mainview-catch dt { position:absolute; top:15.64vw; left:8.46vw; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:30vw; min-height:76.41vw; background:#fff; padding:0 0 6.15vw; z-index:2; }
#top-mainview-catch dt span { display:block; line-height:1.5; font-size:7.18vw; font-weight:500; letter-spacing:0.18em; }
#top-mainview-catch dt span:last-of-type { margin:25.64vw 0 0; }
#top-mainview-catch dd { position:absolute; top:42.195vw; left:4.1vw; display:flex; justify-content:center; align-items:center; width:6.92vw; height:68vw; background:#457396; font-size:3.85vw; color:#fff; letter-spacing:0.3em; z-index:3; }
#top-mainview-access { position:absolute; bottom:16.66vw; right:0; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; width:56.66vw; height:19.48vw; line-height:1.64; background:#F5FAFA; border-radius:100vw 0 0 100vw; color:#457396; z-index:3; }
#top-mainview-access span { text-align:right; font-size:3.59vw; font-weight:500; }
#top-mainview-access span:last-of-type { margin:6.15vw 0 0; }
#top-mainview-access strong { display:inline-block; margin:0 1.54vw; font-size:15.38vw; }
#top-mainview-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:18.46vw; background:#D8ECF2; padding:0 4.1vw; position:relative; z-index:1; }
#top-mainview-ul li { display:flex; justify-content:center; align-items:center; width:44.87vw; height:8.97vw; background:#457396; font-size:3.59vw; color:#fff; position:relative; z-index:3; }
#top-mainview-ul:before { content:""; position:absolute; top:0; left:43vw; width:0; height:0; border-style:solid; border-width:0 0 18.46vw 18.46vw; border-color: transparent transparent #CBE2F4 transparent; z-index:2; }
#top-mainview-ul:after { content:""; position:absolute; top:0; right:0; width:38.97vw; height:18.46vw; background:#CBE2F4; z-index:2; }

@media screen and (min-width:900px){
#top-mainview { aspect-ratio:1500/857; }
.top-mv-lcp {}
.top-mv-lcp img { aspect-ratio:1500/742; }
#top-mainview-catch {}
#top-mainview-catch:after { top:6.3vw; left:17.17vw; border-width:0 7.97vw 7.97vw 0; }
#top-mainview-catch dt { top:6.3vw; left:8.69vw; width:17.31vw; min-height:39.34vw; padding:0 0 3.62vw; }
#top-mainview-catch dt span { font-size:3.33vw; letter-spacing:0.25em; }
#top-mainview-catch dt span:last-of-type { margin:8.98vw 0 0; }
#top-mainview-catch dd { top:11.59vw; left:6.66vw; width:3.18vw; height:36.23vw; font-size:1.88vw; }
#top-mainview-access { bottom:1.95vw; width:34.63vw; height:10.65vw; }
#top-mainview-access span { font-size:2.1vw; }
#top-mainview-access span:last-of-type { margin:3.11vw 0 0; }
#top-mainview-access strong { margin:0 1.16vw; font-size:8.33vw; }
#top-mainview-ul { justify-content:start; height:7.68vw; padding:0 0 0 6.66vw; }
#top-mainview-ul li { width:26.66vw; height:3.33vw; margin:0 0.58vw 0 0; font-size:1.45vw; }
#top-mainview-ul:before { left:50vw; border-width:0 0 7.68vw 7.68vw; }
#top-mainview-ul:after { width:42.31vw; height:7.68vw; }
}
@media screen and (min-width:1380px){
#top-mainview { width:1380px; margin:0 auto; }
#top-mainview:after { content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:100%; background:#F5FAFA; z-index:-1; }
.top-mv-lcp {}
.top-mv-lcp img {}
#top-mainview-catch {}
#top-mainview-catch:after { top:82px; left:239px; border-width:0 110px 110px 0; }
#top-mainview-catch dt { top:87px; left:120px; width:225px; min-height:543px; padding:0 0 50px; }
#top-mainview-catch dt span { font-size:46px; }
#top-mainview-catch dt span:last-of-type { margin:124px 0 0; }
#top-mainview-catch dd { top:160px; left:92px; width:44px; height:500px; font-size:26px; }
#top-mainview-access { bottom:27px; width:478px; height:147px; }
#top-mainview-access span { font-size:29px; }
#top-mainview-access span:last-of-type { margin:43px 0 0; }
#top-mainview-access strong { margin:0 16px; font-size:115px; }
#top-mainview-ul { height:106px; padding:0 0 0 92px; }
#top-mainview-ul li { width:368px; height:46px; margin:0 8px 0 0; font-size:20px; }
#top-mainview-ul:before { left:690px; border-width:0 0 106px 106px; }
#top-mainview-ul:after { width:584px; height:106px; }
}




.dots-top-mv { position:absolute; bottom:0; left:0; }
.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; width:100%; margin:5.13vw 0 0; 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 0; }
.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 { cursor:pointer; }
.slick-dots li.slick-active {}
}
@media screen and (min-width:1380px){
.slick-dots { margin:30px 0 0; }
.slick-dots li { width:12px; height:12px; }
.slick-dots li:not(:last-child) { margin:0 16px 0 0; }
.slick-dots li button { cursor:pointer; }
.slick-dots li.slick-active {}
}




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

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

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




.top-art-box { padding:0 5.13vw; }
.top-tit-box { text-align:center; margin:0 auto; padding:10.25vw 0 0; position:relative; }
.top-tit-box h2 { line-height:1.75; text-align:center; padding:0 0 12.82vw; font-size:6.15vw; color:#0C0C0C; font-weight:500; letter-spacing:0.02em; position:relative; }
.top-tit-box h2:before { content:""; position:absolute; bottom:7.31vw; right:14vw; width:0.77vw; height:0.77vw; background:#B3AB85; transform:rotate(45deg); box-shadow:3.07vw -3.07vw 0 #B3AB85,6.15vw -6.15vw 0 #B3AB85,9.23vw -9.23vw 0 #B3AB85; }
.top-tit-box h2:after { content:""; position:absolute; bottom:7.69vw; left:0; width:70vw; height:0.25vw; background:#6F6D6C; }
.top-tit-box h2 strong { display:inline-block; margin:0 2.05vw; font-size:10.25vw; color:#457396; font-weight:500; }
.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; min-width:38.04vw; padding:7.24vw 0 0; }
.top-tit-box h2 { padding:0 2.9vw 5.8vw; font-size:2.31vw; }
.top-tit-box h2:before { bottom:4.35vw; right:0; width:0.21vw; height:0.21vw; box-shadow:1.09vw -1.09vw 0 #BCBCBC,2.17vw -2.17vw 0 #BCBCBC,3.26vw -3.26vw 0 #BCBCBC; }
.top-tit-box h2:after { bottom:4.35vw; width:calc(100% - 2.17vw); height:0.07vw; }
.top-tit-box h2 strong { margin:0 0.58vw; font-size:3.62vw; }
.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 { min-width:525px; padding:100px 0 0; }
.top-tit-box h2 { padding:0 40px 80px; font-size:32px; }
.top-tit-box h2:before { bottom:60px; right:0; width:3px; height:3px; box-shadow:15px -15px 0 #BCBCBC,30px -30px 0 #BCBCBC,45px -45px 0 #BCBCBC,; }
.top-tit-box h2:after { bottom:60px; width:calc(100% - 30px); height:1px; }
.top-tit-box h2 strong { margin:0 8px; font-size:50px; }
.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-basic-dl { padding:0 0 10.25vw; }
.top-basic-dl dt { padding:0 0 10.25vw; }
.top-basic-dl dt img { width:100%; height:auto; }
.top-basic-dl dt span { display:block; text-align:center; margin:0 auto; padding:4.1vw 0 0; font-size:3.07vw; }
.top-basic-dl dd {}
.top-basic-dl dd h3 { text-align:center; margin:0 auto 6.15vw; font-size:5.13vw; }
.top-basic-dl dd em { display:inline-block; border:1px #B3AB85 solid; margin:0 4.1vw 0 0; padding:1.54vw 3.07vw; font-size:4.1vw; font-style:normal; }
.top-basic-dl dd .txt-basic {}

@media screen and (min-width:900px){
.top-basic-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; width:94.2vw; margin:0 auto; padding:0 0 2.9vw; }
.reverse { flex-flow:row-reverse nowrap; }
.top-basic-dl dt { width:47.1vw; padding:0; }
.top-basic-dl dt img {}
.top-basic-dl dt span { padding:1.74vw 0 0; font-size:0.94vw; }
.top-basic-dl dd { width:43.04vw; }
.top-basic-dl dd h3 { text-align:left; margin:0 0 2.17vw; font-size:2.03vw; }
.top-basic-dl dd em { margin:0 0.58vw 0 0; padding:0.43vw 0.87vw; font-size:1.74vw; }
.top-basic-dl dd .txt-basic {}
}
@media screen and (min-width:1380px){
.top-basic-dl { width:1300px; padding:0 0 40px; }
.top-basic-dl dt { width:650px; }
.top-basic-dl dt img {}
.top-basic-dl dt span { padding:24px 0 0; font-size:13px; }
.top-basic-dl dd { width:594px; }
.top-basic-dl dd h3 { margin:0 0 30px; font-size:28px; }
.top-basic-dl dd em { margin:0 8px 0 0; padding:6px 12px; font-size:24px; }
.top-basic-dl dd .txt-basic {}
}




/* ----------------------------------------------
  #top-bnr-box
 ---------------------------------------------- */

#top-bnr-box { padding:0 4.1vw 6.15vw; }
#top-bnr-box a { display:block; }
#top-bnr-box img { width:100%; height:auto; }

@media screen and (min-width:900px){
#top-bnr-box { width:94.2vw; margin:0 auto; padding:0 0 1.45vw; }
#top-bnr-box a {}
#top-bnr-box a:hover { opacity:0.7; transition:1s ease; }
#top-bnr-box img {}
}
@media screen and (min-width:1380px){
#top-bnr-box { width:1300px; padding:0 0 20px; }
#top-bnr-box a {}
#top-bnr-box img {}
}





#top-art-choise { margin:0 0 12.82vw; }

@media screen and (min-width:900px){
#top-art-choise { margin:0 0 5.8vw; }
}
@media screen and (min-width:1380px){
#top-art-choise { margin:0 0 80px; }
}




#top-bnr-wrap { width:100%; background:#F5F5F5; margin:0 auto 10.25vw; padding:10.25vw 0; position:relative; }
#top-bnr-wrap figure { border:1px #B3AB85 solid; margin:0 2.05vw; }
#top-bnr-wrap figure a { display:block; }
#top-bnr-wrap figure img { width:100%; height:auto; aspect-ratio:704/176; object-fit:cover; }
.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 { width:72.46vw; background:none; margin:0 auto 2.9vw; padding:4.35vw 0; }
#top-bnr-wrap:after { content:""; position:absolute; top:0; left:calc(50% - 50vw); width:100vw; height:100%; background:#F5F5F5; z-index:-1; }
#top-bnr-wrap figure { width:34.2vw; margin:0 0.58vw; }
#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:8.69vw; 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 { width:1000px; margin:0 auto 40px; padding:60px 0; }
#top-bnr-wrap figure { width:472px; margin:0 8px; }
#top-bnr-wrap figure a {}
#top-bnr-wrap figure img {}
.slide-arrow { top:120px; 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-doctor
 ---------------------------------------------- */

#top-art-doctor { padding:0 0 25.64vw; }
#top-art-doctor .top-tit-box { margin:0 5.13vw; }
#top-doctor-dl {}
#top-doctor-dl dt { background:url(../img/top/bg-doctor.webp) left 50% bottom 10.25vw/110% auto no-repeat; margin:0 0 10.25vw; }
#top-doctor-dl dt figure { width:86.15vw; margin:0 auto; }
#top-doctor-dl dt figure img { width:100%; height:auto; margin:0 0 -10.25vw; position:relative; z-index:1; }
#top-doctor-dl dt figcaption { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:84.1vw; height:19.23vw; background:#fff url(../img/top/bg-doctor-name.svg) left bottom/50% auto no-repeat; border:1px #B4AA80 solid; position:relative; z-index:2; }
#top-doctor-dl dt figcaption span { display:block; padding:0 0 3.07vw; font-size:3.33vw; }
#top-doctor-dl dt figcaption strong { display:block; font-size:4.1vw; font-weight:400; }
#top-doctor-dl dd { padding:0 5.13vw 10.25vw; }
#top-doctor-dl dd h3 { line-height:2.1; text-align:center; padding:0 0 10.25vw; font-size:5.13vw; }
#top-doctor-dl dd p {}

@media screen and (min-width:900px){
#top-art-doctor { padding:0 0 7.24vw; }
#top-art-doctor .top-tit-box { margin:0 auto; }
#top-doctor-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; width:94.2vw; margin:0 auto 4.35vw; }
#top-doctor-dl dt { width:38.4vw; background:url(../img/top/bg-doctor.webp) left 50% bottom 24%/120% auto no-repeat; margin:0; }
#top-doctor-dl dt figure { width:100%; }
#top-doctor-dl dt figure img { margin:0 0 -2.17vw; }
#top-doctor-dl dt figcaption { width:23.76vw; height:5.43vw; margin:0 auto; }
#top-doctor-dl dt figcaption span { padding:0 0 0.87vw; font-size:0.94vw; }
#top-doctor-dl dt figcaption strong { font-size:1.16vw; }
#top-doctor-dl dd { width:52.89vw; padding:0; }
#top-doctor-dl dd h3 { text-align:left; padding:0 0 1.74vw; font-size:2.03vw; }
#top-doctor-dl dd p {}
}
@media screen and (min-width:1380px){
#top-art-doctor { padding:0 0 100px; }
#top-art-doctor .top-tit-box {}
#top-doctor-dl { width:1300px; margin:0 auto 60px; }
#top-doctor-dl dt { width:530px; background:url(../img/top/bg-doctor.webp) left 50% bottom 24%/120% auto no-repeat; }
#top-doctor-dl dt figure {}
#top-doctor-dl dt figure img { margin:0 0 -30px; }
#top-doctor-dl dt figcaption { width:328px; height:75px; }
#top-doctor-dl dt figcaption span { padding:0 0 12px; font-size:13px; }
#top-doctor-dl dt figcaption strong { font-size:16px; }
#top-doctor-dl dd { width:730px; }
#top-doctor-dl dd h3 { padding:0 0 24px; font-size:28px; }
#top-doctor-dl dd p {}
}




/* ----------------------------------------------
  #top-art-about
 ---------------------------------------------- */

#top-art-about { padding:0 5.13vw 15.38vw; }
#top-about-wrap {}
.top-about-sec {}
.top-about-sec:not(:first-of-type) { padding:12.82vw 0 0; }
.top-about-sec h3 { display:flex; flex-flow:row nowrap; align-items:center; height:18.61vw; line-height:1.4; margin:0 0 2.05vw; }
.top-about-sec h3 em { display:block; width:18.96vw; text-align:center; font-size:13.84vw; color:#B4AA80; font-weight:500; font-style:normal; position:relative; }
.top-about-sec h3 em:after { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#B4AA80; }
.top-about-sec h3 span { display:block; width:calc(100% - 18.96vw); padding:0 0 0 3.33vw; font-size:4.61vw; font-weight:500; letter-spacing:0.05em; }
.top-about-sec h3 span strong { font-size:5.64vw; font-weight:500; }
.top-about-box { border:0.5px #B4AA80 solid; overflow:hidden; position:relative; }
.top-about-box:before { content:""; position:absolute; bottom:3.33vw; right:3.33vw; width:1.54vw; height:1.54vw; border-top:0.25vw solid #B4AA80; border-right:0.25vw solid #B4AA80; transform:translateY(-50%) rotate(45deg); }
.top-about-box:not(:last-child) { margin:0 0 2.05vw; }
.top-about-box a { display:block; color:#323232;text-decoration:none; }
.top-about-box dl { display:flex; flex-flow:row nowrap; align-items:center; }
.top-about-box dt { width:24vw; height:auto; aspect-ratio:206/288; }
.top-about-box dt img { width:100%; height:auto; aspect-ratio:206/288; }
.top-about-box dd { width:calc(100% - 24vw); line-height:1.4; padding:3.33vw 5.13vw; }
.top-about-box dd h4 { padding:0 0 2.05vw; font-size:4.1vw; color:#8B7F4D; font-weight:400; }
.top-about-box dd p { font-size:3.33vw; }

@media screen and (min-width:900px){
#top-art-about { padding:0 0 7.24vw; }
#top-about-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:85.14vw; margin:0 auto; }
.top-about-sec { width:27.39vw; }
.top-about-sec:not(:first-of-type) { padding:0; }
.top-about-sec h3 { height:5.07vw; margin:0 0 2.9vw; }
.top-about-sec h3 em { width:5.8vw; font-size:3.62vw; }
.top-about-sec h3 em:after {}
.top-about-sec h3 span { width:calc(100% - 5.8vw); padding:0 0 0 1.09vw; font-size:1.3vw; }
.top-about-sec h3 span strong { font-size:1.59vw; }
.top-about-box {}
.top-about-box:before { bottom:0.87vw; right:0.87vw; width:0.43vw; height:0.43vw; border-top:0.07vw solid #B4AA80; border-right:0.07vw solid #B4AA80; }
.top-about-box:not(:last-child) { margin:0 0 0.58vw; }
.top-about-box a {}
.top-about-box a:hover { opacity:0.7; transition:1s ease; }
.top-about-box dl { flex-flow:column nowrap; }
.top-about-box dt { width:27.39vw; aspect-ratio:756/362; overflow:hidden; }
.top-about-box dt img { aspect-ratio:756/362; transition:transform 0.6s ease; }
.top-about-box a:hover dt img { transform:scale(1.1); }
.top-about-box dd { width:100%; padding:1.45vw 1.16vw; }
.top-about-box dd h4 { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:4.56vw; padding:0 0 0.87vw; font-size:1.3vw; }
.top-about-box dd p { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
#top-art-about { padding:0 0 100px; }
#top-about-wrap { width:1175px; }
.top-about-sec { width:378px; }
.top-about-sec:not(:first-of-type) {}
.top-about-sec h3 { height:70px; margin:0 0 40px; }
.top-about-sec h3 em { width:80px; font-size:50px; }
.top-about-sec h3 em:after {}
.top-about-sec h3 span { width:calc(100% - 80px); padding:0 0 0 15px; font-size:18px; }
.top-about-sec h3 span strong { font-size:22px; }
.top-about-box {}
.top-about-box:before { bottom:12px; right:12px; width:6px; height:6px; border-top:1px solid #B4AA80; border-right:1px solid #B4AA80; }
.top-about-box:not(:last-child) { margin:0 0 8px; }
.top-about-box a {}
.top-about-box dl {}
.top-about-box dt { width:378px; }
.top-about-box dt img {}
.top-about-box dd { padding:20px 16px; }
.top-about-box dd h4 { height:63px; padding:0 0 12px; font-size:18px; }
.top-about-box dd p { font-size:14px; }
}




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

#top-art-menu { background:#F5F5F5; padding:0 5.13vw 10.25vw; position:relative; }
#top-menu-wrap { margin:0 0 10.25vw; }
.top-menu-sec { border:0.5px #B4AA80 solid; overflow:hidden; position:relative; }
.top-menu-sec:before { content:""; position:absolute; bottom:3.33vw; right:25.46vw; width:1.54vw; height:1.54vw; border-top:0.25vw solid #B4AA80; border-right:0.25vw solid #B4AA80; transform:translateY(-50%) rotate(45deg); }
.top-menu-sec:not(:last-of-type) { margin:0 0 2.05vw; }
.top-menu-sec a { display:block; text-decoration:none; }
.top-menu-sec dl { display:flex; flex-flow:row-reverse nowrap; align-items:center; }
.top-menu-sec dt { width:22.13vw; height:auto; aspect-ratio:83/129; }
.top-menu-sec dt img { width:100%; height:auto; aspect-ratio:83/129; object-fit:cover; }
.top-menu-sec dd { width:calc(100% - 22.13vw); padding:5.13vw; position:relative; }
.top-menu-sec dd h3 { line-height:1.4; margin:0 0 2.05vw; font-size:4.61vw; color:#8B7F4D; font-weight:400; }
.top-menu-sec dd p { line-height:1.4; font-size:3.07vw; color:#323232; }

@media screen and (min-width:900px){
#top-art-menu { padding:0 0 4.35vw; }
#top-menu-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; width:85.14vw; margin:0 auto 4.35vw; }
#top-menu-wrap:after { content:""; display:block; width:27.89vw; }
.top-menu-sec { width:27.89vw; margin:0 0 0.72vw; }
.top-menu-sec:before { bottom:0.94vw; right:8.04vw; width:0.43vw; height:0.43vw; border-top:0.07vw solid #B4AA80; border-right:0.07vw solid #B4AA80; }
.top-menu-sec:not(:last-of-type) { margin:0 0 0.72vw; }
.top-menu-sec a {}
.top-menu-sec a:hover { opacity:0.7; transition:1s ease; }
.top-menu-sec dl {}
.top-menu-sec dt { width:7.1vw; aspect-ratio:98/152; overflow:hidden; }
.top-menu-sec dt img { aspect-ratio:98/152; transition:transform 0.6s ease; }
.top-menu-sec a:hover dt img { transform:scale(1.1); }
.top-menu-sec dd { width:calc(100% - 7.1vw); padding:1.16vw; }
.top-menu-sec dd h3 { margin:0 0 0.87vw; font-size:1.3vw; }
.top-menu-sec dd p { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
#top-art-menu { padding:0 0 60px; }
#top-menu-wrap { width:1175px; margin:0 auto 60px; }
#top-menu-wrap:after { width:385px; }
.top-menu-sec { width:385px; margin:0 0 10px; }
.top-menu-sec:before { bottom:13px; right:111px; width:6px; height:6px; border-top:1px solid #B4AA80; border-right:1px solid #B4AA80; }
.top-menu-sec:not(:last-of-type) { margin:0 0 10px; }
.top-menu-sec a {}
.top-menu-sec dl {}
.top-menu-sec dt { width:98px; }
.top-menu-sec dt img {}
.top-menu-sec dd { width:calc(100% - 98px); padding:16px; }
.top-menu-sec dd h3 { margin:0 0 12px; font-size:18px; }
.top-menu-sec dd p { font-size:13px; }
}




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

#top-art-case { padding:5.13vw 5.13vw 12.82vw; position:relative; }
#top-case-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 2.56vw; }
.top-case-sec { width:49%; padding:0 0 7.69vw; }
.top-case-sec a { display:block; text-decoration:none; }
.top-case-sec h3 { line-height:1.4; text-align:center; padding:0 0 3.07vw; font-size:3.85vw; color:#8B7F4D; font-weight:400; }
.top-case-sec figure { width:100%; height:auto; aspect-ratio:554/358; overflow:hidden; margin:0 0 3.07vw; }
.top-case-sec figure img { width:100%; height:auto; aspeect-ratio:554/358; }
.top-case-sec p { line-height:1.4; font-size:3.33vw; color:#323232; }

@media screen and (min-width:900px){
#top-art-case { width:85.14vw; margin:0 auto; padding:2.17vw 0 3.62vw; }
#top-case-wrap { margin:0 0 2.17vw; }
#top-case-wrap:before { content:""; display:block; width:24%; order:1; }
#top-case-wrap:after { content:""; display:block; width:24%; }
.top-case-sec { width:24%; padding:0 0 2.9vw; }
.top-case-sec a {}
.top-case-sec a:hover { opacity:0.7; transition:1s ease; }
.top-case-sec h3 { padding:0 0 1.09vw; font-size:1.45vw; }
.top-case-sec figure { overflow:hidden; margin:0 0 1.09vw; }
.top-case-sec figure img { transition:transform 0.6s ease; }
.top-case-sec a:hover figure img { transform:scale(1.1); }
.top-case-sec p { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-case { width:1175px; padding:30px 0 80px; }
#top-case-wrap { margin:0 0 30px; }
.top-case-sec { padding:0 0 40px; }
.top-case-sec a {}
.top-case-sec h3 { padding:0 0 15px; font-size:20px; }
.top-case-sec figure { margin:0 0 15px; }
.top-case-sec figure img {}
.top-case-sec p { font-size:15px; }
}




/* ----------------------------------------------
  #top-point-box
 ---------------------------------------------- */

#top-point-box { background:#EBE9D8; padding:8.2vw 5.13vw 10.25vw; }
#top-point-box h3 { display:flex; justify-content:center; align-items:center; width:21.54vw; height:21.54vw; background:#fff; border-radius:50%; margin:0 auto 8.2vw; font-size:4.1vw; color:#323232; font-weight:400; font-style:italic; }
#top-point-txt {}
#top-point-txt p { line-height:2; font-size:3.85vw; color:#0C0C0C; }
#top-point-txt p:not(:last-of-type) { padding:0 0 4.1vw; }
#top-point-txt a { color:#323232; }

@media screen and (min-width:900px){
#top-point-box { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; min-height:8.69vw; padding:4.35vw 0; }
#top-point-box h3 { width:7.24vw; height:7.24vw; margin:0; font-size:1.3vw; }
#top-point-txt { width:62.6vw; padding:0 0 0 3.62vw; }
#top-point-txt p { font-size:1.09vw; }
#top-point-txt p:not(:last-of-type) { padding:0 0 1.16vw; }
#top-point-txt a {}
#top-point-txt a:hover { text-decoration:none; }
}
@media screen and (min-width:1380px){
#top-point-box { min-height:120px; padding:60px 0; }
#top-point-box h3 { width:100px; height:100px; margin:0; font-size:18px; }
#top-point-txt { width:864px; padding:0 0 0 50px; }
#top-point-txt p { font-size:15px; }
#top-point-txt p:not(:last-of-type) { padding:0 0 16px; }
#top-point-txt a {}
}




/* ----------------------------------------------
  #top-art-news
 ---------------------------------------------- */

#top-art-news { background:#f8f8f9; padding:7.69vw 5.13vw 15.38vw; position:relative; }
#top-news-dl { height:68vw; overflow-y:scroll; line-height:1.625; padding:5.13vw; }
#top-news-dl dt { padding:0 0 2.56vw; font-size:3.85vw; color:#323232; }
#top-news-dl dd { border-bottom:1px #BCBCBC dashed; margin:0 0 4.1vw; padding:0 0 4.1vw; font-size:3.85vw; color:#323232; }
#top-news-dl dd a { display:inline-block; font-size:3.59vw; color:#323232; }

@media screen and (min-width:900px){
#top-art-news { padding:0 0 7.24vw; }
#top-news-dl { display:flex; flex-flow:row wrap; width:78.26vw; height:16.66vw; margin:0 auto; padding:1.45vw; }
#top-news-dl dt { width:20%; border-bottom:1px #BCBCBC dashed; margin:0 0 1.74vw; padding:0 0 1.74vw; font-size:1.09vw; }
#top-news-dl dd { width:80%; margin:0 0 1.74vw; padding:0 0 1.74vw; font-size:1.09vw; }
#top-news-dl dd a { font-size:1.09vw; }
#top-news-dl dd a:hover { text-decoration:none; }
}
@media screen and (min-width:1380px){
#top-art-news { padding:0 0 100px; }
#top-news-dl { width:1080px; height:230px; padding:20px; }
#top-news-dl dt { margin:0 0 24px; padding:0 0 24px; font-size:15px; }
#top-news-dl dd { margin:0 0 24px; padding:0 0 24px; font-size:15px; }
#top-news-dl dd a { font-size:15px; }
}




/* ----------------------------------------------
  #top-art-countermeasure
 ---------------------------------------------- */

#top-art-countermeasure { background:#F5F5F5; padding:5.13vw 5.13vw 12.82vw; }
#top-countermeasure-box { padding:0 0 10.25vw; }
#top-countermeasure-box p { line-height:1.625; font-size:3.85vw; }

@media screen and (min-width:900px){
#top-art-countermeasure { padding:1.45vw 0 7.24vw; }
#top-countermeasure-box { padding:0 0 2.9vw; }
#top-countermeasure-box p { text-align:center; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-countermeasure { padding:20px 0 100px; }
#top-countermeasure-box { padding:0 0 40px; }
#top-countermeasure-box p { font-size:15px; }
}




/* ----------------------------------------------
  #top-art-countermeasure
 ---------------------------------------------- */

#top-art-studygroup { background:#EBE9D8; padding:0 5.13vw 15.38vw; }
.top-studygroup-sec { padding:0 0 10.25vw; }
.top-studygroup-sec h3 { line-height:1.4; padding:0 0 4.1vw; font-size:4.61vw; color:#505050; font-weight:500; }
.top-studygroup-sec p { line-height:1.625; font-size:3.85vw; }
.top-studygroup-box { padding:7.69vw 0 4.1vw; }
.top-studygroup-box h4 { line-height:1.4; padding:0 0 3.07vw; font-size:4.1vw; color:#323232; font-weight:600; }
.top-studygroup-box dl { line-height:1.625; padding:0 0 3.07vw; }
.top-studygroup-box dt { padding:0 0 2.05vw; font-size:4.1vw; color:#B4AA80; font-weight:600; }
.top-studygroup-box dd { padding:0 0 4.1vw; font-size:3.33vw; }
.top-studygroup-box figure {}
.top-studygroup-box figure a { display:block; }
.top-studygroup-box figure img { width:100%; height:auto; }

@media screen and (min-width:900px){
#top-art-studygroup { padding:0 0 7.24vw; }
.top-studygroup-sec { width:85.14vw; margin:0 auto; padding:0 0 2.9vw; }
.top-studygroup-sec h3 { padding:0 0 1.16vw; font-size:1.59vw; }
.top-studygroup-sec p { font-size:1.09vw; }
.top-studygroup-box { padding:2.17vw 0 1.16vw; }
.top-studygroup-box h4 { padding:0 0 0.87vw; font-size:1.16vw; }
.top-studygroup-box dl { padding:0 0 0.87vw; }
.top-studygroup-box dt { padding:0 0 0.58vw; font-size:1.16vw; }
.top-studygroup-box dd { padding:0 0 1.16vw; font-size:0.94vw; }
.top-studygroup-box figure {}
.top-studygroup-box figure a {}
.top-studygroup-box figure a:hover { opacity:0.7; transition:1s ease; }
.top-studygroup-box figure img {}
}
@media screen and (min-width:1380px){
#top-art-studygroup { padding:0 0 100px; }
.top-studygroup-sec { width:1175px; margin:0 auto; padding:0 0 40px; }
.top-studygroup-sec h3 { padding:0 0 16px; font-size:22px; }
.top-studygroup-sec p { font-size:15px; }
.top-studygroup-box { padding:30px 0 16px; }
.top-studygroup-box h4 { padding:0 0 12px; font-size:16px; }
.top-studygroup-box dl { padding:0 0 12px; }
.top-studygroup-box dt { padding:0 0 8px; font-size:16px; }
.top-studygroup-box dd { padding:0 0 16px; font-size:13px; }
.top-studygroup-box figure {}
.top-studygroup-box figure a {}
.top-studygroup-box figure img {}
}