@charset "utf-8";

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

#top-mainview { margin:0 0 36.36vw; padding:0 0 0 calc(100% - 64.35vw); position:relative; }
.slide-top-mv { width:64.35vw; height:115.6vw; overflow:hidden; margin-inline:auto; }
.slide-top-mv picture { display:block; }
.slide-top-mv picture img { width:100%; height:auto; }
.add-animation { animation:zoomUp 10s linear 0s normal both; }
#top-mv-thumb { position:absolute; top:0; left:0; width:calc(100% - 64.35vw); }
#top-mv-thumb p { display:flex; flex-flow:column nowrap; justify-content:center; align-items:start; width:100%; height:115.6vw; background:#FAFAFA; padding:10.25vw 0 0; writing-mode:vertical-rl; position:relative; }
#top-mv-thumb p:before { content:""; position:absolute; bottom:0; left:2.05vw; width:1px; height:30.51vw; background:#D9D9D9; }
#top-mv-thumb p:after { content:""; position:absolute; bottom:2.05vw; left:0; width:20.51vw; height:1px; background:#D9D9D9; }
#top-mv-thumb p span { display:block; line-height:1.5; font-size:6.92vw; letter-spacing:2.31vw; }
#top-mv-thumb p span:nth-of-type(2) { margin:6.92vw 0 0; }
#top-mv-thumb p span mark { color:#EC6D4E; }
#top-mainview h1 { position:absolute; bottom:-23.58vw; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:23.58vw; line-height:2.14; background:#fff; text-align:center; font-size:3.59vw; font-weight:500; }

@media screen and (min-width:769px){
#top-mainview { width:93.91vw; margin:0 auto 8.69vw; padding:0 0 0 15.43vw; }
.slide-top-mv { width:78.47vw; height:41.88vw; }
.slide-top-mv picture {}
.slide-top-mv picture img {}
.add-animation {}
#top-mv-thumb { width:15.43vw; }
#top-mv-thumb p { height:41.88vw; padding:3.62vw 0 0; }
#top-mv-thumb p:before { left:0.87vw; height:13.76vw; }
#top-mv-thumb p:after { bottom:0.87vw; width:6.08vw; }
#top-mv-thumb p span { font-size:2.53vw; letter-spacing:0.72vw; }
#top-mv-thumb p span:nth-of-type(2) { margin:2.53vw 0 0; }
#top-mv-thumb p span mark {}
#top-mainview h1 { bottom:0.58vw; left:auto; right:0.58vw; width:45.94vw; height:4.2vw; background:rgba(255,255,255,0.8); font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#top-mainview { width:1296px; margin:0 auto 120px; padding:0 0 0 213px; }
.slide-top-mv { width:1083px; height:578px; }
.slide-top-mv picture {}
.slide-top-mv picture img {}
.add-animation {}
#top-mv-thumb { width:213px; }
#top-mv-thumb p { height:578px; padding:50px 0 0; }
#top-mv-thumb p:before { left:12px; height:190px; }
#top-mv-thumb p:after { bottom:12px; width:84px; }
#top-mv-thumb p span { font-size:35px; letter-spacing:10px; }
#top-mv-thumb p span:nth-of-type(2) { margin:35px 0 0; }
#top-mv-thumb p span mark {}
#top-mainview h1 { bottom:8px; left:auto; right:8px; width:634px; height:58px; font-size:16px; }
}




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




/* ----------------------------------------------
 ! top-main-nav
 ---------------------------------------------- */

#top-main-nav { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 4.1vw; }
#top-main-nav li { width:43.58vw; border-bottom:0.5px #5E5E5E solid; margin:0 0 1.28vw; list-style:none; }
#top-main-nav li a { display:flex; justify-content:center; align-items:center; height:15.38vw; font-size:3.85vw; color:#5E5E5E; font-weight:500; text-decoration:none; position:relative; }
#top-main-nav li a:before { content:""; position:absolute; bottom:2vw; left:50%; width:2.56vw; height:0.27vw; background:#EC6D4E; transform:rotate(-30deg); transform-origin:left bottom; }
#top-main-nav li a:after { content:""; position:absolute; bottom:2vw; right:50%; width:2.56vw; height:0.27vw; background:#EC6D4E; transform:rotate(30deg); transform-origin:right bottom; }

@media screen and (min-width:769px){
#top-main-nav { width:78.26vw; margin:0 auto; padding:0; }
#top-main-nav li { width:14.49vw; margin:0; }
#top-main-nav li a { height:6.52vw; font-size:1.16vw; }
#top-main-nav li a:before { bottom:1.45vw; width:0.58vw; height:1px; }
#top-main-nav li a:after { bottom:1.45vw; width:0.58vw; height:1px; }
#top-main-nav li a:hover { opacity:0.7; color:#EC6D4E; transition:1s ease; }
}
@media screen and (min-width:1381px){
#top-main-nav { width:1080px; margin:0 auto; padding:0; }
#top-main-nav li { width:200px; margin:0; }
#top-main-nav li a { height:90px; font-size:16px; }
#top-main-nav li a:before { bottom:20px; width:8px; }
#top-main-nav li a:after { bottom:20px; width:8px; }
}




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

.top-h2-basic { display:flex; justify-content:center; align-items:center; width:100%; line-height:1.5; padding:38.46vw 0 12.82vw; font-size:6.92vw; font-weight:400; letter-spacing:2.56vw; writing-mode:vertical-rl; }

@media screen and (min-width:769px){
.top-h2-basic { padding:11.59vw 0 7.97vw; font-size:1.95vw; letter-spacing:0.72vw; }
}
@media screen and (min-width:1381px){
.top-h2-basic { padding:160px 0 110px; font-size:27px; letter-spacing:10px; }
}




/* ----------------------------------------------
 ! top-art-policy
 ---------------------------------------------- */

#top-art-policy { padding:0 0 20.51vw; }
#top-art-policy h2 { margin:0 0 12.82vw; }
.top-policy-sec {}
.top-policy-sec dl { padding:0 0 20.51vw; }
.top-policy-sec dt { width:91.79vw; margin:0 0 23.07vw; position:relative; }
.top-policy-sec:nth-of-type(even) dt { margin-left:calc(100% - 91.79vw); }
.top-policy-sec dt:before { content:""; position:absolute; top:-12.82vw; left:0; width:79.48vw; height:179.48vw; background:#fff; z-index:-1; }
.top-policy-sec:nth-of-type(even) dt:before { display:none; }
.top-policy-sec dt img { width:100%; height:auto; }
.top-policy-sec dd { padding:0 4.1vw; }
.top-policy-sec dd h3 { line-height:1.48; padding:0 0 7.69vw; font-size:6.41vw; font-weight:400; position:relative; }
.top-policy-sec dd h3 span { position:absolute; top:-32.05vw; left:0; line-height:1; font-size:28.2vw; color:#EC6D4E; font-family:"Brygada 1918", serif; font-optical-sizing:auto; font-weight:300; font-style:normal; }
.top-policy-sec dd h3 mark { color:#EC6D4E; }
.top-policy-sec dd p { line-height:2.21; font-size:3.59vw; text-align: justify; margin-bottom:3.59vw;}
.top-policy-sec dd ul { background:#fff; margin:10.25vw 0 0; padding:10.25vw 11.53vw; }
.top-policy-sec dd li { padding:0 0 12.82vw; list-style:none; }
.top-policy-sec dd li:last-child { padding:0; }
.top-policy-sec dd li h4 { line-height:1.55; border-bottom:1px #EC6D4E solid; text-align:center; margin:0 0 5.13vw; padding:0 0 2.56vw; font-size:5.13vw; font-weight:400; }
.top-policy-sec dd li p { line-height:1.85; font-size:3.59vw; }

@media screen and (min-width:769px){
#top-art-policy { width:79.71vw; margin:0 auto; padding:0 0 5.8vw; }
#top-art-policy h2 { margin:0; }
.top-policy-sec {}
.top-policy-sec dl { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:0 0 7.24vw; }
.top-policy-sec:nth-of-type(even) dl { flex-flow:row-reverse nowrap; }
.top-policy-sec dt { width:25.36vw; margin:0; }
.top-policy-sec:nth-of-type(even) dt { margin-left:0; }
.top-policy-sec dt:before { top:-2.9vw; left:-8.69vw; width:79.71vw; height:28.98vw; }
.top-policy-sec dt img {}
.top-policy-sec dd { width:52.97vw; padding:0 0 0 9.42vw; }
.top-policy-sec dd h3 { padding:0 0 3.62vw; font-size:1.81vw; }
.top-policy-sec dd h3 span { top:-1.16vw; left:-7.97vw; font-size:7.97vw; }
.top-policy-sec dd h3 mark {}
.top-policy-sec dd p { font-size:1.01vw; margin-bottom:1.01vw; }
.top-policy-sec dd ul { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:3.62vw 0 0; padding:1.74vw 1.45vw; }
.top-policy-sec dd li { width:18.84vw; padding:0; }
.top-policy-sec dd li h4 { margin:0 0 1.45vw; padding:0 0 0.58vw; font-size:1.45vw; }
.top-policy-sec dd li p { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#top-art-policy { width:1100px; padding:0 0 80px; }
#top-art-policy h2 {}
.top-policy-sec {}
.top-policy-sec dl { padding:0 0 100px; }
.top-policy-sec:nth-of-type(even) dl {}
.top-policy-sec dt { width:350px; }
.top-policy-sec:nth-of-type(even) dt {}
.top-policy-sec dt:before { top:-40px; left:-120px; width:1100px; height:400px; }
.top-policy-sec dt img {}
.top-policy-sec dd { width:731px; padding:0 0 0 130px; }
.top-policy-sec dd h3 { padding:0 0 50px; font-size:25px; }
.top-policy-sec dd h3 span { top:-16px; left:-110px; font-size:110px; }
.top-policy-sec dd h3 mark {}
.top-policy-sec dd p { font-size:14px; margin-bottom:14px;}
.top-policy-sec dd ul { margin:50px 0 0; padding:24px 20px; }
.top-policy-sec dd li { width:260px; }
.top-policy-sec dd li h4 { margin:0 0 20px; padding:0 0 8px; font-size:20px; }
.top-policy-sec dd li p { font-size:14px; }
}





/* ----------------------------------------------
 ! top-art-point
 ---------------------------------------------- */

#top-art-point { padding:0 0 23.07vw; position:relative; }
#top-art-point h2 {}
#top-point-ol { padding:0 5.13vw 17.94vw; }
#top-point-ol li { display:flex; flex-flow:row nowrap; align-items:center; height:24.87vw; border:1px #B8B1AE solid; margin:0 0 3.07vw; list-style:none; position:relative; }
#top-point-ol li:nth-child(even) { background:#fff; }
#top-point-ol li:before { content:""; position:absolute; top:1.79vw; left:0; width:18.46vw; height:0.5px; background:#B8B1AE; }
#top-point-ol li:after { content:""; position:absolute; top:0; left:1.79vw; width:0.5px; height:18.46vw; background:#B8B1AE; }
#top-point-ol li em { display:block; width:23.07vw; text-align:center; font-size:10.25vw; color:#EC6D4E; font-weight:300; font-style:normal; position:relative; }
#top-point-ol li em:before { content:""; position:absolute; bottom:0; left:3.33vw; width:4vw; height:0.5px; background:#B8B1AE; transform:rotate(60deg); transform-origin:right bottom; }
#top-point-ol li em:after { content:""; position:absolute; bottom:0; right:3.33vw; width:4vw; height:0.5px; background:#B8B1AE; transform:rotate(-60deg); transform-origin:left bottom; }
#top-point-ol li h3 { display:flex; flex-flow:column nowrap; justify-content:center; width:calc(100% - 23.07vw); height:100%; line-height:1.78; font-size:3.59vw; font-weight:400; position:relative; }
#top-point-ol li h3:before { content:""; position:absolute; bottom:1.79vw; right:0; width:18.46vw; height:0.5px; background:#B8B1AE; }
#top-point-ol li h3:after { content:""; position:absolute; bottom:0; right:1.79vw; width:0.5px; height:18.46vw; background:#B8B1AE; }
#top-point-ol li mark { color:#EC6D4E; }

@media screen and (min-width:769px){
#top-art-point { width:79.71vw; margin:0 auto; padding:8.69vw 0 10.14vw; }
#top-art-point h2 { position:absolute; top:9.42vw; left:0; width:auto; padding:0; }
#top-point-ol { display:flex; flex-flow:row wrap; justify-content:space-between; width:75vw; margin:0 0 0 4.71vw; padding:0 0 5.43vw; }
#top-point-ol li { flex-flow:column nowrap; justify-content:center; width:18.26vw; height:14.34vw; margin:0 0 0.72vw; }
#top-point-ol li:before { top:0.87vw; width:8.11vw; }
#top-point-ol li:after { left:0.87vw; height:8.11vw; }
#top-point-ol li em { width:100%; height:calc(100% - 8.69vw); padding:2.9vw 0 0; font-size:4.35vw; }
#top-point-ol li em:before { bottom:-1.16vw; left:5.43vw; width:1.45vw; }
#top-point-ol li em:after { bottom:-1.16vw; right:5.43vw; width:1.45vw; }
#top-point-ol li h3 { width:100%; height:8.69vw; text-align:center; font-size:1.16vw; }
#top-point-ol li h3:before { bottom:0.87vw; width:8.11vw; }
#top-point-ol li h3:after { right:0.87vw; height:8.11vw; }
#top-point-ol li mark {}
}
@media screen and (min-width:1381px){
#top-art-point { width:1100px; padding:120px 0 140px; }
#top-art-point h2 { top:130px; }
#top-point-ol { width:1035px; margin:0 0 0 65px; padding:0 0 75px; }
#top-point-ol li { width:252px; height:198px; margin:0 0 10px; }
#top-point-ol li:before { top:12px; width:112px; }
#top-point-ol li:after { left:12px; height:112px; }
#top-point-ol li em { height:calc(100% - 120px); padding:40px 0 0; font-size:60px; }
#top-point-ol li em:before { bottom:-16px; left:75px; width:20px; }
#top-point-ol li em:after { bottom:-16px; right:75px; width:20px; }
#top-point-ol li h3 { height:120px; font-size:16px; }
#top-point-ol li h3:before { bottom:12px; width:112px; }
#top-point-ol li h3:after { right:12px; height:112px; }
#top-point-ol li mark {}
}





/* ----------------------------------------------
 ! top-art-clinic
 ---------------------------------------------- */

#top-art-clinic { background:#fff; padding:12.82vw 0; position:relative; }
#top-art-clinic:before { content:""; position:absolute; top:7.69vw; left:50%; width:91.53vw; height:1px; background:#EC6D4E; margin:0 0 0 -45.76vw; }
#top-art-clinic:after { content:""; position:absolute; bottom:7.69vw; left:50%; width:91.53vw; height:1px; background:#EC6D4E; margin:0 0 0 -45.76vw; }
#btn-top-clinic a { display:flex; justify-content:center; align-items:center; width:76.92vw; height:25.64vw; background:url(../img/top/img_top_clinic_01.webp) center center/100% auto no-repeat; margin:0 auto; font-size:4.1vw; color:#fff; font-weight:400; letter-spacing:0.58vw; text-decoration:none; }

@media screen and (min-width:769px){
#top-art-clinic { padding:6.88vw 0; }
#top-art-clinic:before { top:4.71vw; width:86.37vw; margin:0 0 0 -43.18vw; }
#top-art-clinic:after { bottom:4.71vw; width:86.37vw; margin:0 0 0 -43.18vw; }
#btn-top-clinic a { width:48.91vw; height:9.49vw; background:url(../img/top/img_top_clinic_01_pc.webp) center center/100% auto no-repeat; font-size:1.74vw; letter-spacing:0.21vw; }
#btn-top-clinic a:hover { opacity:0.7; background:url(../img/top/img_top_clinic_01_pc.webp) center center/105% auto no-repeat; transition:.6s ease; }
}
@media screen and (min-width:1381px){
#top-art-clinic { padding:95px 0; }
#top-art-clinic:before { top:65px; width:1192px; margin:0 0 0 -596px; }
#top-art-clinic:after { bottom:65px; width:1192px; margin:0 0 0 -596px; }
#btn-top-clinic a { width:675px; height:131px; font-size:24px; letter-spacing:3px; }
}




/* ----------------------------------------------
 ! top-art-treatment
 ---------------------------------------------- */

#top-art-treatment { padding:0 0 28.2vw; }
#top-art-treatment h2 {}
#top-treatment-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 5.13vw 17.94vw; }
#top-treatment-ul li { width:44.35vw; height:34.87vw; background-position:center 6.15vw !important; background-size:14.1vw auto !important; border:1px #B8B1AE solid; margin:0 0 3.07vw; list-style:none; position:relative; }
#top-treatment-ul li:nth-child(1) { background:url(../img/top/img_top_treatment_01.webp) no-repeat; }
#top-treatment-ul li:nth-child(2) { background:#fff url(../img/top/img_top_treatment_02.webp) no-repeat; }
#top-treatment-ul li:nth-child(3) { background:url(../img/top/img_top_treatment_03.webp) no-repeat; }
#top-treatment-ul li:nth-child(4) { background:#fff url(../img/top/img_top_treatment_04.webp) no-repeat; }
#top-treatment-ul li:nth-child(5) { background:url(../img/top/img_top_treatment_05.webp) no-repeat; }
#top-treatment-ul li:nth-child(6) { background:#fff url(../img/top/img_top_treatment_06.webp) no-repeat; }
#top-treatment-ul li:nth-child(7) { background:url(../img/top/img_top_treatment_07.webp) no-repeat; }
#top-treatment-ul li:nth-child(8) { background:#fff url(../img/top/img_top_treatment_08.webp) no-repeat; }
#top-treatment-ul li:before { content:""; position:absolute; top:1.79vw; left:0; width:18.46vw; height:0.5px; background:#B8B1AE; }
#top-treatment-ul li:after { content:""; position:absolute; top:0; left:1.79vw; width:0.5px; height:18.46vw; background:#B8B1AE; }
#top-treatment-ul li h3 { display:flex; justify-content:center; align-items:center; height:100%; line-height:1.54; text-align:center; padding:15.38vw 0 0; font-size:3.33vw; font-weight:400; position:relative; }
#top-treatment-ul li h3:before { content:""; position:absolute; bottom:1.79vw; right:0; width:18.46vw; height:0.5px; background:#B8B1AE; }
#top-treatment-ul li h3:after { content:""; position:absolute; bottom:0; right:1.79vw; width:0.5px; height:18.46vw; background:#B8B1AE; }

@media screen and (min-width:769px){
#top-art-treatment { width:79.71vw; margin:0 auto; padding:8.69vw 0 10.14vw; position:relative; }
#top-art-treatment h2 { position:absolute; top:9.42vw; left:0; width:auto; padding:0; }
#top-treatment-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:75vw; margin:0 0 0 4.71vw; padding:0 0 5.43vw; }
#top-treatment-ul li { width:18.26vw; height:14.34vw; background-position:center 2.17vw !important; background-size:5.43vw auto !important; margin:0 0 0.72vw; }
#top-treatment-ul li:before { top:0.87vw; width:8.11vw; }
#top-treatment-ul li:after { left:0.87vw; height:8.11vw; }
#top-treatment-ul li h3 { padding:4.35vw 0 0; font-size:1.16vw; }
#top-treatment-ul li h3:before { bottom:0.87vw; width:8.11vw; }
#top-treatment-ul li h3:after { right:0.87vw; height:8.11vw; }
}
@media screen and (min-width:1381px){
#top-art-treatment { width:1100px; padding:120px 0 140px; }
#top-art-treatment h2 { top:130px; }
#top-treatment-ul { width:1035px; margin:0 0 0 65px; padding:0 0 75px; }
#top-treatment-ul li { width:252px; height:198px; background-position:center 30px !important; background-size:75px auto !important; margin:0 0 10px; }
#top-treatment-ul li:before { top:12px; width:112px; }
#top-treatment-ul li:after { left:12px; height:112px; }
#top-treatment-ul li h3 { padding:60px 0 0; font-size:16px; }
#top-treatment-ul li h3:before { bottom:12px; width:112px; }
#top-treatment-ul li h3:after { right:12px; height:112px; }
}




/* ----------------------------------------------
 ! top-art-doctor
 ---------------------------------------------- */

#top-art-doctor { padding:0 5.13vw 12.82vw; position:relative; }
#top-art-doctor:before { content:""; position:absolute; top:0; left:0; width:79.48vw; height:179.48vw; background:#fff; z-index:-1; }
#top-art-doctor:after { content:""; position:absolute; bottom:0; right:0; width:79.48vw; height:179.48vw; background:#fff; z-index:-1; }
#top-art-doctor h2 { padding:14.1vw 0 23.07vw; }
#top-art-doctor figure { padding:0 0 7.69vw; }
#top-art-doctor figure img { width:100%; height:auto; }
#top-doctor-ul { padding:0 0 14.1vw; }
#top-doctor-ul li { border:1px #5E5E5E solid; margin:0 0 5.13vw; list-style:none; }
#top-doctor-ul li h3 { display:flex; flex-flow:row nowrap; justify-content:space-between; line-height:1.4; border-bottom:1px #5E5E5E solid; padding:5.13vw 0; }
#top-doctor-ul li h3 span { display:block; width:30.76vw; line-height:1.86; padding:0 0 0 7.18vw; font-size:3.85vw; font-weight:400; }
#top-doctor-ul li h3 small { display:block; }
#top-doctor-ul li h3 strong { display:block; width:calc(100% - 30.76vw); text-align:right; padding:0 7.18vw 0 0; font-size:5.13vw; font-weight:400; }
#top-doctor-ul li h3 strong mark { display:block; font-size:3.85vw; color:#EC6D4E; }
#top-doctor-ul li div { padding:5.13vw 7.18vw; }
#top-doctor-ul li div p { line-height:2.21; font-size:3.59vw; }

@media screen and (min-width:769px){
#top-art-doctor { width:79.71vw; margin:0 auto; padding:4.35vw 0 4.35vw 48.55vw; }
#top-art-doctor:before { top:-4.35vw; left:-8.69vw; width:79.71vw; height:28.98vw; }
#top-art-doctor:after { bottom:0; right:-8.69vw; width:79.71vw; height:28.98vw; }
#top-art-doctor h2 { position:absolute; top:0; right:0; padding:0 0 0 31.88vw; letter-spacing:0.36vw; writing-mode:horizontal-tb; }
#top-art-doctor figure { position:absolute; top:0; left:0; width:45.65vw; padding:0; }
#top-art-doctor figure img {}
#top-doctor-ul { padding:0 0 3.62vw; }
#top-doctor-ul li { margin:0 0 1.45vw; }
#top-doctor-ul li h3 { padding:1.74vw 0; }
#top-doctor-ul li h3 span { width:8.69vw; padding:0 0 0 1.45vw; font-size:1.09vw; }
#top-doctor-ul li h3 small {}
#top-doctor-ul li h3 strong { width:calc(100% - 8.69vw); padding:0 1.45vw 0 0; font-size:1.45vw; }
#top-doctor-ul li h3 strong mark { font-size:1.09vw; }
#top-doctor-ul li div { padding:1.45vw; }
#top-doctor-ul li div p { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#top-art-doctor { width:1100px; padding:60px 0 60px 670px; }
#top-art-doctor:before { top:-60px; left:-120px; width:1100px; height:400px; }
#top-art-doctor:after { right:-120px; width:1100px; height:400px; }
#top-art-doctor h2 { padding:0 0 0 440px; letter-spacing:5px; }
#top-art-doctor figure { width:630px; }
#top-art-doctor figure img {}
#top-doctor-ul { padding:0 0 50px; }
#top-doctor-ul li { margin:0 0 20px; }
#top-doctor-ul li h3 { padding:24px 0; }
#top-doctor-ul li h3 span { width:120px; padding:0 0 0 20px; font-size:15px; }
#top-doctor-ul li h3 small {}
#top-doctor-ul li h3 strong { width:calc(100% - 120px); padding:0 20px 0 0; font-size:20px; }
#top-doctor-ul li h3 strong mark { font-size:15px; }
#top-doctor-ul li div { padding:20px; }
#top-doctor-ul li div p { font-size:14px; }
}





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

#top-art-news {}
#top-art-news h2 { padding:28.2vw 0 25.64vw; }
#top-news-dl { border-top:1px #5E5E5E solid; margin:0 5.13vw 19.23vw; }
#top-news-dl dt { line-height:1.75; padding:6.15vw 5.13vw 4.1vw; font-size:4.1vw; color:#EC6D4E; }
#top-news-dl dd { border-bottom:1px #5E5E5E solid; padding:0 5.13vw 5.13vw; }
#top-news-dl dd a { line-height:1.75; font-size:4.1vw; color:#5E5E5E; text-decoration:none; }

@media screen and (min-width:769px){
#top-art-news { width:79.71vw; margin:0 auto; padding:10.14vw 0 2.9vw; position:relative; }
#top-art-news h2 { position:absolute; top:10.86vw; left:0; width:auto; padding:0; }
#top-news-dl { display:flex; flex-flow:row wrap; width:75vw; margin:0 0 5.07vw 4.71vw; }
#top-news-dl dt { width:23.18vw; border-bottom:1px #5E5E5E solid; padding:1.74vw 0 1.74vw 6.15vw; font-size:1.09vw; }
#top-news-dl dd { width:calc(100% - 23.18vw); padding:1.74vw 2.9vw 1.74vw 0; }
#top-news-dl dd a { font-size:1.09vw; }
#top-news-dl dd a:hover { opacity:0.7; color:#EC6D4E; text-decoration:underline; transition:1s ease; }
}
@media screen and (min-width:1381px){
#top-art-news { width:1100px; padding:140px 0 40px; }
#top-art-news h2 { top:150px; }
#top-news-dl { width:1035px; margin:0 0 70px 65px; }
#top-news-dl dt { width:320px; padding:24px 0 24px 85px; font-size:15px; }
#top-news-dl dd { width:calc(100% - 320px); padding:24px 40px 24px 0; }
#top-news-dl dd a { font-size:15px; }
}




/* ----------------------------------------------
 ! top-art-blog
 ---------------------------------------------- */

#top-art-blog { padding:0 0 41vw; }
#top-art-blog h2 {}
#top-blog-wrap { padding:0 0 19.23vw; position:relative; }
.top-blog-sec { width:57.69vw; min-height:96.15vw; background:#fff url(../img/common/ico_arrows_next.svg) right 2.56vw bottom 4.1vw/8.07vw auto no-repeat; margin:0 2.56vw; padding:3.33vw; }
.top-blog-sec a { display:block; text-decoration:none; }
.top-blog-sec dl {}
.top-blog-sec dt { width:51.28vw; margin:0 0 3.59vw; position:relative; }
.top-blog-sec dt img { width:51.28vw; height:51.28vw; object-fit:cover; }
.top-blog-sec dt p { position:absolute; bottom:0; right:0; background:#EC6D4E; padding:2.56vw; font-size:3.59vw; color:#fff; }
.top-blog-sec dd { color:#5E5E5E; }
.top-blog-sec dd time { display:block; padding:0 0 2.56vw; font-size:2.56vw; color:#EC6D4E; }
.top-blog-sec dd h3 { line-height:1.4; padding:0 0 2.56vw; font-size:3.59vw; font-weight:400; }
.top-blog-sec dd p { line-height:1.58; padding:0 12.82vw 0 0; font-size:3.07vw; }
.slide-arrow { position:absolute; bottom:3.59vw; width:12.05vw; height:auto; }
.prev-arrow { left:2.56vw; }
.next-arrow { right:2.56vw; }

@media screen and (min-width:769px){
#top-art-blog { width:81.15vw; margin:0 auto; padding:0 0 14.13vw; }
#top-art-blog h2 { padding:11.59vw 0; }
#top-blog-wrap { padding:0 0 4.35vw; }
.top-blog-sec { width:24.63vw; min-height:36.95vw; background:#fff url(../img/common/ico_arrows_next.svg) right 1.3vw bottom 1.66vw/3.4vw auto no-repeat; margin:0 0.72vw; padding:1.81vw; }
.top-blog-sec a {}
.top-blog-sec a:hover { opacity:0.7; transition:1s ease; }
.top-blog-sec dl {}
.top-blog-sec dt { width:21.73vw; height:21.73vw; overflow:hidden; margin:0 auto 1.45vw; }
.top-blog-sec dt img { width:21.73vw; height:21.73vw; transition:transform 0.6s ease; }
.top-blog-sec a:hover dt img { transform:scale(1.1); }
.top-blog-sec dt p { padding:0.72vw; font-size:1.09vw; }
.top-blog-sec dd {}
.top-blog-sec dd time { padding:0 0 1.09vw; font-size:1.09vw; }
.top-blog-sec dd h3 { padding:0 0 1.09vw; font-size:1.16vw; }
.top-blog-sec dd p { padding:0 6.15vw 0 0; font-size:1.09vw; }
.slide-arrow { bottom:-2.9vw; width:3.4vw; }
.slide-arrow:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
.prev-arrow { left:0.72vw; }
.next-arrow { right:auto; left:6.52vw; }
#top-art-blog .btn-more { margin:0 0 0 58.69vw; }
}
@media screen and (min-width:1381px){
#top-art-blog { width:1120px; padding:0 0 195px; }
#top-art-blog h2 { padding:160px 0; }
#top-blog-wrap { padding:0 0 60px; }
.top-blog-sec { width:340px; min-height:510px; background:#fff url(../img/common/ico_arrows_next.svg) right 18px bottom 23px/47px auto no-repeat; margin:0 10px; padding:25px; }
.top-blog-sec a {}
.top-blog-sec dl {}
.top-blog-sec dt { width:300px; height:300px; margin:0 auto 20px; }
.top-blog-sec dt img { width:300px; height:300px; }
.top-blog-sec dt p { padding:10px; font-size:15px; }
.top-blog-sec dd {}
.top-blog-sec dd time { padding:0 0 15px; font-size:15px; }
.top-blog-sec dd h3 { padding:0 0 15px; font-size:16px; }
.top-blog-sec dd p { padding:0 85px 0 0; font-size:15px; }
.slide-arrow { bottom:-40px; width:47px; }
.prev-arrow { left:10px; }
.next-arrow { left:90px; }
#top-art-blog .btn-more { margin:0 0 0 810px; }
}