@charset "utf-8";


#intro1 {width:100%; position:relative}
#intro1 .s-inner:before {content:''; width:50%; height:100%; background:#60bfd610; position:absolute; right:-10%; top:0; z-index:-1}
#intro1 .s-inner {display:flex;justify-content:space-between; align-items: center; flex-wrap:wrap; }
#intro1 .s-inner.p-Part {padding:180px 0}
#intro1 dl {width:50%}
#intro1 dl dt {margin-bottom:40px; font-size: 6.0rem; font-weight:700; line-height:1.3em; color:#323232}
#intro1 dl dt.sm {font-size: 5.0rem;}
#intro1 dl dd {font-size:2rem; line-height:1.8em}
#intro1 .img {width:50%; position:relative }
#intro1 .img:before {content:''; width:211px; height:212px; background:url('/images/sub/intro1-rotate.png') no-repeat center center;
position:absolute; top:-90px; right:-80px; animation: 4000s 0s infinite rotate; background-size:100% auto}
#intro1 .img img {width:100%; max-width:700px; border-radius:0 80px 0 0; overflow:hidden}

#intro1.ver2 .s-inner:before {display:none}
#intro1.ver2 .s-inner.p-Part {padding:50px 0 180px}
#intro1.ver2 dl {order:2}
#intro1.ver2 .img {order:1;  }
#intro1.ver2 .img:before {left:-80px; right: unset}
#intro1.ver2 .img img {width:100%;max-width:435px; border-radius:80px 0 0 0;   }


#intro1.ver3 .s-inner{justify-content: space-between;}
#intro1.ver3 .s-inner:before {display:none}
#intro1.ver3 dl {padding-left:7%}
#intro1.ver3 .img:before {display:none !important}
#intro1.ver3 .img img {width:100%; max-width:583px; border-radius:0;}
#intro1.ver3 .img_sl {width: 46%;}
#intro1.ver3 .img_sl img {width:100%; max-width: 100%;}

@keyframes rotate {
    from{transform: rotate(0deg);}
    to{transform: rotate(99999deg);}
}


@media all and (max-width:1399px){
    #intro1 .img:before { width:180px; height:181px; right:-40px; top:-50px}
    #intro1.ver2 .img:before {left:-40px; right: unset}
    
    
    #intro1.ver3 dl {padding-left:0}
    #intro1.ver3 .img img {width:85%; }
}
@media all and (max-width:1280px){
    #intro1 .s-inner.p-Part {padding:130px 0}
    #intro1.ver2 .s-inner.p-Part {padding:50px 0 130px}
    #intro1.ver2 dl {width:55%}
    #intro1.ver2 .img {width:45%;}
    #intro1.ver2 .img img {width:80%;}
    #intro1.ver2 dl dd {width:80%}
    #intro1 dl dt.sm {font-size: 3.6rem;}
    
}
@media all and (max-width:1024px){
    #intro1 dl dt {margin-bottom:30px; font-size: 5.0rem;}
    #intro1.ver2 dl dd br {display:none}
}
@media all and (max-width:940px){
    #intro1 dl, 
    #intro1 .img,
    #intro1.ver2 dl,
    #intro1.ver2 .img {width:100%;}
    
    #intro1 dl {margin-bottom:50px}
    #intro1 dl dt br {display:none}
    #intro1 .img  {text-align:center; }
    #intro1 .img  img {max-width:100% }
    
    #intro1.ver2 dl {order:1; text-align:center}
    #intro1.ver2 dl dd {width:100%}
    #intro1.ver2 dl dd br {display:block}
    #intro1.ver2 .img {order:2; width:80%; max-width:435px; margin:0 auto} 
    #intro1.ver2 .img img {width:100%}
    
    #intro1.ver3 .img img {width:100%; }
    #intro1.ver3 .img_sl {width: 100%; order: 2; margin-bottom: 50px;}
}

@media all and (max-width:680px){
    
    #intro1 .s-inner:before { width:30%;}
    #intro1 .s-inner.p-Part {padding:80px 0}
    #intro1 dl dt {font-size: 4.0rem;}
    #intro1 dl dt br {display:block}
    #intro1 dl dd br {display:none}
    
    #intro1 .img:before { width:100px; height:101px; right:-20px; top:-20px}
    #intro1.ver2 .img:before {left:-20px; right: unset}
    
    #intro1.ver2 .s-inner.p-Part {padding:50px 0 80px}
    #intro1.ver2 dl dd br {display:none}
}
@media all and (max-width:480px){
    #intro1 dl dd {font-size:1.7rem;}
}




#intro1-2 {width:100%; height:750px; background:url('/images/sub/intro1-2-bg.png') no-repeat center center;
    background-size:cover; display:flex; justify-content:center; align-items: center; }
    #intro1-2 .s-inner {text-align:center; color:#FFF}
    #intro1-2 .eng {letter-spacing:0.2em; font-size:1.4rem;	font-family:'Montserrat';font-weight:600}
    #intro1-2 h3 {padding-top:1em; font-size: 7.0rem; font-weight:700}
    #intro1-2 h3 br {display:none}
#intro1-2 dl dt {margin:2em 0 1em; font-size: 2.6rem; font-weight:600;line-height: 1.4em;}
#intro1-2 dl dd {font-size:1.7rem; line-height:1.8em}


@media all and (max-width:1280px){
    #intro1-2 { height:600px;}
	#intro1-2 h3 {padding-top:1.5em; font-size: 6.0rem}
}
@media all and (max-width:1024px){
    #intro1-2 { height:auto; padding:10% 0}
	#intro1-2 h3 {padding-top:1.0em}
	#intro1-2 h3 br {display:block}
	#intro1-2 dl dt {margin:1.5em 0 0.7em; font-size: 2.4rem;}
}
@media all and (max-width:600px){
	#intro1-2 dl dd br {display:none}
}
@media all and (max-width:480px){
	#intro1-2 {padding:15% 0}
	#intro1-2 .eng { display:none}
	#intro1-2 h3 {padding-top:0; font-size: 4.0rem}
	#intro1-2 dl dt {font-size: 1.8rem;}
	#intro1-2 dl dd {font-size:1.5rem; line-height:1.4em}
}





#intro5 {width:100%;  position:relative;}
#intro5 .root_daum_roughmap .wrap_map { height:750px; }

#intro5-cont {width:520px; border-radius:0 80px 0 80px; padding:50px; position:absolute; right:20%; top:50%; transform:translate(50%, -50%); z-index:30;
background:#FFF;text-align:center; box-shadow:0 0 30px rgba(85,85,85,0.1)}
#intro5-cont h3 {font-size:4.0rem; color:#333}
#intro5-cont h4 {margin:0.7em 0 0.5em; font-size:2.2rem; font-weight:500; color:#333}
#intro5-cont .t1 {font-size:1.7rem; }

#intro5-cont dl {border-top:1px solid #f3f3f3; text-align:left; margin-top:30px; padding-top:30px}
#intro5-cont dl dt {font-size:1.9rem; font-weight:600; margin-bottom:0.7em;}
#intro5-cont dl dd {font-size:1.6rem; }
#intro5-cont ul li {font-size:1.6rem; margin-bottom:0.5em; display:flex; }
#intro5-cont ul li .t2 {padding-right:1em; color:#333; font-weight:500}
#intro5-cont ul li .t3 {}
#intro5-cont ul li .t3 span {margin:3px 5px; display:inline-block}


@media all and (max-width:1599px){
    #intro5-cont { transform:translate(40%, -50%);}	
    #intro5-cont dl {margin-top:20px; padding-top:20px}
}
@media all and (max-width:1280px){
	#intro5 .root_daum_roughmap .wrap_map { height:650px; }
	#intro5-cont {width:480px; border-radius:0 50px 0 50px; padding:50px 40px; } 
}
@media all and (max-width:1024px){
	#intro5 {width:100%;}
	#intro5 .root_daum_roughmap .wrap_map { height:500px; }
	#intro5-cont {width:100%; border-radius:0; padding:8% 3%; position:unset;  transform:translate(0, 0); box-shadow:0 0 30px rgba(85,85,85,0)}
	#intro5-cont h4 br {display:none}
	#intro5-cont dl { margin-top:20px; padding-top:20px}
}

/* #intro5 {padding:0 5%; width:80%;  position:relative;}
#intro5 .root_daum_roughmap .wrap_map { height:750px; }

#intro5-cont {width:520px; border-radius:0 80px 0 80px; padding:50px; position:absolute; right:0; top:50%; transform:translate(50%, -50%); z-index:30;
				background:#FFF;text-align:center; box-shadow:0 0 30px rgba(85,85,85,0.1)}
#intro5-cont h3 {font-size:4.0rem; color:#333}
#intro5-cont h4 {margin:0.7em 0 0.5em; font-size:2.2rem; font-weight:500; color:#333}
#intro5-cont .t1 {font-size:1.7rem; }

#intro5-cont dl {border-top:1px solid #f3f3f3; text-align:left; margin-top:30px; padding-top:30px}
#intro5-cont dl dt {font-size:1.9rem; font-weight:600; margin-bottom:0.7em}
#intro5-cont dl dd {font-size:1.6rem; }
#intro5-cont ul li {font-size:1.6rem; margin-bottom:0.5em; display:flex; }
#intro5-cont ul li .t2 {padding-right:1em; color:#333; font-weight:500}
#intro5-cont ul li .t3 {}
#intro5-cont ul li .t3 span {margin:3px 5px; display:inline-block}


@media all and (max-width:1599px){
	#intro5-cont { transform:translate(40%, -50%);}	
}
@media all and (max-width:1280px){
	#intro5 .root_daum_roughmap .wrap_map { height:650px; }
	#intro5-cont {width:480px; border-radius:0 50px 0 50px; padding:50px 40px; } 
}
@media all and (max-width:1024px){
	#intro5 {width:100%;}
	#intro5 .root_daum_roughmap .wrap_map { height:500px; }
	#intro5-cont {width:100%; border-radius:0; padding:8%; position:unset;  transform:translate(0, 0);}
	#intro5-cont h4 br {display:none}
	#intro5-cont dl { margin-top:20px; padding-top:20px}
} */





#intro6Wrap {padding-top:7%; background:url('/images/sub/intro6-bg.png')no-repeat left bottom; background-size:cover;
				display:flex; flex-wrap:wrap; align-items: center;}
#intro6Title {margin-top:-7%; width:calc(100% - 670px); text-align:center; color:#FFF}
#intro6Title img {width:100px;}
#intro6Title .eng { opacity:.3; letter-spacing:0.2em; font-size:1.4rem; font-family:'Montserrat';font-weight:600}
#intro6Title h3 {padding:50px 0 30px; font-size:6.0rem;  font-weight:200; line-height:1.2em}

#intro6 {padding:60px; padding-right:0; width:670px; display:flex; flex-wrap:wrap; margin-left: auto; background:#FFF; border-radius:80px 0 0 0}
#intro6 h3 {margin-bottom:1em; width:100%; font-size:5.0rem; font-weight:300; color:#333}
#intro6 h4 {width:150px; font-size:2.0rem; font-weight:700; color:#333; vertical-align:top }
#intro6 h4 i {font-size:1.5rem; background:#60bfd6; width:30px; line-height:30px; border-radius:60px; color:#FFF; text-align:center}
#intro6 .cont {margin-bottom:50px; width:460px; font-size:2.0rem}
#intro6 dl {display:flex; flex-wrap:wrap;}
#intro6 dl dt {width:120px; margin-bottom:0.3em;}
#intro6 dl dt span{background: red; color: #fff; padding: 3px 10px; border-radius: 100px; font-weight: bold;}
#intro6 dl dd {width:calc(100% - 120px); font-family:'Roboto', 'Pretendard'; font-weight:400;  margin-bottom:0.3em;}
#intro6 .cont .tel {padding-bottom:0.3em; font-size:3.6rem; font-family:'Roboto'; font-weight:600}
#intro6 .cont  .btn {display:inline-block; padding:0.7em 1em; font-size:1.7rem; font-weight:500; color:#FFF}
#intro6 .cont  .btn i {padding-left:1.2em; font-size:1.5rem}
#intro6 .cont  .btn.bg1 {background:#f9e000; color:#5d5d5d}
#intro6 .cont  .btn.bg2 {background:#327fc0}
#intro6 .cont  .btn.bg3 {background:#00c73c}
#intro6 .cont .t1 {padding-top:0.5em; font-size:1.8rem;}
#intro6 .cont .t2 {display:inline-block; padding-right:1em; line-height:1.8em}

@media all and (max-width:1799px){
	#intro6Wrap {width:95%; }
}
@media all and (max-width:1599px){
	#intro6Title {margin-top:-7%; width:calc(100% - 590px);}
	#intro6Title h3 {padding:30px 0 20px; font-size:5.0rem}
	#intro6Title img {width:80px;}
	#intro6Title .eng { font-size:1.3rem;}

	#intro6 {padding:50px; padding-right:0; width:590px; }
	#intro6 h3 { font-size:4.0rem;}
	#intro6 .cont {margin-bottom:30px; width:390px; font-size:1.8rem}
	#intro6 dl dt {width:90px; margin-bottom:0.5em;}
	#intro6 dl dd {width:calc(100% - 90px); }
	#intro6 .cont  .btn {font-size:1.6rem; }
	#intro6 .cont  .btn i {padding-left:1.0em; font-size:1.4rem}
}
@media all and (max-width:1280px){
	#intro6Title { width:calc(100% - 570px);}
	#intro6 {padding:40px; padding-right:0; width:570px; }
	#intro6 h4 {width:130px}
	#intro6 .cont {width:380px;}
}
@media all and (max-width:1110px){
	#intro6Wrap {width:100%; padding-top:0; background:none }
	#intro6Title { padding:80px 0; width:100%; margin:0 auto;
					background:url('/images/sub/intro6title-bg.png')no-repeat center center}
	#intro6 {width:100%;  border-radius:0; padding:0; padding-top:50px}
	#intro6 h4 {width:150px}
	#intro6 .cont {width:calc(100% - 150px);}
}
@media all and (max-width:640px){
	#intro6 h4 {width:110px; font-size:2.0rem; font-weight:700; color:#333}
	#intro6 h4 i {font-size:1.3rem; width:20px; line-height:20px;}
	#intro6 .cont {width:calc(100% - 110px); border-radius:0}
	#intro6 dl dt {width:80px; }
	#intro6 dl dd {width:calc(100% - 80px); }
}
@media all and (max-width:580px){
	#intro6Title h3 { font-size:4.0rem;}
	#intro6 h3 { display:none}
	#intro6 h4 {width:100%; margin-bottom:0.5em; font-size:2.6rem}
	#intro6 h4 i { width:26px; line-height:26px;}
	#intro6 .cont {width:100%}
}
@media all and (max-width:480px){
	#intro6Wrap { background-position:-33vw -64vw; }
	#intro6Title img {width:15vw;}
	#intro6Title h3 {padding:5vw 0 3vw;}

	#intro6 {padding-top:20px;  }
	#intro6 .cont {margin-bottom:30px; width:390px; font-size:1.6rem}
	#intro6 dl dt {width:14vw; }
	#intro6 dl dd {width:calc(100% - 14vw); }
	#intro6 .cont  .btn {font-size:1.4rem; }
}



.int6_new{width: 100%; display: flex; gap: 20px; margin-bottom: 50px;}
.int6_new > div{width: calc(100%/2 - 10px); border: 2px solid #60bfd670; padding: 50px; display: flex; flex-wrap: wrap; justify-content: center;}
.int6_new > div .top{width: 100%; text-align: center; margin: 20px 0; position: relative;}
.int6_new > div .top i{background: #60bfd6; padding: 20px; font-size: 3rem; border-radius: 100px; position: absolute; left: 50%; top: -105px; transform: translateX(-50%); color: #fff;}
.int6_new h3{font-size: 4rem; background: linear-gradient(90deg, #2ad7f5, #009efd); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: inline-block;}
.int6_new dl {display:flex; flex-wrap:wrap; text-align: left; max-width: 380px;font-size: 1.8rem;}
.int6_new dl dt {width:120px; margin-bottom:0.5em; font-weight: bold; color: #000; }
.int6_new dl dt span{background: red; color: #fff; padding: 3px 10px; border-radius: 100px; font-weight: bold;}
.int6_new dl dd {width:calc(100% - 120px); font-family:'Roboto', 'Pretendard'; font-weight:400;  margin-bottom:0.3em;}
.int6_new dl dd .more{background: #60bfd6; padding: 2px 5px; color: #fff;  font-weight: bold; font-size: 1.4rem; margin-left: 5px; display: inline-block;}
.int6_new .r_box .cont {width: 100%; text-align: center;}
.int6_new .tel {padding-bottom:0.3em; font-size:3.6rem; font-family:'Roboto'; font-weight:600}
.int6_new  .btn {display:inline-block; padding:0.7em 1em; font-size:1.7rem; font-weight:500; color:#FFF}
.int6_new  .btn i {padding-left:1.2em; font-size:1.5rem}
.int6_new  .btn.bg1 {background:#f9e000; color:#5d5d5d}
.int6_new  .btn.bg2 {background:#327fc0}
.int6_new  .btn.bg3 {background:#00c73c}
.int6_new .t1 {padding-top:0.5em; font-size:1.8rem;}
.int6_new .t2 {display:inline-block; padding-right:1em; line-height:1.8em}
.int6_new h4 {font-size:2.0rem; font-weight:700; color:#fff; vertical-align:top; margin: 30px 0 10px; background: #60bfd6; padding: 5px 20px; border-radius: 100px;}


@media all and (max-width:1280px){
    .int6_new > div{padding: 50px 30px 40px;}
    .int6_new .btn {font-size:1.6rem; }
    .int6_new .btn i {padding-left:1.0em; font-size:1.4rem}
}
@media all and (max-width:1080px){
    .int6_new{flex-wrap: wrap; gap: 60px;}
    .int6_new > div{width: 100%;padding: 40px 30px;}
    .int6_new > div .top i{top: -95px;}
    .int6_new h3{font-size: 3.5rem;}
}
@media all and (max-width:767px){
    .int6_new{gap: 40px;}
    .int6_new dl {max-width: 330px;font-size: 1.6rem;}
    .int6_new > div .top i{padding: 15px; font-size: 2.5rem; top: -85px;}
}
@media all and (max-width:480px){
    .int6_new dl {max-width: 100%;}
    .int6_new dl dt {width:100px;}
    .int6_new dl dd {width:calc(100% - 100px);}
    .int6_new dl dd .more{padding: 2px 3px; font-size: 1.2rem; margin-left: 3px;}
    .int6_new .btn {width: 100%;}
    .int6_new .btn + .btn{margin-top: 5px;}
}



section.bg {background:#60bfd620}


#sTitle {width:90%; margin:0 auto; text-align:center; margin-bottom:50px}
#sTitle h3 {font-size:5.0rem; font-weight:300; color:#333}
#sTitle .t1 {padding-top:1em}
#sTitle .t1-1 {font-size: 1.8rem;}
br.mo{display: none;}

@media all and (max-width:1024px){
    #sTitle {margin-bottom:30px}
}
@media all and (max-width:640px){
    #sTitle {margin-bottom:20px}
	#sTitle h3 {font-size:4.2rem;}
}
@media all and (max-width:480px){
    #sTitle h3 {font-size:3.5rem;}
    #sTitle .t1-1 {font-size: 1.6rem;}
    br.mo{display: block;}
}




#clinicTop {height:680px; background-position:left top; background-size:auto 100%; background-repeat:no-repeat;
				display:flex; justify-content: flex-end;align-items: end; }
#clinicTop .contWrap {width:50%;}
#clinicTop .contWrap .eng {font-size:6.0rem; font-family:'Montserrat'; font-weight:900; color:#60bfd650; line-height:1.2em; padding-bottom:20px; letter-spacing:0.05em; text-align:right}
#clinicTop .contWrap .eng .v1 {display:block; font-size:1.6em}
#clinicTop .contWrap .in-box {background:#272f35; padding:13%; color:#FFF}
#clinicTop .contWrap dl {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #293844}
#clinicTop .contWrap dl dt {font-size:6.0rem; font-weight:900; }
#clinicTop .contWrap dl dd {margin-bottom:1em; font-size:2.0rem; font-weight:500;}
#clinicTop .contWrap .t1 {font-size:1.7rem; line-height:1.6em; }

#clinicTop.clinic1 {background-image:url('/images/sub/clinctop-clinic1.png')} 
#clinicTop.clinic2 {background-image:url('/images/sub/clinctop-clinic2.png')} 
#clinicTop.clinic3 {background-image:url('/images/sub/clinctop-clinic3.png')} 
#clinicTop.clinic4 {background-image:url('/images/sub/clinctop-clinic4.png')} 
#clinicTop.clinic5 {background-image:url('/images/sub/clinctop-clinic5.png')} 
#clinicTop.clinic8 {background-image:url('/images/sub/clinctop-clinic8.png')} 
#clinicTop.spa1 {background-image:url('/images/sub/clinctop-spa1.png')} 
#clinicTop.spa2 {background-image:url('/images/sub/clinctop-spa2.png')} 
#clinicTop.spa3 {background-image:url('/images/sub/clinctop-spa3.png')} 
#clinicTop.spa4 {background-image:url('/images/sub/clinctop-spa4.png')} 

@media all and (max-width:1399px){
	#clinicTop {height:630px;  background-size:80% auto;}
	#clinicTop .contWrap .eng {font-size:5.0rem; }
	#clinicTop .contWrap .in-box {padding:10%; }
	#clinicTop .contWrap dl {margin-bottom:20px; padding-bottom:20px }
}
@media all and (max-width:1280px){
	#clinicTop .contWrap dl dt {font-size:5.2rem;  }
}
@media all and (max-width:1024px){
		#clinicTop {height:630px;  background-size:90% auto;}
		#clinicTop .contWrap {width:70%;}
		#clinicTop .contWrap .in-box {padding:7%; }
}
@media all and (max-width:976px){
		#clinicTop {height:auto;  background-size:100% auto;}
		#clinicTop .contWrap {margin-top:55vw; width:100%;}
		#clinicTop .contWrap .eng { display:none}
		#clinicTop .contWrap .in-box {padding:7%; }
}





#numList {display:flex; flex-wrap:wrap; justify-content:space-between; }
#numList li {padding:25px; width:49%; margin:0.5%; background:#FFF; border-radius:60px; counter-increment: number;
				position:relative;  display:flex;  align-items: center;}
#numList li:before {content: counter(number, decimal-leading-zero); font-size:3.0rem; font-weight:900; font-family:'Roboto';
						position:absolute; left:25px; top:50%; transform:translateY(-50%); color:#60bfd6}
#numList li p {padding-left:50px ;font-size:1.9rem; line-height:1.4em}

#numList.bg1 li {background:#60bfd620;}

@media all and (max-width:1599px){
	#numList {width:82%; margin:0 auto}
}
@media all and (max-width:1024px){
	#numList li {padding:20px; }
	#numList li:before { font-size:2.6rem; left:20px;}
	#numList li p {padding-left:40px }
}
@media all and (max-width:976px){
	#numList li { width:100%; margin:0.5% 0; }
}
@media all and (max-width:480px){
	#numList li {padding:4vw}
	#numList li p {padding-left:13vw }
	#numList li p {font-size:1.7rem}
}






#caseList {width:90%; max-width:1280px; margin:0 auto; }
#caseList > li {margin-bottom:80px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items: end;
			position:relative; counter-increment: number; }
#caseList > li:last-child {margin-bottom:0 }
#caseList > li img {width:45%}
#caseList > li dl {width:55%; padding:2% 5%; position:relative;}
#caseList > li dl:before {content:'case ' counter(number, decimal-leading-zero); font-size:10.0rem; color:#60bfd620;
						position:absolute; right:0; top:-5%;  font-family: "Lobster"; z-index:-1}
#caseList > li dl dt {font-size:3.0rem; font-weight:700; color:#333}
#caseList > li dl dd {margin-top:1em; font-size:1.7rem; line-height:1.6em;}

#caseList > li dl .in-box {padding-top:30px}
#caseList > li dl h4 { display:inline-block; background:#5593d1; border-radius:60px; padding:0.5em 1.5em;
					font-size:1.8rem; font-weight:700; color:#FFF}
#caseList > li dl .t1 {padding-top:0.7em;font-size:1.7rem; line-height:1.6em;}

#caseList > li:nth-child(even) dl::before {right:unset; left:0}
#caseList > li:nth-child(even) img {order:2}
#caseList > li:nth-child(even) dl {order:1; text-align:right}

#caseList.clinic5 > li > dl:before {content:'step '  counter(number, decimal-leading-zero);}
#caseList.sys1 > li > dl:before {content:'device '  counter(number, decimal-leading-zero);}
#caseList.good3 > li > dl:before {content:'point '  counter(number, decimal-leading-zero);}


@media all and (max-width:1499px){
	#caseList { padding-right:3% }
}
@media all and (max-width:1280px){
	#caseList { padding-right:7% }
	#caseList > li dl:before { font-size:8.0rem}
	#caseList > li dl {width:55%; padding:2% 5% 0}
}
@media all and (max-width:976px){
	#caseList { padding-right:0}
	#caseList > li {margin-bottom:10%; }
	#caseList > li img {width:100%}
	#caseList > li dl {width:100%; padding:0; padding-top:5%}

	#caseList > li:nth-child(even) dl::before {left:unset; right:0}
	#caseList > li:nth-child(even) img {order:1}
	#caseList > li:nth-child(even) dl {order:2; text-align:left}
}








#boxWrap {width:80%; background:#60bfd610; padding:5% 6%; margin:0 auto; max-width:fit-content}

#checkList li {padding-bottom:1em; margin-bottom:1em; position:relative; border-bottom:1px dashed #60bfd660}
#checkList li:last-child { margin-bottom:0; }
#checkList li:before {content:''; width:24px; height:23px; background:url('/images/sub/check-icon.png') no-repeat left center;
						position:absolute; left:0; top:2px}
#checkList li p {padding-left:35px; font-size:1.8rem; line-height:1.5em }







#clinic1-3 {background:url('/images/sub/clinic1-3-bg.png') no-repeat center center; 
			background-size:cover; text-align:center}
#clinic1-3 .circlecont {display:flex; justify-content:center; align-items: center;}
#clinic1-3 .circlecont li {margin:0 -10px; width:340px; line-height:90px; border-radius:60px; background:rgba(0,0,0,0.3); text-align:center }
#clinic1-3 .circlecont li p {font-size:2.6rem; font-weight:700; color:#FFF}
#clinic1-3 dl {width:90%; margin:0 auto; margin-top:3em; }
#clinic1-3 dl dd {font-sizE:1.7rem; color:#FFF; line-height:1.6em; }
#clinic1-3 dl dt {font-size:2.3rem; color:#FFF; line-height:1.6em; font-weight: bold;}

#clinic1-3 .circlecont li.bg1 {background:rgba(69,227,210,0.7)}
#clinic1-3 .circlecont li.bg2 {background:rgba(83,193,250,0.8)}
#clinic1-3 .circlecont li.bg3 {background:rgba(83,150,250,0.8)}

#clinic1-3 #sTitle .br890 {display:none}

@media all and (max-width:1280px){
	#clinic1-3 .circlecont li { width:auto; line-height:1.8em; padding:2.4em; }
}
@media all and (max-width:1280px){
	#clinic1-3 .circlecont li { padding:2.0em; }
}
@media all and (max-width:890px){
	#clinic1-3 #sTitle .br890 {display:block}
}
@media all and (max-width:768px){
	#clinic1-3 .circlecont li p {font-size:2.2rem;}
	#clinic1-3 dl { margin-top:20px; }
}
@media all and (max-width:480px){
	#clinic1-3 .circlecont li { padding:1.0em; }
	#clinic1-3 .circlecont li p {font-size:2.0rem;}
	#clinic1-3 dl dd {font-sizE:1.6rem;}
}


.step{display: flex; gap:20px;}
.step li{flex: 100%; background-color: #fff;}
.step.bg1 li{background-color: #60bfd615;}
.step.w4{flex-wrap: wrap;}
.step.w4 li{flex:calc(19% - 20px / 2);}
.step.w3{flex-wrap: wrap;}
.step.w3 li{flex:calc(25% - 20px / 2);}
.step li .img{position:relative;}
.step li .img .num {position:absolute;  padding:0 1.5em; line-height:40px;  font-size:1.4rem; color:#FFF; background:#60bfd6; left:50%; bottom:-20px;  transform:translateX(-50%); border-radius:5px; font-family: 'Montserrat', sans-serif; font-weight:600}
.step li .img img{width: 100%;}
.step li .txt{ padding:50px 2em 2em; ; text-align: center;}
.step li .txt h3{color: #000; font-size: 2.4rem; margin-bottom: 15px;}
.step li .txt p{font-size: 1.6rem; line-height: 1.6em; word-break: keep-all; color: #666;}

@media all and (max-width:1680px){
    .step.w4 li{flex:calc(33% - 20px / 2);}
}
@media all and (max-width:1280px){
	.step{flex-wrap: wrap;}
	.step li{flex:calc(33% - 20px / 2);}
	.step.w3 li{flex:calc(33% - 20px / 2);}
	.step li .txt{padding: 40px 15px 20px;}
	.step li .txt h3{font-size: 2.1rem; margin-bottom: 10px;}
}
@media all and (max-width:976px){
    .step{flex-wrap: wrap;}
	.step li{flex:calc(50% - 20px / 2);}
	.step.w4 li{flex:calc(50% - 20px / 2);}
    .step.w3 li{flex:calc(50% - 20px / 2);}
	.step li .txt{padding: 40px 15px 20px;}
	.step li .txt h3{font-size: 2.1rem; margin-bottom: 10px;}
}
@media all and (max-width:640px){
    .step li .txt{padding: 30px 10px 10px;}
	.step{gap:10px;}
    .step li .txt h3{font-size: 1.8rem;}
}
@media all and (max-width:480px){
    .step li .img .num { line-height:30px; }
	.step li .txt{ padding:35px 1em 0.5em; }
    .step li{flex: 100%;}
    .step li .txt h3{font-size: 1.7rem;}
}




#circleImgList {width:80%; max-width:1600px; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap}
#circleImgList.w5 li {width:18%; margin:1% 0.5%; text-align:center}
#circleImgList.w4 li {width:23%; margin:1%; text-align:center}
#circleImgList.w3 li {width:25%; margin:1%; text-align:center}
#circleImgList .img {width:85%; max-width:270px;  border-radius:100%; overflow:hidden; margin:0 auto;}
#circleImgList .img img {width:100%}
#circleImgList dl {margin-top:2em;}
#circleImgList dl dt {font-size:2.6rem; color:#333; font-weight:700 }
#circleImgList dl dd {margin-top:0.7em;  font-size:1.7rem; line-height:1.4em  }

@media all and (max-width:1280px){
    #circleImgList.w5 li {width:30%; margin:2% 1%;}
}
@media all and (max-width:1024px){
    #circleImgList.w5 li {width:48%; margin:2% 1%;}
	#circleImgList.w4 li {width:48%; margin:2% 1%}
	#circleImgList.w3 li {width:48%; margin:2% 1%}
}
@media all and (max-width:480px){
    #circleImgList dl dt {font-size:2rem}
	#circleImgList dl dd { font-size:1.6rem;}
    #circleImgList.w5 li {margin:5% 1%;}
    #circleImgList.w3 li {width:100%;}
    #circleImgList.w3 li +li {margin-top: 50px;}
}















#mem {padding:50px; border:10px solid rgba(85,184,209,0.1)}
#mem .in-Box {font-size:1.9rem; color:#333; text-align:center; line-height:1.4em;
					padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed rgba(85,184,209,0.5)}
#mem .t1 {font-sizE:1.7rem; margin-bottom:1em}
#mem  h4 {font-size:2.0rem; color:#333; margin-bottom:1em; }
#mem ul {padding-top:20px}
#mem ul li {font-size:1.7rem; line-height:1.6em }
#mem ul li + li {margin-top:0.5em}
#mem ul li span {padding-left:2em}
#mem dl {padding-top:50px; }
#mem dl dt {font-size:2.4rem; color:#333; font-weight:700 }
#mem dl dd {margin-top:0.7em;  font-size:1.7rem;  }

@media all and (max-width:768px){
	#mem {padding:30px; border-width:6px}
	#mem ul {padding-top:10px}
	#mem dl {padding-top:30px; }
}






#clinic4-1 {max-width:1024px; margin:0 auto; text-align:center}
#clinic4-1 .img {height:263px; width:1024px; margin:0 auto; background:url('/images/sub/clinic4-1-bg.png') no-repeat center center;
					background-size:100% auto; display:flex; align-items: center; }
#clinic4-1 .img li { width:25%}
#clinic4-1 .img li p {margin-top:20px; font-size:3.0rem; font-weight:700; color:#333}
#clinic4-1 dt {margin-top:2em; font-size:2.4rem; font-weight:700; line-height:1.6em; color:#333}
#clinic4-1 dd {padding-top:1em; font-size:1.7rem; line-height:1.6em}

@media all and (max-width:1280px){
	#clinic4-1 .img {height:215px; width:90%}
	#clinic4-1 dt {margin-top:1.5em;}
}
@media all and (max-width:1024px){
	#clinic4-1 {width:90%}
	#clinic4-1 .img {height:21vw}
	#clinic4-1 .img img {width:50px}
	#clinic4-1 .img li p {margin-top:10px;}
	#clinic4-1 dd br {display:none}
}
@media all and (max-width:768px){
	#clinic4-1 .img {height:24vw; width:100%}
	#clinic4-1 .img img {width:40px}
	#clinic4-1 .img li p { font-size:2.6rem; }
	#clinic4-1 dt {margin-top:1em; font-size:2.2rem;}
	#clinic4-1 dt br {display:none}
}
@media all and (max-width:480px){
	#clinic4-1 .img img {width:5vw}
	#clinic4-1 .img li p { font-size:2.2rem; }
	#clinic4-1 dt {margin-top:1em; font-size:2.0rem; line-height:1.4em}
	#clinic4-1 dd {font-size:1.6rem; line-height:1.4em}
}


#halfImgWrap {width:86%; max-width:1600px; margin:0 auto; display:flex; flex-wrap:wrap;}
#halfImgWrap li {width:48%; margin:1%; display:flex; background:#FFF; align-items: center; position:relative; counter-increment: number;}
#halfImgWrap.iv li {background: #60bfd640; flex-wrap: wrap;}
#halfImgWrap li:before {content:'step ' counter(number, decimal-leading-zero); font-size:10.0rem; color:#60bfd610; position:absolute; right:3%; top:3%;  font-family: "Lobster"; }
#halfImgWrap.iv li::before {color: #fff;content:'case ' counter(number, decimal-leading-zero);}
#halfImgWrap li .img {width:180px}
#halfImgWrap.iv li .img {width:100%; order: 2;}
#halfImgWrap li .img img {width:100%}
#halfImgWrap li .txt {width:calc(100% - 180px); padding:5% 7%; position:relative;}
#caseList li dl dt {font-size:3.0rem; font-weight:700; color:#333}
#halfImgWrap li h3 {font-size:3.0rem; font-weight:700; color:#333}
#halfImgWrap li .t1 {font-size:1.7rem; line-height:1.6em; margin-top:0.5em}
#halfImgWrap li dl {margin-top:1.5em; display:flex; align-items: center;}
#halfImgWrap li dl dt { display:inline-block; background:#60bfd6; border-radius:60px; padding:0.5em 1.5em;
					font-size:1.8rem; font-weight:700; color:#FFF}
#halfImgWrap li dl dd {padding-left:1em; font-size:1.7rem; line-height:1.6em;}

@media all and (max-width:1280px){
	#halfImgWrap li:before { font-size:8.0rem; }
	#halfImgWrap li .img {width:150px}
	#halfImgWrap li .txt {width:calc(100% - 150px);}
	#halfImgWrap li dl {flex-wrap:wrap}
	#halfImgWrap li dl dd {width:100%; padding-left:0; margin-top:0.5em}
}
@media all and (max-width:1024px){
	#halfImgWrap li {flex-wrap:wrap}
	#halfImgWrap li:before {top:unset; bottom:3%}
	#halfImgWrap li .img {width:50%; margin:0 auto}
	#halfImgWrap li .txt {width:100% }
}
@media all and (max-width:976px){
	#halfImgWrap {width:90%;}
}
@media all and (max-width:580px){
	#halfImgWrap li {width:100%; margin:1% 0}
}





#clinic5-1 dt {margin-top:2em; font-size:3.0rem; font-weight:700; line-height:1.6em; color:#333}
#clinic5-1 dd {padding-top:1em; font-size:1.7rem; line-height:1.6em}

@media all and (max-width:978px){
	#clinic5-1 dd br {display:none}
}





#imgList {width:85%; max-width:1480px; margin:0 auto; display:flex; flex-wrap:wrap; }
#imgList.w4 li {width:calc(25% - 40px); margin:20px; text-align:center} 
#imgList.bg li {background:#ebf7f3}
#imgList li dl {margin-top:-25px; position:relative}
#imgList li dl dt {background:#60bfd6; font-size:2.6rem; font-weight:700; color:#FFF; display:inline-block; border-radius:60px;
					padding:0.3em 1.0em}
#imgList li .img img {width:100%}




#clinic5-3 {display:flex; flex-wrap: wrap;}
#clinic5-3 ul {width:31%; margin:1%; background:#FFF; }
#clinic5-3 ul .img img {width:100%}
#clinic5-3 ul dl {padding:5%; text-align:center}
#clinic5-3 ul dl dt {font-size:2.5rem; font-weight:700; color:#333}
#clinic5-3 ul dl dd {margin-top:1em; font-size:1.6rem; line-height:1.6em;}
#clinic5-3.w2 ul {width:100%; margin:1% 0;  display:flex;  align-items: center}
#clinic5-3.w2 ul .img {width:40%}
#clinic5-3.w2 ul dl {padding:0 5%; width:60%; text-align:left}
#clinic5-3.w4 ul {width: calc(23%);}

@media all and (max-width:1024px){
    #clinic5-3 { flex-wrap:wrap; }
	#clinic5-3 ul {width:100%; margin:1% 0;  display:flex;  align-items: center}
    #clinic5-3.w2 ul {width:100%;}
    #clinic5-3.w4 ul{width: 100%;}
	#clinic5-3 ul .img {width:40%}
	#clinic5-3 ul dl {padding:0 5%; width:60%; text-align:left}
}
@media all and (max-width:640px){
    #clinic5-3 ul {flex-wrap:wrap}
	#clinic5-3 ul .img {width:100%}
	#clinic5-3 ul dl {padding:7%; width:100%; text-align:center}
    #clinic5-3.w2 ul {flex-wrap: wrap;}
	#clinic5-3.w2 ul .img {width:100%}
	#clinic5-3.w2 ul dl {padding:7%; width:100%; text-align:center}
}







#implantTop h3 {padding-bottom:2em; font-size:5.0rem; color:#333; font-weight:300; line-height:1.3em; text-align:center}
#implantTop #imgWrap {text-align:center; position:relative}
#implantTop #imgWrap:after {content:'implant'; font-size:10.0rem; font-family:'Montserrat'; font-weight:900; color:#60bfd6; opacity:.1; line-height:0.8em; position:absolute; right:-10px; bottom:-0.3em;text-align:right; text-transform: uppercase;z-index: 999;}
#implantTop #imgWrap:before {font-size:10.0rem; font-family:'Montserrat'; font-weight:900;  color:#60bfd6; opacity:.1; line-height:0.8em; position:absolute; left:-10px; top:-0.5em; text-align:right; text-transform: uppercase;content:'Smart';}
#implantTop #imgWrap.implant1:after {content:'value'; }
#implantTop #imgWrap.implant2:before {content:'NAVIGATION'; }
#implantTop #imgWrap.implant2-1:before {content:'Insurance'; }
#implantTop #imgWrap.implant3:before {content:'oneday'; }
#implantTop #imgWrap.implant4:before {content:'SLEEPING'; }
#implantTop #imgWrap.implant6:before {content:'BONE GRAFT'; z-index: 999;}
#implantTop #imgWrap.implant7:before {content:'SINUS LIFT';}
#implantTop #imgWrap.implant8:before {content:'FULL MOUTH'; }
#implantTop #imgWrap.implant9:before {content:'OVERDENTURE'; }
#implantTop #imgWrap.implant10:before {content:'INSURANCE'; }

#implantTop #imgWrap.incisor1:before {content:'INCISOR'; }
#implantTop #imgWrap.incisor1:after {content:'IS FACE'; }
#implantTop #imgWrap.incisor3:before {content:'braces for';}
#implantTop #imgWrap.incisor3:after {content:'front teeth'; }
#implantTop #imgWrap.incisor4:before {content:'Tooth';}
#implantTop #imgWrap.incisor4:after {content:'whitening'; }
#implantTop #imgWrap.incisor5:before {content:'Tooth';}
#implantTop #imgWrap.incisor5:after {content:'whitening'; }
#implantTop #imgWrap.incisor6:before {content:'composite ';}
#implantTop #imgWrap.incisor6:after {content:'resins'; }

#implantTop #imgWrap.system1:before {content:'Conscious ';}
#implantTop #imgWrap.system1:after {content:'Sedation'; }
#implantTop #imgWrap.system3:before {content:'oneday ';}
#implantTop #imgWrap.system3:after {content:'cerec'; }
#implantTop #imgWrap.system4:before {content:'micro';}
#implantTop #imgWrap.system4:after {content:' dentistry'; }
#implantTop #imgWrap.system5:before {content:'Digital Dental';}
#implantTop #imgWrap.system5:after {content:' Laboratory'; }

#implantTop #imgWrap.spa1:before {content:'smart';}
#implantTop #imgWrap.spa1:after {content:'oral spa'; }

#implantTop #imgWrap.smile2:before {content:'smart'; }
#implantTop #imgWrap.smile2:after {content:'laminate'; }
#implantTop #imgWrap.smile3:before {content:'smart'; }
#implantTop #imgWrap.smile3:after {content:'laminate'; }

#implantTop img{width: 100%;}
#implantTop #imgWrap img  {width:70%; max-width:810px}
#implantTop #imgWrap .img  {width:70%; max-width:810px; margin: 0 auto; z-index: 10;}
#implantTop #imgWrap .img img {width: 100%;}

@media all and (max-width:1280px){
    #implantTop h3 {padding-bottom:1.5em; font-size:4.0rem;}
    #implantTop #imgWrap:after {font-size: 6rem;}
    #implantTop #imgWrap:before {font-size:6rem;}

}
@media all and (max-width:580px){
    #implantTop h3 { font-size:3.5rem;}
    #implantTop #imgWrap:after {font-size: 4rem;}
    #implantTop #imgWrap:before {font-size:4rem;}
}
@media all and (max-width:480px){
    #implantTop h3 { font-size:3rem;}
}


#dlStyle {padding-top:7%; text-align:center;}
#dlStyle h3 {padding-bottom:0.7em}
#dlStyle dt {font-size:2.4rem; color:#333; font-weight:600}
#dlStyle dd { padding-top:1.5em; font-size:1.7rem; line-height:1.6em}




#halfWrap .in-box { height:680px; display:flex; flex-wrap:wrap; }
#halfWrap #imgWrap {width:50%; height:100%; background-size:cover !important}
#halfWrap #contWrap {width:50%; padding:6%; height:100%; display:flex;; flex-wrap:wrap; align-content: space-between;
							background:#60bfd620}
#halfWrap #contWrap h4 {padding-bottom:1em; text-align:right; width:100%; font-size:1.6rem; font-weight:500; color:#333;
								border-bottom:1px solid #e0ebee}
#halfWrap #contWrap dl dt {font-size:5.0rem; font-weight:300; color:#333}
#halfWrap #contWrap dl dd {padding-top:1.5em; font-size:1.8rem; line-height:1.6em; width:80%}
#halfWrap .in-box:nth-child(even) #imgWrap {order:2}
#halfWrap .in-box:nth-child(even) #contWrap  {order:1;}

#halfWrap #imgWrap.implant1-1 {background:url('/images/sub/halfWrap-implant1-1.png') center center;}
#halfWrap #imgWrap.implant1-2 {background:url('/images/sub/halfWrap-implant1-2.png') center center;}
#halfWrap #imgWrap.implant1-3 {background:url('/images/sub/halfWrap-implant1-3.png') center center;}
#halfWrap #imgWrap.implant1-4 {background:url('/images/sub/halfWrap-implant1-4.png') center center;}


#halfWrap #imgWrap.implant2-1 {background:url('/images/sub/halfWrap-implant2-1.png') center center;}
#halfWrap #imgWrap.implant2-2 {background:url('/images/sub/halfWrap-implant2-2.png') center center}
#halfWrap #imgWrap.implant2-3 {background:url('/images/sub/halfWrap-implant2-3.png') center center}
#halfWrap #imgWrap.implant2-4 {background:url('/images/sub/halfWrap-implant2-4.png') center center}

#halfWrap #imgWrap.implant3-1 {background:url('/images/sub/halfWrap-implant3-1.jpg') center center;}
#halfWrap #imgWrap.implant3-2 {background:url('/images/sub/sys5-2-img1.jpg?v=1') center center}
#halfWrap #imgWrap.implant3-3 {background:url('/images/sub/halfWrap-implant3-3.png?v=1') center center}
#halfWrap #imgWrap.implant3-4 {background:url('/images/sub/halfWrap-system1-3.png?v=1') center center}

#halfWrap #imgWrap.implant4-1 {background:url('/images/sub/halfWrap-implant4-1.jpg') center center;}
#halfWrap #imgWrap.implant4-2 {background:url('/images/sub/halfWrap-system1-3.png') center center}
#halfWrap #imgWrap.implant4-3 {background:url('/images/sub/halfWrap-implant4-3.png') center center}
#halfWrap #imgWrap.implant4-4 {background:url('/images/sub/halfWrap-implant4-4.png') center center}
#halfWrap #imgWrap.implant4-5 {background:url('/images/sub/halfWrap-implant4-5.png') center center}

#halfWrap #imgWrap.implant6-1 {background:url('/images/sub/halfWrap-implant6-1.png') center center;}
#halfWrap #imgWrap.implant6-2 {background:url('/images/sub/halfWrap-implant6-2.png') center center}
#halfWrap #imgWrap.implant6-3 {background:url('/images/sub/halfWrap-implant6-3.png') center center}

#halfWrap #imgWrap.implant7-1 {background:url('/images/sub/halfWrap-implant7-1_241227.png') center center;}
#halfWrap #imgWrap.implant7-2 {background:url('/images/sub/halfWrap-implant7-2_241227.png') center center}
#halfWrap #imgWrap.implant7-3 {background:url('/images/sub/halfWrap-implant7-3_241227.png') center center}
#halfWrap #imgWrap.implant7-4 {background:url('/images/sub/halfWrap-implant7-4_241227.png') center center}

#halfWrap #imgWrap.implant8-1 {background:url('/images/sub/halfWrap-implant8-1.png') center center;}
#halfWrap #imgWrap.implant8-2 {background:url('/images/sub/halfWrap-implant8-2.png') center center}
#halfWrap #imgWrap.implant8-3 {background:url('/images/sub/halfWrap-implant8-3.png') center center}

#halfWrap #imgWrap.implant9-1 {background:url('/images/sub/halfWrap-implant9-1.png') center center;}
#halfWrap #imgWrap.implant9-2 {background:url('/images/sub/halfWrap-implant9-2.png') center center}
#halfWrap #imgWrap.implant9-3 {background:url('/images/sub/halfWrap-implant9-3_250103.png') center center}

#halfWrap #imgWrap.incisor2-1 {background:url('/images/sub/halfWrap-incisor2-1.jpg') center center;}

#halfWrap #imgWrap.incisor3-1 {background:url('/images/sub/halfWrap-incisor3-1.png') center center;}
#halfWrap #imgWrap.incisor3-2 {background:url('/images/sub/halfWrap-incisor3-2.png') center center}
#halfWrap #imgWrap.incisor3-3 {background:url('/images/sub/halfWrap-incisor3-3.png') center center}

#halfWrap #imgWrap.incisor4-1 {background:url('/images/sub/halfWrap-incisor4-1.jpg') center center;}
#halfWrap #imgWrap.incisor4-2 {background:url('/images/sub/halfWrap-incisor4-2.jpg') center center}
#halfWrap #imgWrap.incisor4-3 {background:url('/images/sub/halfWrap-incisor4-3.jpg') center center}

#halfWrap #imgWrap.incisor5-1 {background:url('/images/sub/halfWrap-incisor5-1_250113.png') center center;}
#halfWrap #imgWrap.incisor5-2 {background:url('/images/sub/halfWrap-incisor5-2_250113.png') center center}
#halfWrap #imgWrap.incisor5-3 {background:url('/images/sub/halfWrap-incisor5-3_250113.png') center center}

#halfWrap #imgWrap.incisor6-1 {background:url('/images/sub/halfWrap-incisor6-1.jpg') center center;}
#halfWrap #imgWrap.incisor6-2 {background:url('/images/sub/halfWrap-incisor6-2.jpg') center center}

#halfWrap #imgWrap.system1-1 {background:url('/images/sub/halfWrap-system1-1_250103.png') center center;}
#halfWrap #imgWrap.system1-2 {background:url('/images/sub/halfWrap-system1-2.png') center center}
#halfWrap #imgWrap.system1-3 {background:url('/images/sub/halfWrap-system1-3_250113.png') center center}
#halfWrap #imgWrap.system1-4 {background:url('/images/sub/halfWrap-system1-4_250113.png') center center}
#halfWrap #imgWrap.system1-5 {background:url('/images/sub/halfWrap-system1-5.png') center center}

#halfWrap #imgWrap.system2-1 {background:url('/images/sub/halfWrap-sys2-1.jpg') center center}

#halfWrap #imgWrap.system3-1 {background:url('/images/sub/halfWrap-sys3-1_250113.png') center center}
#halfWrap #imgWrap.system3-2 {background:url('/images/sub/halfWrap-sys3-2.jpg') center center}
#halfWrap #imgWrap.system3-3 {background:url('/images/sub/halfWrap-sys3-3.jpg') center center}

#halfWrap #imgWrap.system5-1 {background:url('/images/sub/sys5-2-img1.jpg') center center}
#halfWrap #imgWrap.system5-2 {background:url('/images/sub/sys5-2-img2.jpg') center center}
#halfWrap #imgWrap.system5-3 {background:url('/images/sub/sys5-2-img3.jpg') center center}

#halfWrap #imgWrap.spa1-1 {background:url('/images/sub/halfWrap-spa1-1.png') center center}
#halfWrap #imgWrap.spa1-2 {background:url('/images/sub/halfWrap-spa1-2.png') center center}
#halfWrap #imgWrap.spa1-3 {background:url('/images/sub/halfWrap-spa1-3.png') center center}

#halfWrap #imgWrap.good2-1 {background:url('/images/sub/halfWrap-good2-1.jpg') center center}
#halfWrap #imgWrap.good2-2 {background:url('/images/sub/halfWrap-good2-2_250114.png') center center}

#halfWrap #imgWrap.smile2-1 {background:url('/images/sub/halfWrap-smile2-1.jpg') center center}
#halfWrap #imgWrap.smile2-2 {background:url('/images/sub/halfWrap-smile2-2.jpg') center center}
#halfWrap #imgWrap.smile2-3 {background:url('/images/sub/halfWrap-smile2-3.jpg') center center}



@media all and (max-width:1399px){
	#halfWrap .in-box { height:600px; }
}
@media all and (max-width:1280px){
	#halfWrap #contWrap dl dd {width:100%}
}
@media all and (max-width:1024px){
	#halfWrap .in-box { height:500px; }
	#halfWrap #contWrap dl dt {font-size:4.0rem;}	
}
@media all and (max-width:978px){
	#halfWrap .in-box { height:auto; }
	#halfWrap #imgWrap {width:100%; height:70vw}
	#halfWrap #contWrap {width:100%; padding:10%;}
	#halfWrap #contWrap h4 {margin-bottom:5em}

	#halfWrap .in-box:nth-child(even) #imgWrap {order:1}
	#halfWrap .in-box:nth-child(even) #contWrap  {order:2;}
}





#dotList li {position:relative; margin-bottom:5px;}
#dotList li:before {content:''; width:3px; height:3px; background:#60bfd6; position:absolute; left:0; top:0.7em;
						border-radius:60px }
#dotList li p {padding-left:10px}

#caseList > li:nth-child(even) dl #dotList li {text-align:left}




#implant10-bg {background:url('/images/sub/implant10-bg.png') no-repeat right center; color:#FFF; background-size:cover}
#implant10-bg ul {display:flex;justify-content:center; text-align:center }
#implant10-bg ul li {margin:20px 30px}
#implant10-bg ul li .icon {width:150px; height:150px; border-radius:100%; background:rgba(255,255,255,0.2);
								margin:0 auto}
#implant10-bg ul li .icon img {width:100%}
#implant10-bg ul dl dt {margin:1em 0 0.5em; font-size:3.2rem; font-weight:700; }
#implant10-bg ul dl dd {font-size:1.8rem; line-height:1.4em }

@media all and (max-width:1280px){
	#implant10-bg ul li .icon {width:130px; height:130px; }
	#implant10-bg ul li {margin:10px 20px}
}
@media all and (max-width:1024px){
	#implant10-bg ul li .icon {width:100px; height:100px; }
	#implant10-bg ul li {margin:10px 20px}
	#implant10-bg ul dl dt { font-size:2.8rem;}
}
@media all and (max-width:976px){
	#implant10-bg {background-position: 66% center}
	#implant10-bg ul {flex-wrap:wrap}
	#implant10-bg ul li {width:220px; margin:30px 0}
}
@media all and (max-width:768px){
	#implant10-bg ul li {width:33%; margin:20px 0}
}
@media all and (max-width:480px){
	#implant10-bg {background-position: 66% center}
	#implant10-bg ul li {width:50%; margin:2vw 0}
	#implant10-bg ul dl dt { font-size:2.6rem; margin:0.7em 0 0.2em;}
	#implant10-bg ul dl dd {font-size:1.7rem; }
}

.step2{display: flex; flex-wrap: wrap; gap:20px;}
.step2 li{background-color: #f8f8f8; padding: 50px 30px; width: calc(100%/3 - 14px);}
.step2 li .txt{text-align: center;}
.step2 li .txt h5{margin-bottom:1.5em; font-weight: 600; font-size: 1.6rem; color: #999; 	font-family: 'Montserrat', sans-serif; }
.step2 li .txt h5 span{ border-top: 3px solid #b38e00; padding-top: 4px; color: #b38e00;}
.step2 li .txt h6{font-size: 2.4rem; font-weight: 500; color: #000; margin: 10px 0 15px; word-break: keep-all;}
.step2 li .txt p{font-size: 1.7rem; line-height: 1.6em; word-break: keep-all;}

@media all and (max-width:976px){
	.step2 li .txt h5{font-size: 1.8rem;}
	.step2 li{padding: 40px 25px;}
	.step2 li .txt h5 span{padding-top: 3px; border-top: 2px solid #b38e00;}
	.step2 li .txt h6{font-size: 2.2rem;}
	.step2 li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:640px){
	.step2{gap:10px;}
	.step2 li{width: 100%; padding: 30px 20px;}
	.step2 li .txt h6{font-size: 2.1rem; margin: 8px 0 12px;}
}



.step3{margin-top: 40px; border: 5px solid #00000010; padding: 30px; display: flex; margin-left: auto; margin-right: auto;}
.step3 li{flex: 100%; padding: 20px; word-break: keep-all; position: relative; font-size: 2.3rem; color: #222; line-height: 1.6em; font-weight: 300;}
.step3 li::before{content: '\e86c'; font-family: 'Material Symbols Outlined';display: block; font-size: 3.2rem; color: #60bfd6; margin-bottom: 15px;}
.step3 li:nth-child(even)::before{color: #8f8f8f}
.step3 li:not(:last-child)::after{content: ''; height: calc(100% - 20px); margin: auto; width: 1px; top: 0;bottom: 0; right: 0; position: absolute; background-color: #eee;}

@media all and (max-width:1280px){
	.step3{margin-top: 30px;}
}
@media all and (max-width:976px){
	.step3{flex-wrap: wrap; gap:20px 0;}
	.step3 li{flex: 50%;}
	.step3 li:nth-child(2)::after{display: none;}
}
@media all and (max-width:640px){
	.step3{padding: 20px; gap:10px 0;}
	.step3 li{flex: 100%; padding: 15px;}
	.step3 li::after{display: none;}
	.step3 li:not(:last-child){border-bottom: 1px dashed #ddd;}
}



ul.vdo{width: 100%; display: flex; gap: 30px;}
ul.vdo li{background: #fff; border-radius: 20px; width: calc(100%/3 - 20px); text-align: center; padding: 30px;}
ul.vdo li .vid{width: 100%; margin-bottom: 30px;}
ul.vdo li .vid img{width: 100%;}
ul.vdo li h3{color: #000; font-size: 2.5rem; margin-bottom: 20px;}
ul.vdo li p{font-size: 1.8rem;}

@media all and (max-width:1280px){
    ul.vdo{flex-wrap: wrap;}
    ul.vdo li{width: 100%; display: flex; align-items: center; text-align: left; justify-content: space-between;}
    ul.vdo li .vid{width: 40%; margin-bottom: 0px;}
    ul.vdo li .txt{width: 55%;}
}
@media all and (max-width:680px){
    ul.vdo li{flex-wrap: wrap;}
    ul.vdo li .vid{width: 100%; margin-bottom: 20px;}
    ul.vdo li .txt{width: 100%;}
}



#circleList  {margin-top:80px; display:flex; flex-wrap:wrap; justify-content:space-evenly; }
#circleList li {padding:20px; width:250px; height:250px; border-radius:100%; text-align:center; display:table;  border-width:10px; border-style:solid; margin:0.5%;border-color:#60bfd6}
#circleList li .eng{color:#60bfd6; font-family: 'Montserrat';}
#circleList li .in-box {display:table-cell; vertical-align:middle}
#circleList li .in-box dl dt {font-size:2rem; line-height:1.6em; color:#222; font-weight:500; word-break: keep-all;}
#circleList li .in-box dl dd {margin-bottom:1em; font-size: 1.8rem; font-weight:700 !important;  }

#circleList li.bg2 {border-color:#5593d1}
#circleList li.bg2 .eng {color:#5593d1}

@media all and (max-width:820px){
    #circleList  {margin-top: 60px;}
    #circleList li { width:200px; height:200px; }
    #circleList li .in-box dl dt {font-size:1.8rem;}
    #circleList li .in-box dl dd {font-size: 1.6rem;}
}
@media all and (max-width:480px){
    #circleList  {margin-top: 30px;}
    #circleList li { width:180px; height:180px; padding: 10px; border-width: 5px;}
    #circleList li .in-box dl dt {font-size:1.6rem;}
    #circleList li .in-box dl dd {font-size: 1.4rem;}
}



#greeting.bgimg{background:url('/images/sub/greeting1_bg.png')no-repeat right top;}
#greeting .in{max-width: 1340px; margin: 0 auto;}
#greeting dl{padding-bottom: 70px; color: #222;}
#greeting dl:first-child{padding-top: 110px;}
#greeting dl dt{margin-bottom: 30px; font-weight: 700; font-size: 4.3rem;}
#greeting dl dd{font-size: 2.6rem; line-height: 2;}
#greeting dl p{font-size: 2rem;}
@media all and (max-width:1340px){
    #greeting .in{width: 94%;}
    #greeting dl:first-child{padding-top: 50px;}
    #greeting dl{padding-bottom: 40px;}
    #greeting dl dt{margin-bottom: 20px; font-size: 3.2rem;;}
    #greeting dl dd{font-size: 1.9rem;}
}
@media all and (max-width:976px){
    #greeting.bgimg{background-position: -200px -100px;}
    #greeting dl:first-child{padding-top: 50px;}
    #greeting dl{padding-bottom: 30px;}
    #greeting dl dt{margin-bottom: 10px; font-size: 2.4rem;;}
    #greeting dl dd{font-size: 1.8rem;}
}

.phLeft{padding-bottom: 160px; display: flex; align-items: flex-end;}
.phLeft.fst{padding-top: 80px; padding-top: 50px;}
.phLeft .img{width: 50%;}
.phLeft .img img{width: 100%; height: 100%; object-fit: cover;}
.phLeft .txt{padding: 60px 100px; width: 50%;}
.phLeft .txt dl .round{padding-bottom: 55px; font-size: 1.8rem;}
.phLeft .txt dl .round b{display: inline-block; padding: 10px 20px; border-radius: 50px; background-color: #60bfd6; color: #fff; }
.phLeft .txt .t1{color: #222; font-size: 2.4rem; padding-bottom: 20px;}
.phLeft .txt .t1 b{font-size: 4.5rem;}
.phLeft .txt dt{font-size: 4.5rem; color: #222; font-weight: 700; line-height: 1.3;}
.phLeft .txt dd{padding-top: 30px; font-size: 2.0rem; color: #222; opacity: 0.7; line-height: 1.8;}
@media all and (max-width:1340px){
    .phLeft .img{height: 450px;}
    .phLeft .txt{padding: 40px 50px;}
}
@media all and (max-width:976px){
    .phLeft{display: block; padding-bottom: 60px;}
    .phLeft .img{width: 100%; height: 350px;}
    .phLeft .txt{width: 100%; padding: 30px 20px;}
    .phLeft .txt dl .round{padding-bottom: 20px; font-size: 1.5rem;}
    .phLeft .txt dl .round b{padding: 5px 15px;}
    .phLeft .txt .t1{padding-bottom: 10px; font-size: 1.6rem;}
    .phLeft .txt .t1 b{font-size: 3.5rem;}
    .phLeft .txt dt{font-size: 3.5rem;}
    .phLeft .txt dd{padding-top: 10px; font-size: 1.8rem;}

}

.phRight{padding-bottom: 160px; display: flex; flex-direction: row-reverse;}
.phRight .img{width: 50%;}
.phRight .img img{width: 100%; height: 100%; object-fit: cover;}
.phRight .txt{width: 50%; padding: 60px 40px 60px 290px; display: flex; align-items: flex-end;}
.phRight .txt dl .round{padding-bottom: 55px; font-size: 1.8rem;}
.phRight .txt dl .round b{display: inline-block; padding: 10px 20px; border-radius: 50px; background-color: #60bfd6; color: #fff; }
.phRight .txt dt{font-size: 4.5rem; color: #222; font-weight: 700; line-height: 1.3;}
.phRight .txt dd{padding-top: 30px; font-size: 2.0rem; color: #222; opacity: 0.7; line-height: 1.8;}
@media all and (max-width:1600px){
    .phRight .txt{padding: 60px 40px;}
}
@media all and (max-width:1340px){
    .phRight .img{height: 450px;}
    .phRight .txt{padding: 40px 50px;}
}
@media all and (max-width:976px){
    .phRight{display: block;}
    .phRight{display: block; padding-bottom: 60px;}
    .phRight .img{width: 100%; height: 350px;}
    .phRight .txt{width: 100%; padding: 30px 20px;}
    .phRight .txt dl .round{padding-bottom: 20px; font-size: 1.5rem;}
    .phRight .txt dl .round b{padding: 5px 15px;}
    .phRight .txt .t1{padding-bottom: 10px; font-size: 1.6rem;}
    .phRight .txt .t1 b{font-size: 3.5rem;}
    .phRight .txt dt{font-size: 3.5rem;}
    .phRight .txt dd{padding-top: 10px; font-size: 1.8rem;}

}