@charset "utf-8";


#sTitle {margin-bottom:60px; text-align:center}
#sTitle h4 {padding-bottom:0.5em; font-size:2.8rem; color:#af9375; font-weight:400; letter-spacing:-0.03em}
#sTitle h4  br {display:none}
#sTitle h3 {font-size:5.5rem; color:#333; font-weight:300; letter-spacing:-0.03em}
#sTitle .t1 {padding-top:1em; font-size:1.8rem; opacity:.8; line-height:1.6em}
#sTitle .t2 {padding-top:1em; font-size:2.0rem;line-height:1.6em}
@media all and (max-width:1280px) {
	#sTitle h4 { font-size:2.2rem;}
	#sTitle h3 {font-size:4.8rem;}
	#sTitle .t2 { font-size:1.8rem;line-height:1.6em}
}
@media all and (max-width:976px) {
	#sTitle h3 {font-size:4.3rem;}
}
@media all and (max-width:480px) {
	#sTitle {margin-bottom:30px}
	#sTitle h4  br {display:block}
	#sTitle h3 {font-size:3.6rem;}
	#sTitle h3 .br480 {display:block}
}




#intro1-1 {display:flex; align-items: center; padding:5% 0; position:relative; }
#intro1-1:before {content:''; width:70%; background:#ede8e0; height:100%; position:absolute; right:0; top:0;}
#intro1-1 > div {position:relative; }
#intro1-1 .img {width:50% }
#intro1-1 .img img {width:100% }
#intro1-1 .cont {width:50%; text-align:center; padding:0 5% }
#intro1-1 .cont h3 {font-size:4.2rem; margin-bottom:5%; color:#333; letter-spacing:-0.03em }
#intro1-1 .cont .t1 {font-size:2.0rem; line-height:1.8em }
#intro1-1 .cont .t1 + .t1 {margin-top:4%;}
#intro1-1 .cont .sb {margin-top:7%; }
#intro1-1 .cont .sb img {width:50%; max-width:240px;}

@media all and (max-width:1280px) {
	#intro1-1 .cont h3 {font-size:3.8rem}
	#intro1-1 .cont .t1 {font-size:1.8rem; line-height:1.6em }
	#intro1-1 .cont h4 {; font-size:2.4rem;}
}
@media all and (max-width:976px) {
	#intro1-1  {flex-wrap:wrap; padding:0 0 10%; }
	#intro1-1:before { width:100%; height:80%; top:unset; bottom:0  }
	#intro1-1 .img {width:100%; text-align:center }
	#intro1-1 .img img {width:90%;}
	#intro1-1 .cont {margin-top:8%; width:100%;}
}
@media all and (max-width:480px) {
		#intro1-1 .cont h3 {font-size:3.5rem}
}






#intro1-2 {margin-top:10%}
#intro1-2 #contWrap {display:flex; height:480px; margin-bottom:10% }
#intro1-2 #contWrap:last-child {margin-bottom:0}
#intro1-2 #contWrap .img {width:700px }
#intro1-2 #contWrap .img img {width:100% }
#intro1-2 #contWrap .cont {width:calc(100% - 700px); padding-left:7%; height:100%; text-align:right; 
									display:flex; flex-direction: column; justify-content:space-between; position:relative}
#intro1-2 #contWrap .cont p.eng {font-size:1.6rem; font-family:'Montserrat'; font-weight:600; opacity:.8;
										border-bottom:1px solid #e2dace; padding-bottom:1em;  }
#intro1-2 #contWrap .cont p.num {font-size:9.0rem; font-family:'Oswald'; font-weight:600; color:#eae2d8; margin-bottom:auto;
											position:absolute; right:0; top:30px}
#intro1-2 #contWrap .cont dl {text-align:left; position:relative}
#intro1-2 #contWrap .cont dl dt {font-size:3.6rem; margin-bottom:0.7em;  color:#333; font-weight:700}
#intro1-2 #contWrap .cont dl dd {font-size:2.0rem; line-height:1.8em;}

#intro1-2 #contWrap:nth-child(odd) .img {order:2}
#intro1-2 #contWrap:nth-child(odd) .cont {order:1; padding-right:7%; padding-left:0}
#intro1-2 #contWrap:nth-child(odd) .cont { text-align:left;} 
#intro1-2 #contWrap:nth-child(odd) .cont p.num {left:0; right:unset}

@media all and (max-width:1599px) {
	#intro1-2 #contWrap { height:410px;}
	#intro1-2 #contWrap .img {width:600px }
	#intro1-2 #contWrap .cont {width:calc(100% - 600px);}
}
@media all and (max-width:1280px) {
	#intro1-2 #contWrap { height:350px;}
	#intro1-2 #contWrap .img {width:500px }
	#intro1-2 #contWrap .cont {width:calc(100% - 500px);}
	#intro1-2 #contWrap .cont dl dd {font-size:1.8rem; line-height:1.6em;}
}
@media all and (max-width:1024px) {
	#intro1-2 #contWrap { height:auto;}
	#intro1-2 #contWrap .img {width:400px }
	#intro1-2 #contWrap .cont {width:calc(100% - 400px);}
	#intro1-2 #contWrap .cont dl dt {margin-top:2.5em; font-size:3.2rem;} 
}
@media all and (max-width:976px) {
	#intro1-2 #contWrap { flex-wrap:wrap; }
	#intro1-2 #contWrap .img {width:100% }
	#intro1-2 #contWrap .cont {width:100%; padding:0; margin-top:30px}

	#intro1-2 #contWrap:nth-child(odd) .img {order:1}
	#intro1-2 #contWrap:nth-child(odd) .cont {order:2; padding-right:0; }
	#intro1-2 #contWrap:nth-child(odd) .cont { text-align:right;} 
	#intro1-2 #contWrap:nth-child(odd) .cont p.num {left:unset; right:0}
}







#intro2 { position: relative; background:#ede8e0; display:flex; }
#intro2::before { content:''; content: 'MIRO PLANT DENTAL CLINIC'; color:#ede8e0; font-size: 5.8vw;
                          font-family: 'Montserrat'; font-weight:900; letter-spacing: -0.05em; line-height: 0.7em; background: #f3efe8;
                        position: absolute; left:0; top:0; width: 100%; text-align: center;  }
#intro2 > div {  position: relative;}
#intro2 .img { width: 40%; text-align: center;  }
#intro2 .img img { max-width: 100%; }
#intro2 .txt { width: 60%; padding: 8% 5% 5%; box-sizing: border-box; }
#intro2 .txt .drName { margin-bottom: 2em; }
#intro2 .txt .drName h4 { color:#765943 ; font-size:5.0rem; display: inline-block; margin-right: 0.4em;font-weight:800 }
#intro2 .txt .drName h4 span { color:#212121; font-size: 0.6em; font-weight:600; margin-left: 0.2em; }
#intro2 .txt .drName p { display: inline-block; font-size: 3.0rem; letter-spacing: 0;
                                    font-family: 'Playfair Display'; font-weight: 800; font-style: italic; }
#intro2 .txt .drProfile { background: #fff; padding: 7%; display:flex; flex-wrap:wrap}
#intro2 .txt .drProfile .tit {width:100px;font-size:2.6rem; color:#333;font-weight:700}
#intro2 .txt .drProfile .cont  {width:calc(100% - 100px)}
#intro2 .txt .drProfile .cont p {font-size:2.0rem;}
#intro2 .txt .drProfile .cont p + p {margin-top:0.7em;}
#intro2 .txt .drProfile .line {width:100%; margin:4% 0; border-bottom:1px dashed #DDD}

@media all and (max-width:1280px) {
	#intro2 .txt { padding: 5%}
	#intro2 .txt .drName h4 { font-size:4.0rem; }
	#intro2 .txt .drName p { font-size: 2.4rem; }
	#intro2 .txt .drProfile .tit {width:80px;font-size:2.4rem;}
	#intro2 .txt .drProfile .cont p {font-size:1.8rem;}
}
@media all and (max-width:1024px) {
	#intro2 {flex-wrap:wrap}
	#intro2 .img { width: 100%;}
	#intro2 .img img {width:70%}
	#intro2 .txt { width:100%; margin-top:-50vw }
	#intro2 .txt.ver2 {margin-top:-30vw }
}
@media all and (max-width:480px) {
	#intro2 .txt .drProfile .tit {margin-bottom:0.5em; width:100%}
	#intro2 .txt .drProfile .cont  {width:100%}
	#intro2 .txt .drProfile .line {margin:10% 0}

		#intro2 .txt { margin-top:-65vw }
	#intro2 .txt.ver2 {margin-top:-40vw }
}





#intro3 {padding-bottom:30px; display:flex; align-items: center; position:relative}
#intro3::before { content:''; content: 'MIRO PLANT DENTAL CLINIC'; color:#af9375; font-size: 5vw;
                   font-family: 'Montserrat'; font-weight:900; letter-spacing: -0.05em; line-height: 0.8em; 
					opacity:.1; position: absolute; right:0; bottom:0; width: 100%; text-align:right }
#intro3 > div {width:50%}
#intro3 #img img {width:100%}
#intro3 #cont {padding-left:5%}
#intro3 #cont .in-box + .in-box {margin-top:8%}
#intro3 #cont h3 {margin-bottom:0.7em; font-size:3.0rem; font-weight:800; color:#333 } 
#intro3 #cont ul li {padding-bottom:0.3em; margin-bottom:0.3em; font-size:2.0rem; line-height:1.8em; 
						border-bottom:1px dashed #e3dcd6}
#intro3 #cont ul li span {width:100px; display:inline-block; font-weight:600; color:#555}
#intro3 #cont p.tel { font-size:3.5rem; font-weight:800; line-height:0.9em}

@media all and (max-width:1399px) {
	#intro3 #img {width:55%}
	#intro3 #cont {width:45%}
}
@media all and (max-width:1280px) {
	#intro3 #cont h3 { font-size:2.6rem;}
	#intro3 #cont ul li { font-size:1.8rem;}
	#intro3 #cont p.tel { font-size:3.2rem;}
}
@media all and (max-width:976px) {
	#intro3 {flex-wrap:wrap}
	#intro3::before {display:none}
	#intro3 #img {width:100%}
	#intro3 #cont {width:100%; padding:30px 0 0 0}
	#intro3 #cont .in-box + .in-box {margin-top:5%}
}
@media all and (max-width:480px) {
	#intro3 #cont ul li span {width:16vw }
}




#intro4 {display:flex; flex-wrap:wrap; gap:50px}
#intro4 li {width:calc((100% - 50px * 2)/3);}
#intro4 li img {width:100%}
#intro4 li dl {padding-left:50px; position:relative}
#intro4 li dl:before {content:''; width:3px; height:calc(100% + 50px); background:#af9375; position:absolute; left:20px; top:-50px}
#intro4 li dl dt {margin:1em 0 0.7em; font-size:2.8rem; color:#333; font-weight:700}
#intro4 li dl dd {font-size:2.0rem; line-height:1.5em}

@media all and (max-width:1280px) {
	#intro4 {gap:50px 30px}
	#intro4 li {width:calc((100% - 30px * 2)/3);}
	#intro4 li dl dt { font-size:2.6rem;}
	#intro4 li dl dd {font-size:1.8rem;}
}
@media all and (max-width:1024px) {
	#intro4 {gap:50px 30px}
	#intro4 li {width:calc((100% - 30px * 1)/2);}
	#intro4 li dl dt { font-size:2.6rem;}
	#intro4 li dl dd {font-size:1.8rem;}
}
@media all and (max-width:768px) {
	#intro4 li dl {padding-left:30px}
	#intro4 li dl:before { height:calc(100% + 50px);  left:10px; top:-50px}
}
@media all and (max-width:640px) {
	#intro4 {gap:30px 0}
	#intro4 li {width:100%;}
}





#intro6 #cont {margin-bottom:50px; display:flex; justify-content:center; gap:30px  }
#intro6 #cont li {text-align:center; background:#ede8e0; padding:3%}
#intro6 #cont li i {font-size:1.8rem;; width:40px; line-height:40px; border-radius:60px; text-align:center;
						background:#af9375 ; color:#ede8e0}
#intro6 #cont li .eng {margin:0.5em 0 2em; font-size:1.8rem; font-family:'Montserrat'; font-weight:700}
#intro6 #cont li .t1 {font-size:2.0rem; font-weight:600}

#intro6 #sMap {position:relative}
#intro6 #sMap .btn {position:absolute; left:50%; top:20px; transform:translateX(-50%); z-index:99; display:flex;}
#intro6 #sMap .btn.bg1 {background-color:#}
#intro6 #sMap .btn a {margin:0 2px; display:block; padding:1em 1.5em 1em 2em;  }
#intro6 #sMap .btn a p {padding-left:0.7em; font-size:1.8rem; font-weight:600} 
#intro6 #sMap .btn .bg1 { background:#f2da00 url('/images/sub/smap-icon1.png') no-repeat 10% center; color:#0079f7;
							background-size:auto 50%}
#intro6 #sMap .btn .bg2 { background:#03c75a url('/images/sub/smap-icon2.png') no-repeat 10% center; color:#FFF;
							background-size:auto 50%}
#intro6 #sMap .root_daum_roughmap .wrap_map { height: 580px !important; }

@media all and (max-width:1280px) {
	#intro6 #cont {gap:10px}
	#intro6 #cont li i {font-size:1.6rem;; width:34px; line-height:34px;}
	#intro6 #cont li .eng {margin:0.5em 0 1.5em; font-size:1.6rem; }
	#intro6 #cont li .t1 {font-size:1.8rem}
	#intro6 #sMap .root_daum_roughmap .wrap_map { height: 500px !important; }
}
@media all and (max-width:976px) {
	#intro6 #cont {margin-bottom:30px;}
}
@media all and (max-width:680px) {	
	#intro6 #cont {width:90%; margin:0 auto 30px; flex-wrap:wrap}
	#intro6 #cont li {width:calc((100% - 10px *1)/2)}
	#intro6 #cont li:first-child {width:100%}
	#intro6 #sMap .btn {width:90%;}
	#intro6 #sMap .btn a {width:49%}
}
@media all and (max-width:480px) {	
	#intro6 #cont li {padding:5% 3%}
	#intro6 #cont li i { width:7vw; line-height:7vw;}
	#intro6 #cont li .eng {margin:0.5em 0 1.0em}
	#intro6 #sMap .root_daum_roughmap .wrap_map { height: 100vw !important; }
}












#checkList li {position:relative; margin:1em 0; padding-bottom:1em; border-bottom:1px dashed #DDD}
#checkList li:before {content:''; width:24px; height:24px; background:url('/images/sub/checklist-icon.png') no-repeat left center;
						position:absolute; left:0; top:30%; transform:translateY(-50%); background-size:100% auto}
#checkList li p {padding-left:34px; font-size:2.0rem; line-height:1.8em}

.implant5 #checkList li p { line-height:1.4em}

@media all and (max-width:1280px) {
	#checkList li:before { width:22px; height:22px; }
	#checkList li p { padding-left:32px;  font-size:1.8rem; line-height:1.6em}
}
@media all and (max-width:480px) {
	#checkList li { margin:0.6em 0}
	#checkList li:before { width:4vw; height:4vw; }
	#checkList li p { padding-left:6vw; }
}





#boxNumList {display:flex; flex-wrap:wrap; justify-content:center; gap:30px;}
#boxNumList li {border:1px solid rgba(255,255,255,0.1); padding:30px 50px; backdrop-filter: blur(3px);
					counter-increment: number; position:relative}
#boxNumList li:before {content: counter(number, decimal-leading-zero); color:#FFF; font-size:2.0rem; font-weight:700;
							font-family:'Roboto'; padding:0.5em 1.0em; background:#af9375; position:absolute; left:50%; top:0;
							transform:translate(-50%, -50%)}
#boxNumList li dl {text-align:center}
#boxNumList li dl dt {padding-top:0.5em; font-size:3.0rem; font-weight:700}
#boxNumList li dl dd {padding-top:1em; font-size:2.0rem; line-height:1.6em}
#boxNumList.wh li {color:#FFF}
#boxNumList.w3 li {width:calc((100% - 30px *2)/3);}
#boxNumList.w4 li {width:calc((100% - 30px *3)/4);}

@media all and (max-width:1280px) {
	#boxNumList li { padding:30px}
	#boxNumList li dl dt { font-size:2.8rem; }
	#boxNumList li dl dd { padding-top:0.5em; font-size:1.8rem; line-height:1.6em;}
}
@media all and (max-width:976px) {
	#boxNumList { gap:30px 20px;}
	#boxNumList li { padding:20px; }
	#boxNumList.w3 li {width:calc((100% - 20px *1)/2);}
	#boxNumList.w4 li {width:calc((100% - 20px *1)/2);}
}
@media all and (max-width:580px) {
	#boxNumList { gap:30px 0;}
	#boxNumList.w3 li {width:100%}
	#boxNumList.w4 { gap:30px 0;}
	#boxNumList.w4 li {width:100%;}
}
@media all and (max-width:480px) {
	#boxNumList { gap:5vw 0;}
}






#numList {width:fit-content; margin:0 auto}
#numList li {margin:7px 0; border:10px solid #ede8e0; padding:1.3em 2em; position:relative; counter-increment: number;}
#numList li:before {content: counter(number, decimal-leading-zero); font-size:1.8rem;  width:40px; line-height:40px; color:#FFF; 
						background:#af9375; position:absolute; left:10px; top:50%; transform:translateY(-50%); font-family:'Oswald'; text-align:center}
#numList li  p {font-size:2.0rem; padding-left:30px}
@media all and (max-width:1280px) {
	#numList li {border:7px solid #ede8e0; padding:1.0em 2em; }
	#numList li:before { font-size:1.6rem;  width:36px; line-height:36px;}
	#numList li  p {font-size:1.8rem; padding-left:26px}
}
@media all and (max-width:480px) {
	#numList li {border:5px solid #ede8e0; padding:0.7em 1.5em; }
	#numList li:before { width:7vw; line-height:7vw;}
	#numList li  p {font-size:1.8rem; padding-left:7vw}
}






#stepList {display:flex; gap:50px 0; flex-wrap:wrap }
#stepList li {position:relative}
#stepList li:before {content:''; width:1px; height:50%; border-right:1px dotted #DDD; position:absolute; right:0; bottom:0}
#stepList li:after {content:''; width:13px; height:22px;  position:absolute; right:0; top:25%;
							transform:translateX(50%);  background:url('/images/sub/steplist-arrow.png') no-repeat left center; }
#stepList li:last-child::before,
#stepList li:last-child::after {display:none}
#stepList li .img {width:250px; height:250px; border-radius:100%; overflow:hidden; margin:0 auto;}
#stepList li .img img {width:100%}
#stepList li .eng {margin-top:2em; font-size:1.6rem; font-family:'Montserrat'; font-weight:700; opacity:.6}
#stepList li dl {padding:0 10%; text-align:center}
#stepList li dl dt { margin:1.0em 0 0.5em; font-size:3.0rem; font-weight:700; color:#333}
#stepList li dl dd {font-size:2.0rem; line-height:1.6em}

#stepList.w5 li {width:20%}
#stepList.w4 li {width:25%}
@media all and (max-width:1599px) {
	#stepList li .img {width:13vw; height:13vw }
}
@media all and (max-width:1280px) {
	#stepList li:after {top:6vw;}
	#stepList li .eng { font-size:1.4rem; }
	#stepList li dl dt { margin:0.7em 0 0.3em; font-size:2.6rem; }
	#stepList li dl dd {font-size:1.8rem}
}
@media all and (max-width:1024px) {
	#stepList  { justify-content:center; gap:30px 0}
	#stepList li:after {top:12vw;}
	#stepList li .img {width:22vw; height:22vw }
	#stepList.w5 li {width:33.333%}
}
@media all and (max-width:976px) {
	#stepList.w4 li {width:50%}
	#stepListw4 li .img {width:30vw; height:30vw }
}
@media all and (max-width:640px) {
	#stepList li:after {display:none}
	#stepList li dl {padding:0 5%; }
	#stepList li .img {width:36vw; height:36vw }
	#stepList.w5 li {width:50%}
}








#clinicTop {padding:80px 0 150px;  text-align:center;}
#clinicTop .img {width:100%; margin:0 auto; position:relative; }
#clinicTop .img:before {content:''; width:100%; height:30%; background:#ede8e0; position:absolute; left:0; bottom:0; }
#clinicTop .img img { width:100%; max-width:810px; position:relative}
#clinicTop .txt {padding-bottom:80px; background:#ede8e0 url('/images/sub/clinictop-sb.png')no-repeat 105% bottom;
				background-size:auto 80%}
#clinicTop .t1 {padding:2em 0 1em;  font-size:4.0rem; color:#000; font-weight:700; text-decoration:underline;
				text-decoration-thickness:1px}
#clinicTop .t2 { width:90%; max-width:1024px;  margin:0 auto; font-size:2.0rem;
					line-height:2.0em;}

@media all and (max-width:1280px) {
	#clinicTop {padding:80px 0 100px}
	#clinicTop .t1 {padding-top:2em; font-size:3.0rem; }
	#clinicTop .t2 { font-size:1.8rem; line-height:1.6em;}
}
@media all and (max-width:976px) {
	#clinicTop {padding:8% 0 80px}
	#clinicTop .txt {padding-bottom:8%; background-size:auto 90%; background-position:center bottom }
	#clinicTop .t2 br {display:none} 
}
@media all and (max-width:768px) {
	#clinicTop .txt {padding-bottom:10%; }
}
@media all and (max-width:480px) {
	#clinicTop {padding:10vw 0 15vw}
	#clinicTop .txt {padding-bottom:13vw; background-size:70% auto; }
}






#imgHalf {background-color:#ede8e0; background-repeat:no-repeat;  background-position:left top;
			background-size:50% auto}
#imgHalf .cont {width:50%; margin-left:auto; padding:5%;background-color:#ede8e0;  }

#imgHalf.implant1 {background-image:url('/images/sub/imghalf-implant1.jpg')}
#imgHalf.implant3 {background-image:url('/images/sub/imghalf-implant3.jpg')}
#imgHalf.implant4 {background-image:url('/images/sub/imghalf-implant4.jpg')}
#imgHalf.implant5 {background-image:url('/images/sub/imghalf-implant5n.jpg')}
#imgHalf.sleep1 {background-image:url('/images/sub/imghalf-sleep1.jpg')}
#imgHalf.sleep2 {background-image:url('/images/sub/imghalf-sleep2.jpg')}
#imgHalf.orth1 {background-image:url('/images/sub/imghalf-orth1.jpg')}
#imgHalf.orth2 {background-image:url('/images/sub/imghalf-orth2.jpg')}
#imgHalf.clinic1 {background-image:url('/images/sub/imghalf-clinic1.jpg')}
#imgHalf.clinic2 {background-image:url('/images/sub/imghalf-clinic2.jpg')}
#imgHalf.clinic3 {background-image:url('/images/sub/imghalf-clinic3.jpg')}
#imgHalf.clinic4 {background-image:url('/images/sub/imghalf-clinic4.jpg')}
#imgHalf.clinic5 {background-image:url('/images/sub/imghalf-clinic5.jpg')}

#imgHalf.implant5 .cont {display:flex;  justify-content:space-between; }
#imgHalf.implant5 .cont ul {width:48%}

@media all and (max-width:1499px) {	
	#imgHalf {background-size:auto 100%}
}
@media all and (max-width:1280px) {	
	#imgHalf.implant1 {background-position:0 top}

	#imgHalf.implant5 {width:768px; margin:0 auto; padding-top:500px; background-size:100% auto}
	#imgHalf.implant5 .cont {width:100%;}
}
@media all and (max-width:1024px) {	
	#imgHalf {padding-top:60vw; background-size:100% auto}
	#imgHalf .cont {width:100%;}

	#imgHalf.implant1 {background-position:center top}
}
@media all and (max-width:768px) {
	#imgHalf.implant5 {width:90%; padding-top:60vw;}
}
@media all and (max-width:768px) {
	#imgHalf.implant5 .cont {flex-wrap:wrap }
	#imgHalf.implant5 .cont ul {width:100%}
	#imgHalf.implant5 .cont ul li.f-li {margin-top:0}
}







#meritWrap {padding:100px 0; background-image:url('/images/sub/merit-bg1.jpg');
				background-repeat:no-repeat; background-position:left center; background-size:cover;
				background-attachment: fixed;}
#meritWrap.ver2 { background-image:url('/images/sub/merit-bg2.jpg'); }
#meritWrap.ver3 { background-image:url('/images/sub/merit-bg3.jpg'); }
@media all and (max-width:1024px) {	
	#meritWrap {padding:80px 0;}
}





#miroVod {background:#ede8e0}
#miroVod .vodWrap {text-align:center; width: 1024px; height: 576px;  object-fit: cover;  position: relative; z-index:3}
#miroVod .vodWrap iframe {position: absolute; left: 50%; top:0; width:100%; height:100%; object-fit: cover; 
								transform:translateX(-50%)}
#miroVod .cont {padding:5% 0; text-align:center; background:#af9375; position:relative}
/* #miroVod .cont:before {content:''; width:100%; height:30%; background:#af9375; position:absolute; left:0; top:-30%; } */
#miroVod .cont .t1 {font-size:2.2rem; line-height:2.0em; color:#FFF}


@media all and (max-width:1280px) {	
	#miroVod .cont .t1 {font-size:2.0rem; line-height:1.8em}
}
@media all and (max-width:1024px) {	
	#miroVod .vodWrap {width: 90vw; height: 50vw }
	#miroVod .cont {padding:80px 5%; }
}
@media all and (max-width:480px) {	
	#miroVod .cont {padding:15vw 5%; }
}








#clinicBFAT #sTitle {position:relative}
#bfatSlick {width:150%}
#bfatSlick ul {display:flex; flex-wrap:Wrap; margin-right:30px}
#bfatSlick ul li {width:50%; position:relative}
#bfatSlick ul li:before {content:''; width:50px; height:50px; border-radius:100%; position:absolute; right:0; top:45%; z-index:3; box-shadow:0 0 15px rgba(0,0,0,0.1);
							transform:translate(50%, -50%);  background:#FFF url('/images/sub/steplist-arrow.png') no-repeat center center; }
#bfatSlick ul li:last-child::before {display:none}
#bfatSlick ul li p {padding:0.7em 0;font-size:2.0rem; font-family:'Montserrat'; font-weight:700; color:#FFF; text-align:center}
#bfatSlick ul li p.bf {background:#e0d8ca}
#bfatSlick ul li p.at {background:#765943 }
#bfatSlick ul li img {width:100%}

.bfafArrow {position:absolute; right:0; bottom:30px}
.bfafArrow .slick-prev,
.bfafArrow .slick-next {width:60px; height:60px; border-radius:60px; background-repeat:no-repeat;
							background-size:100% auto;}
.bfafArrow .slick-prev {right:60px; left:unset; background-image:url('/images/main/arrow-prev.png'); position:absolute }
.bfafArrow .slick-prev:before {content: ''; width: 4px; height: 4px; background: #af9375; border-radius: 5px; position: absolute;
									right: -2px; top: 50%; margin-top: -2px; }
.bfafArrow .slick-next {right:0;  background-image:url('/images/main/arrow-next.png')}


@media all and (max-width:1024px) {	
	#bfatSlick ul li p {font-size:1.8rem; }
	#bfatSlick {width:calc(100% + 20px)}
	#bfatSlick ul { margin-right:20px}
	#bfatSlick ul li:before { width:40px; height:40px;}
}
@media all and (max-width:680px) {	
	#clinicBFAT #sTitle {text-align:center !important; margin-bottom:80px}
	.bfafArrow {width:120px; position:absolute; right:unset;  left:50%; transform:translateX(-50%); bottom:0}
	.bfafArrow .slick-prev {left:0; right:unset; }
	.bfafArrow .slick-next {right:unset; left:60px }
}





#typeWrap li {display:flex;  flex-wrap:wrap; align-items: center; border:10px solid #ede8e0;}
#typeWrap li + li {margin-top:20px}
#typeWrap .img {width:35%}
#typeWrap .img img {width:100%}
#typeWrap dl {width:65%; padding:0 5%}
#typeWrap dl dt {margin-bottom:0.5em; font-size:3.0rem; font-weight:700}
#typeWrap dl dd {font-size:2.0rem; line-height:1.8em}

#typeWrap li:nth-child(even) .img {order:2}
#typeWrap li:nth-child(even) dl {order:1}

@media all and (max-width:1280px) {	
	#typeWrap dl dt {font-size:2.6rem; }
	#typeWrap dl dd {font-size:1.8rem; line-height:1.6em}
}
@media all and (max-width:976px) {	
	#typeWrap .img {width:100%}
	#typeWrap dl {width:100%; padding:5%}
	#typeWrap li:nth-child(even) .img {order:1}
	#typeWrap li:nth-child(even) dl {order:2}
}
@media all and (max-width:480px) {	
	#typeWrap li { border:5px solid #ede8e0;}
	#typeWrap li + li {margin-top:10px}
}



#imgList {display:flex; flex-wrap:wrap; gap:50px}
#imgList li {background:#faf8f5}
#imgList li .img img {width:100%}
#imgList li dl {padding:30px;text-align:center}
#imgList li dl dt {padding-bottom:0.5em; font-size:3.0rem; font-weight:700}
#imgList li dl dd {font-size:2.0rem; line-height:1.8em }
#imgList.w3 li {width:calc((100% - 50px * 2) /3)}

@media all and (max-width:1280px) {	
	#imgList { gap:30px}
	#imgList li dl {padding:30px 20px;}
	#imgList li dl dt {font-size:2.6rem;}
	#imgList li dl dd {font-size:1.8rem; line-height:1.6em }
	#imgList.w3 li {width:calc((100% - 30px * 2) /3)}
}
@media all and (max-width:1024px) {	
	#imgList.w3 li {width:calc((100% - 30px * 1) /2)}
}
@media all and (max-width:768px) {	
	#imgList { gap:20px}
	#imgList li dl {padding:20px 10px;}
	#imgList.w3 li {width:calc((100% - 20px * 1) /2)}
}
@media all and (max-width:640px) {	
	#imgList { gap:10px 0}
	#imgList.w3 li {width:100%}
}



#dlWrap {display:flex; flex-wrap:wrap; border: 10px solid #ede8e0;}
#dlWrap dl {border-right: 10px solid #ede8e0; text-align:center}
#dlWrap dl:last-child {border-right:0}
#dlWrap dl dt {font-size:3.0rem; font-weight:700; color:#FFF;padding:0.7em 0;}
#dlWrap dl dd {padding:1.3em; font-size:2.0rem; line-height:1.8em }
#dlWrap.w3 dl {width:33.3333%}

#dlWrap dl dt.bg1 {background-color:#af9375 }
#dlWrap dl dt.bg2 {background-color:#93765c}
#dlWrap dl dt.bg3 {background-color:#765943 }

@media all and (max-width:1280px) {	
	#dlWrap dl dt {font-size:2.6rem;}
	#dlWrap dl dd {font-size:1.8rem; line-height:1.6em }
}
@media all and (max-width:768px) {	
	#dlWrap.w3 dl {width:100%}
}



#circleWrap {display:flex; flex-wrap:wrap; gap:10px;  justify-content:center; }
#circleWrap dl {width:230px; line-height:230px; text-align:center; border-radius:100%;}
#circleWrap dl dt {font-size:3.0rem; font-weight:700; color:#FFF}
#circleWrap ul {margin-top:30px; width:100%; text-align:center}
#circleWrap ul li.t1 {font-size:2.0rem; line-height:1.8em}

#circleWrap dl.bg1 {background-color:#af9375 }
#circleWrap dl.bg2 {background-color:#93765c}
#circleWrap dl.bg3 {background-color:#765943 }

@media all and (max-width:1280px) {	
	#circleWrap { gap:5px;}
	#circleWrap dl {width:200px; line-height:200px; }
	#circleWrap dl dt {font-size:2.8rem;}
	#circleWrap ul li.t1 {font-size:1.8rem; line-height:1.6em }
}
@media all and (max-width:680px) {	
	#circleWrap dl {width:140px; line-height:140px; }
}
@media all and (max-width:480px) {	
	#circleWrap ul {margin-top:20px; }
	#circleWrap dl {width:28vw; line-height:28vw; }
	#circleWrap dl dt {font-size:2.6rem;}
}



.tb-style1{width: 100%;font-size: 2.0rem; line-height:1.8em; text-align: center; }
.tb-style1 thead tr th{padding: 15px 10px; background-color: #af9375; border-right: 1px solid #eee; font-weight: 500; border-bottom: 1px solid #eee; color: #FFF; }
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th{ font-weight: 500;border-bottom: 1px solid #dedede;; border-right: 1px solid #dedede; color:#555 }
.tb-style1 tbody tr th .st1 {font-size:1.8rem; line-height:1.6em; opacity:.8; padding-top:0.5em; }
.tb-style1 tbody tr td{padding: 12px 6px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

@media all and (max-width:1280px){
	.tb-style1{ font-size: 1.8rem; line-height:1.6em;}
	.tb-style1 tbody tr th .st1 {font-size:1.6rem; line-height:1.4em; }
} 








#implant5 {padding:150px 0; background:#af9375}
#implant5 .inner {display:flex; justify-content:center; align-items: center;}
#implant5 .txt {width:630px; text-align:center; color:#FFF; order:2; }
#implant5 .txt  h3 br {display:none}
#implant5 dl dt {margin:2em 0 1em; font-size:3.0rem; }
#implant5 dl dt .point {color:#ffc73f; font-weight:600}
#implant5 dl dd {font-size:2.0rem; line-height:1.6em; }
#implant5 .img {margin-top:30px;  display:flex; justify-content:center; gap:10px}
#implant5 .img li {width:50%; background:#573e2e;}
#implant5 .img li img {width:100%; }
#implant5 .img li p {padding:0.7em 0.3em; font-size:2.0rem; color:#FFF }
#implant5 .imgWrap {width:calc(100% - 630px); padding-right:8%}
#implant5 .imgWrap li {background:#573e2e; color:#FFF;text-align:Center}
#implant5 .imgWrap li img {width:100%;}
#implant5 .imgWrap li p {padding:0.7em 0.3em; font-size:2.2rem; font-weight:600 }



#implant5.ver2 {background:rgba(255,255,255,0.5)}
#implant5.ver2 .txt {order:1; color:#777}
#implant5.ver2 dl dt {color:#333}
#implant5.ver2 dl dt .point {color:#765943}
#implant5.ver2 .imgWrap { order:2; padding-left:8%; padding-right:0}
#implant5.ver2 .imgWrap li {background:transparent}



@media all and (max-width:1599px) {	
	#implant5 .imgWrap {padding-right:5%}
	#implant5 .inner {padding:0 3%}
	#implant5.ver2 .imgWrap { padding-left:5%;}
}
@media all and (max-width:1280px) {	
	#implant5 {padding:100px 0;}
	#implant5 .txt {width:480px;}
	#implant5 .txt  h3 br {display:block}
	#implant5 dl dt { font-size:2.8rem; }
	#implant5 dl dd {font-size:1.8rem; line-height:1.6em; }
	#implant5 .imgWrap {width:calc(100% - 480px);}
	#implant5 .imgWrap li p {font-size:2.0rem;}
}
@media all and (max-width:1024px) {	
	#implant5 .inner {flex-wrap:wrap; }
	#implant5 .txt {order:1; width:100%}
	#implant5 .txt  h3 br {display:none}
	#implant5 dl dt {margin:1em 0 0.5em;}
	#implant5 .imgWrap {order:2;  margin-top:30px; width:100%; padding-right:0}

	#implant5.ver2 .txt {order:1;}
	#implant5.ver2 .imgWrap { order:2; padding-left:0}
}
@media all and (max-width:768px) {
	#implant5 {padding:80px 0;}
}
@media all and (max-width:480px) {
	#implant5 {padding:15vw 0;}
	#implant5 dl dt { font-size:2.4rem; }
	#implant5 dl dd br {display:none}
	#implant5 .img li p { font-size:1.6rem }
}



#implant5-2 {padding:150px 0}
#implant5-2.bg {background:#ede8e0}

#implant5-2 .cont {width:100%; max-width:1024px; margin:0 auto; display:flex;justify-content:center; gap:50px}
#implant5-2 .cont dl {text-align:center}
#implant5-2 .cont dl dt span {font-size:2.6rem; border-radius:60px; padding:0.5em 2em;; color:#FFF; background:#b9b9b9;
									display:inline-block}
#implant5-2 .cont dl dd {padding:1em; width:487px; border-radius:30px; color:#FFF;
								font-size:2.0rem; line-height:1.6em; background:#b9b9b9}
#implant5-2 .cont dl img {margin-top:10px; width:100%}

#implant5-2 .cont dl.ver2 dt span {background:#af9375}
#implant5-2 .cont dl.ver2 dd {margin:0 auto; background:#af9375}

@media all and (max-width:1280px) {	
	#implant5-2 { padding:100px 0;}
}
@media all and (max-width:1024px) {	
	#implant5-2 .cont {gap:30px}
	#implant5-2 .cont dl {width:50%}
	#implant5-2 .cont dl dt span {font-size:2.4rem;}
	#implant5-2 .cont dl dd {width:100%; font-size:1.8rem; line-height:1.4em}
}
@media all and (max-width:768px) {	
	#implant5-2 { padding:80px 0;}
}
@media all and (max-width:580px) {	
	#implant5-2 .cont {flex-wrap:wrap}
	#implant5-2 .cont dl {width:100%}
}
@media all and (max-width:480px) {	
	#implant5-2 { padding:15vw 0;}

}



.price-table-wrap { width:100%; margin:0 auto; }
.price-table { width:100%; border-collapse:collapse; border-top:2px solid #573e2e; color:#573e2e; table-layout:fixed; }
.price-table .col-category { width:22%; }
.price-table .col-price { width:18%; }
.price-table thead th { padding:18px 20px; background:#573e2e; color:#fff; border-right:1px solid rgba(255,255,255,.15); font-size:23px; font-weight:500; text-align:center;  font-family: 'esamanru';}
.price-table thead th:last-child { border-right:0; }
.price-table thead th span { margin-left:3px; color:#d8c6b3; font-size:18px; font-weight:400; }
.price-table tbody th, .price-table tbody td { padding:18px 24px; border-bottom:1px solid #ddd5cb; font-size:18px; line-height:1.5; }
.price-table tbody .category { background:#ede8e0; color:#573e2e; border-right:1px solid #ddd5cb; font-weight:600; text-align:center; vertical-align:middle; }
.price-table tbody .category small { display:block; margin-top:5px; color:#af9375; font-size:13px; font-weight:500; }
.price-table tbody td { background:#fff; border-right: 1px solid #ddd5cb;; text-align: center; }
.price-table tbody td.price { color:#573e2e; font-size:20px; font-weight:700; text-align:center; border-right: 0;}
.price-table tbody tr:has(.category) { border-top:1px solid #af9375; }
.price-notice { margin:15px 0 0; color:#9a8b80; font-size:13px; text-align:right; }

@media (max-width:768px) {
    .price-table .col-category { width:25%; }
    .price-table .col-price { width:18%; }
    .price-table thead th { padding:14px 8px; font-size:13px; }
    .price-table thead th span {font-size:13px;}
    .price-table tbody th, .price-table tbody td { padding:14px 10px; font-size:13px; }
    .price-table tbody td.price { font-size:14px; }
    .price-table tbody .category small { font-size:10px; }
    .price-notice { font-size:11px; text-align:left; }
}