@charset "utf-8";

#intro1 {position:relative}
#intro1:before {content:''; width:100%; height:70%; background:#f0f7fa; position:absolute; left:0; bottom:0; z-index:-1 }
#intro1 #contWrap {width:100%; max-width:1180px; margin:0 auto; text-align:center; position:relative}
#intro1 #contWrap:before {content: ''; background: url('/images/sub/intro1-img2.png') no-repeat right top;  width: 210px;  height: 210px;  
					                  position: absolute;  top: -8%;   right: -5%;  animation: 4000s 0s infinite rotate; z-index:3; background-size:cover }
#intro1 #contWrap .img { overflow:hidden; border-top-right-radius:80px; }
#intro1 #contWrap .img img  {width:100%}
#intro1 #contWrap h3 {font-size: 6.0rem; color:#222}
#intro1 #contWrap dl dt {margin:2em 0 1em; font-size: 2.6rem; color:#222; font-weight:700}
#intro1 #contWrap dl dd {font-size: 1.8rem; line-height:1.6em}
#intro1 #txtBg img {width:100%}

#intro1 #contWrap br.br820 { display:none}
#intro1 #contWrap br.br480 { display:none}

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


@media all and (max-width: 1179px){
	#intro1 #contWrap {width:90%; }
	#intro1 #contWrap:before {right:2vw}
	#intro1 #contWrap .img {width:90%; margin:0 auto; border-top-right-radius:10vw;}
	#intro1 #contWrap:before { width: 15vw;  height: 15vw;  }
}
@media all and (max-width: 1024px){
	#intro1 #contWrap h3 {font-size: 5.0rem; }
}
@media all and (max-width: 820px){
	#intro1 #contWrap br.br820 { display:block}
	#intro1:before {height:80%;}
}
@media all and (max-width: 480px){
	#intro1 #contWrap h3 {font-size: 4.0rem; }
	#intro1 #contWrap dl dt {font-size: 2.2rem;}
	#intro1 #contWrap dl dd {font-size: 1.7rem; line-height:1.4em}
	#intro1 #contWrap br.br480 { display:block}
}




#intro2 {height:860px; background:#111 url('/images/sub/intro2-bg.png') no-repeat left top;
			display:flex;  align-items: center; justify-content: flex-end; background-size:cover}
#intro2 #contWrap {padding-right:7%; color:#FFF;}
#intro2 #contWrap .eng {font-size: 1.4rem; font-family:'Montserrat'; margin-bottom:5em; text-transform:uppercase; 
								 opacity:.3; font-weight:700}
#intro2 #contWrap h3 {padding-bottom:1em; font-size: 6.0rem;font-weight:300}
#intro2 #contWrap .t1 {font-size: 1.8rem; line-height:1.6em; opacity:.8}
#intro2 #contWrap .t1 + .t1 {padding-top:2em}
#intro2 #contWrap .t2 {margin:2em 0 1em; font-size: 2.6rem; font-weight:700}

@media all and (max-width: 1599px){
	#intro2 {height:740px}
	#intro2 #contWrap .eng {margin-bottom:3em;}
	#intro2 #contWrap h3 {padding-bottom:0.7em; }
}
@media all and (max-width: 1280px){
	#intro2 {height:650px}
}
@media all and (max-width: 1024px){
	#intro2 {height:auto; background-size:170% auto}
	#intro2 #contWrap {margin-top:80vw; width:100%; padding:5%; text-align:center}
	#intro2 #contWrap h3 {font-size: 5.0rem; }
}
@media all and (max-width: 976px){
	#intro2 #contWrap {margin-top:85vw;}
}
@media all and (max-width:480px){
	#intro2 #contWrap .eng {font-size: 1.2rem;}
	#intro2 #contWrap h3 {font-size: 3.7rem; }
	#intro2 #contWrap .t1 {font-size: 1.7rem;line-height:1.6em}
	#intro2 #contWrap .t2 { font-size: 2.2rem; }
	#intro2 #contWrap .t1 br {display:none}
}



#intro3 {width:100%; max-width:1760px; background:#f0f7fa; position:relative; overflow:hidden}
#intro3:after {content:'';width:100%; height:100px; background:#FFF; position:absolute; left:0; top:0}
#intro3:before {content:'SMART DENTAL CLINIC'; width:100%; text-align:right;font-size:9.5rem;
				font-family:'Montserrat'; font-weight:900; color:#f0f7fa;position:absolute; right:0; top:10px; z-index:3}
#intro3 .s-inner {display:flex;  justify-content:space-between; align-items: center;}
#intro3 #img { position:relative; z-index:3 }
#intro3 #img img {width:100%; max-width:574px}
#intro3 #cont {margin-top:100px; background:#f0f7fa}
#intro3 .name {margin-bottom:30px; display:flex;}
#intro3 .name dt {font-size:4.0rem; color:#222; font-weight:700}
#intro3 .name dt span {font-size:0.7em;font-weight:300}
#intro3 .name dd {font-size:1.5rem; font-family:'Montserrat'; font-weight:600; opacity:.3}
#intro3 .name .mes1 {padding-left:50px; font-size:2.8rem; font-family: 'Nanum Myeongjo', serif; color:#222; letter-spacing:-0.05em }
#intro3 .list {padding-top:30px; background:url('/images/sub/intro3-line.png') repeat-X left top;}
#intro3 .list h3 { margin-bottom:20px; padding:0.7em 2em; display:inline-block; background:#62c0d6; border-radius:60px}
#intro3 .list h3 span {font-size:2.2rem; font-weight:700; color:#FFF;}
#intro3 .list .in-box {display:flex; flex-wrap:wrap;  gap:0.8em 30px}
#intro3 .list #dotList li + li {margin-top:0.8em}

#intro3.v2 {margin-top:100px; margin-left:auto}
#intro3.v2:before {text-align:left; right:unset; left:0}
#intro3.v2 #img {order:2}
#intro3.v2 #cont {order:1}
@media all and (max-width:1759px){
	#intro3 {width:93%; }
	#intro3:after {height:5vw;}
	#intro3:before {font-size:5vw; top:5px}
	#intro3 #cont {margin-top:5vw}
}
@media all and (max-width:1599px){
	#intro3 .s-inner { justify-content:center; }
	#intro3 #img {width:480px}
	#intro3.v2 #cont {padding-left:30px}
}
@media all and (max-width:1399px){
	#intro3 .s-inner { align-items: end;}
	#intro3 #img {width:560px}
	#intro3 #cont {width:540px; padding:50px 0}
	#intro3 .name {display:block}
	#intro3 .name .mes1 {padding-left:0; padding-top:20px}
	#intro3 .list #dotList {width:100%}
		#intro3.v2 #cont {padding-left:0}
}
@media all and (max-width:1024px){
	#intro3:after {height:7vw;}
	#intro3:before {font-size:7vw; }
	#intro3 #cont {margin-top:7vw}
	#intro3 .s-inner {flex-wrap:wrap}
	#intro3 #img {padding-top:8vw; width:560px; margin:0 auto; ; text-align:center}
	#intro3 #img img {width:90%}
	#intro3 #cont {margin-top:-12vw; position:relative; z-index:3; width:100%; padding:50px 0; text-align:center}
	#intro3 .list .in-box {justify-content:center; gap:0.8em 0}
	#intro3 .list #dotList {max-width:380px; text-align:left; }

	#intro3.v2 {margin-top:80px;}
	#intro3.v2 #img {order:1}
	#intro3.v2 #cont {order:2}
}
@media all and (max-width:480px){
	#intro3 .name dt {font-size:3.2rem;}
	#intro3 .name dd {font-size:1.3rem;}
	#intro3 .name .mes1 { font-size:2.2rem}
	#intro3 .list h3 {  padding:0.5em 1.5em;}
	#intro3 .list h3 span {font-size:2.0rem;}
}



#dotList li {position:relative}
#dotList li + li {margin-top:0.5em}
#dotList li:before {content:''; width:4px; height:4px; background:#62c0d6; border-radius:5px; position:absolute; left:0; top:0.55em}
#dotList li p {padding-left:10px; font-size:1.8rem;}





#intro5 { background:#f0f7fa;  display:flex; flex-wrap:wrap; align-items: center; }
#intro5 .img {height:480px; width:50%; background:url('/images/sub/intro5-img1.png') no-repeat center center;
				background-size:100% auto}
#intro5 .img img {width:100%;}
#intro5 .cont {width:50%; padding:5%; position:relative}
#intro5 .cont:before {content:'Clinic Hours'; font-family:'Montserrat'; font-size:6.0vw; font-weight:900;
						position:absolute; right:-0.5vw; bottom:-2vw; color:#FFF; opacity:.5 }
#intro5 .cont .in-box {position:relative}
#intro5 .cont h3 {margin-bottom:1em; padding-bottom:0.7em; font-size:3.2rem; font-weight:800; color:#222; 
						border-bottom:1px solid #222;}
#intro5 .cont .tel {font-size:4.0rem; font-weight:700; font-family: 'ONE-Mobile-Title'; }
#intro5 .time dl {display:flex; flex-wrap:wrap}
#intro5 .time dl + dl {margin-top:1em}
#intro5 .time dl dt {width:100px; font-size:2.0rem;}
#intro5 .time dl dd {width:calc(100% - 100px); font-size:2.0rem }
#intro5 .time dl dd .point {margin-left:5px; padding:0.5em 1.0em; background:#62c0d6; color:#FFF; font-size:1.8rem;
								font-weight:600; border-radius:30px;}
#intro5 .time dl dd .more {font-size:0.8em}

@media all and (max-width:1599px){ 
	#intro5 .img {width:calc(100% - 580px); }
	#intro5 .cont {width:580px}
	#intro5 .cont:before { font-size:5.2vw; bottom:-2.3vw;}
}
@media all and (max-width:1440px){ 
	#intro5 .img {height:31vw;}
}
@media all and (max-width:1280px){ 
	#intro5 {padding:3%}
	#intro5 .img {height:350px;width:calc(100% - 460px); }
	#intro5 .cont { width:460px; padding:0; padding-left:5%}
	#intro5 .time dl dt {width:80px; }
	#intro5 .time dl dd {width:calc(100% - 80px); }
}
@media all and (max-width:1024px){ 
	#intro5 {padding:0}
	#intro5 .img {height:35vw;width:100%; }
	#intro5 .cont { width:100%; padding:5%; }
	#intro5 .cont:before {font-size:12.0vw;  bottom:-3.2vw}
}






#sMap {margin-top:100px; position:relative; text-align:center}
#sMap .root_daum_roughmap .wrap_map { height: 500px; }
#sMap .go_map {width:810px; position:absolute; left:50%; bottom:8%; transform:translateX(-50%); z-index:5;
					display:flex; }
#sMap .go_map li {width:33%;}
#sMap .go_map a { padding:1.0em 0; font-size:2.0rem; font-weight:500; display:block; width:100%; height:100%;
						display:flex; justify-content:center; align-items: center;}
#sMap .go_map a span {padding-left:5px}
#sMap .go_map li.kakao a {background-color:#f2da00; color:#222}
#sMap .go_map li.naver a {background-color:#00ba44; color:#FFF}
#sMap .go_map li.google a {background-color:#FFF; color:#222}

@media all and (max-width:1280px){ 
	#sMap .go_map {width:100%; max-width:660px;}
}
@media all and (max-width:768px){ 
	#sMap .root_daum_roughmap .wrap_map { height: 400px }
	#sMap .go_map {width:270px;bottom:5%;}
	#sMap .go_map a { padding:0.8em 0;}
	#sMap .go_map a span {display:none}
}
@media all and (max-width:480px){ 
	#sMap .root_daum_roughmap .wrap_map { height: 110vw }
}
#sLocation {padding:3%;display:flex; flex-wrap:wrap;  justify-content:space-between; background:#f0f7fa; }
#sLocation div {font-size:1.8rem; padding:3% 0; width:32.5%; border:1px solid #d7ecf2; text-align:center}
#sLocation div  dt {margin-bottom:1em; font-size:2.8rem; font-weight:600}
#sLocation div h4 {color:#222; font-size:2.2rem; color:#222; font-weight:500}
#sLocation div .st1 {padding:0.5em 0 1.5em}
#sLocation div .parking {font-size:2.0rem}
#sLocation div .parking i {color:#2fabc7}
#sLocation div .parking span {color:#222; font-weight:500}

#sLocation div .subway dd {display:flex; justify-content:center;}
#sLocation div .subway dd + dd {margin-top:0.5em}
#sLocation div .subway i {margin-right:5px; width:24px; line-height:24px; font-size:1.3rem; color:#FFF;
								background:#e51e6e; border-radius:50px}
#sLocation div .subway span {padding:0 10px;}

#sLocation div .bus dd {display:flex; flex-wrap:wrap; justify-content:center; flex-direction: column;}
#sLocation div .bus dd + dd {margin-top:1em}
#sLocation div .bus dd .t2 {color:#222}
#sLocation div .bus dd .t3 {padding-top:0.3em; }
#sLocation div .bus dd .t3 span {padding:5px}

@media all and (max-width:1225px){ 
	#sLocation div {; width:49%; margin:0.5%}
	#sLocation .add {width:100%}
}
@media all and (max-width:800px){ 
	#sLocation {padding:5%;}
	#sLocation div { padding:5%; width:100%; margin:0.5% 0}
}







#clinicTop {width:100%; display:flex;  align-items: center; background:#f2fafc;  position:relative; overflow:hidden}
#clinicTop:before {content:'SMART DENTAL CLINIC'; font-size:4.0vw; position:absolute; left:0; bottom:-1vw;
									color:#FFF; opacity:.5;  font-family:'Montserrat'; font-weight:900; }
#clinicTop #contWrap {padding:0 8%;width:50%;}
#clinicTop #contWrap h4 {font-size:2.2rem; padding-bottom:0.7em; margin-bottom:3em;  color:#222; 
								border-bottom:1px solid #bcd4da; font-weight:300}
#clinicTop #contWrap h3 {font-size:4.5rem;  color:#222; font-weight:300}
#clinicTop #contWrap .eng {margin:0.5em 0 2em; font-family:'Montserrat'; font-weight:700; opacity:.17; color:#222}
#clinicTop #contWrap .t1 {font-size:1.8rem; line-height:1.8em;}

#clinicTop #imgWrap { height:600px; width:50%; background-size:100% auto; background-position:left top}
#clinicTop #imgWrap.sleep1 {background-image:url('/images/sub/clinictop-sleep1.png')} 
#clinicTop #imgWrap.implant1 {background-image:url('/images/sub/clinictop-implant1.png'); background-position:right center} 
#clinicTop #imgWrap.implant2 {background-image:url('/images/sub/clinictop-implant2.png'); }
#clinicTop #imgWrap.implant3 {background-image:url('/images/sub/clinictop-implant3.png'); background-position:right top} 
#clinicTop #imgWrap.implant4 {background-image:url('/images/sub/clinictop-implant4.png'); background-position:right center} 
#clinicTop #imgWrap.implant5 {background-image:url('/images/sub/clinictop-implant5.png'); background-position:right top} 
#clinicTop #imgWrap.perio1 {background-image:url('/images/sub/clinictop-perio1.png')} 

@media all and (max-width:1499px){ 
	#clinicTop #contWrap {padding:0 5%;}
	#clinicTop #imgWrap { height:38vw; }
}
@media all and (max-width:1280px){ 
	#clinicTop #contWrap {width:60%}
	#clinicTop #imgWrap { width:40%; height:480px;background-size:cover}
}
@media all and (max-width:1024px){ 
	#clinicTop {flex-wrap:wrap}
	#clinicTop:before {display:none}
	#clinicTop #contWrap {width:100%; padding:8vw}
	#clinicTop #contWrap h4 {font-size:2.0rem;margin-bottom:2em}
	#clinicTop #contWrap h3 {font-size:3.8rem; }
	#clinicTop #imgWrap { width:100%;  height:60vw}
}
@media all and (max-width:480px){ 
	#clinicTop #contWrap .t1 {line-height:1.6em;}
}





#sTitle {margin-bottom:60px; text-align:center}
#sTitle h3 {font-size:4.5rem; color:#222}
#sTitle .t1 {padding-top:1em; font-size:1.7rem; opacity:.7; font-weight:300}
#sTitle br.br480 {display:none}

@media all and (max-width:480px){ 
	#sTitle {margin-bottom:7vw}
	#sTitle h3 {font-size:3.8rem;}
	#sTitle br.br480 {display:block}
}




#sBg {background-repeat:no-repeat; background-position:center top; background-size:cover}

#sBg.sleep {background-image:url('/images/sub/sbg-sleep.png')}




#VSwrap {max-width:1280px; margin:0 auto}
#VSwrap #box {display:flex; justify-content:center; align-items: center; }
#VSwrap #box .img {width:42%; position:relative }
#VSwrap #box .img img {width:100%; overflow:hidden }
#VSwrap #box .img.v2 {width:16%; text-align:center}
#VSwrap #box .img.v2 img {width:60%; max-width:74px; margin:0 auto}
#VSwrap #box h3 {width:100%; position:absolute; left:0; bottom:4%; text-align:center}
#VSwrap #box h3 p {  font-size:2.4rem; background:#DDD; 
				         padding:0 1.5em; line-height:60px; border-radius:50px; display:inline-block}
#VSwrap #box h3.bg2 p {color:#FFF; background:#222}

#VSwrap #txt {display:flex; justify-content:center;text-align:center}
#VSwrap #txt li {width:42%; padding:1.2em 1em; border-top:1px solid rgba(3,110,183,0.1);
						display:flex;align-items: center; justify-content:center;  }
#VSwrap #txt li.tit {width:16%; background:#61c0d6 ;  border-top:1px solid #55b9d0; color:#FFF  }
#VSwrap #txt li.v1 { border-top:1px solid rgba(10,10,10,0.1)}
#VSwrap #txt li.v2 {background:#f7fdfd}
#VSwrap #txt li p {font-size:1.8rem}
#VSwrap #txt li.v2 p {font-size:2.0rem; color:#222}
#VSwrap #txt li.v3 { background:#DDD;}
#VSwrap #txt li.v4 { background:#222;  color:#FFF}
#VSwrap #txt li.v3 p,
#VSwrap #txt li.v4 p {font-size:2.2rem; font-weight:700}

#VSwrap #txt.first {display:none}
#VSwrap #txt.last li {border-bottom:1px solid #def3f6 }
#VSwrap #txt.last li.v1 { border-bottom:1px solid rgba(10,10,10,0.1)}
#VSwrap #txt.last li.tit {border-bottom:1px solid #55b9d0}

@media all and (max-width:768px) {	
	#VSwrap #txt.first {display:flex}
	#VSwrap #box h3 { display:none}
}
@media all and (max-width:480px) {	
	#VSwrap #box h3 p {  font-size:2.0rem; line-height:9vw; }
	#VSwrap #txt li { padding:0.5em 1em; }
	#VSwrap #txt li p {font-size:1.7rem}
	#VSwrap #txt li.tit p {font-size:1.5rem}
	#VSwrap #txt li.v2 p {font-size:1.8rem; }
	#VSwrap #txt li.v3 p,
	#VSwrap #txt li.v4 p {font-size:2.0rem; }
}








#needWrap {background-size:cover; background-position:right top}
#needWrap .cont { max-width:800px}
#needWrap.sleep1 { background-image:url('/images/sub/need-sleep1.png'); }
#needWrap.implant1 { background-image:url('/images/sub/need-implant1.png');}
#needWrap.perio1 { background-image:url('/images/sub/need-perio1.png');}
@media all and (max-width:480px) {	
	#needWrap.sleep1 {background-position:80% top}
	#needWrap.implant1 {background-position:80% top}
	#needWrap.perio1 {background-position:80% top}
}









#numList li {padding:1.5em 1em; counter-increment: number; position:relative; background: rgba(97,192,214,0.1);
				backdrop-filter: blur(5px);}
#numList li + li {margin-top:5px}
#numList li:before {content: counter(number, decimal-leading-zero);  font-size:2.6rem; font-family:'Roboto'; 
						font-weight:700; color:#61c0d6; position:absolute; left:1em; top:50%; transform:translateY(-50%)}
#numList li p {padding-left:3em; font-size:1.9rem; color:#FFF}

@media all and (max-width:480px) {	
	#numList li {padding:1.2em 0.5em; }
	#numList li:before {left:0.5em;}
	#numList li p {padding-left:2.5em}
}











#meritWrap {display:flex; flex-wrap:wrap; justify-content:center;  gap:50px}
#meritWrap dl {text-align:center}
#meritWrap dl dt {margin:1em 0 0.5em; font-size:2.6rem; font-weight:600; color:#29abc9 }
#meritWrap dl dd {padding:0 3%; font-size:1.8rem; line-height:1.6em;}
#meritWrap .img {width:90%; max-width:300px; border-radius:150px;overflow:hidden; margin:0 auto;}
#meritWrap .img img {width:100%}

#meritWrap.w3 {width:100%; max-width:1280px; margin:0 auto}
#meritWrap.w3 dl {width:calc((100% - 50px *2)/3); }

#meritWrap.w4 dl {width:calc((100% - 50px *3)/4); }

@media all and (max-width:1280px) {	
	#meritWrap { gap:30px}
	#meritWrap.w3 dl {width:calc((100% - 30px *2)/3); }
	#meritWrap.w4 dl {width:calc((100% - 30px *3)/4); }
}
@media all and (max-width:1024px) {	
	#meritWrap.w4 dl {width:calc((100% - 30px *1)/2); }
}
@media all and (max-width:976px) {	
	#meritWrap {gap:20px}
	#meritWrap.w3 dl {width:calc((100% - 20px *1)/2); }
}
@media all and (max-width:480px) {	
	#meritWrap dl dt {font-size:2.4rem;}
	#meritWrap dl dd {padding:0 3%; font-size:1.8rem; line-height:1.4em;}
}




#stepWrap #cont li {display:flex; flex-wrap:wrap;  align-items: center; border-top:1px dotted #DDD;
						padding-top:2em; margin-top:2em; counter-increment: number;}
#stepWrap #cont li:first-child {margin-top:0}
#stepWrap #cont li:last-child { padding-bottom:2em; border-bottom:1px dotted #DDD;}
#stepWrap #cont .img {width:500px}
#stepWrap #cont .img img {width:100%; max-width:500px }
#stepWrap #cont dl {width:calc(100% - 500px - 5%); padding:40px 0 0 40px; margin-left:5%; position:relative; } 
#stepWrap #cont dl:before {content: counter(number, decimal-leading-zero);  font-size:8.0rem; font-family:'Roboto'; 
						font-weight:700; color:#61c0d6; position:absolute; left:0; top:-20px;; opacity:.3}
#stepWrap #cont dl dt { margin-bottom:0.7em; font-size:2.6rem; font-weight:600; color:#222; position:relative; }
#stepWrap #cont dl dd {font-size:1.8rem; line-height:1.8em; position:relative;}

@media all and (max-width:1280px) {	
	#stepWrap #cont .img {width:40%}
	#stepWrap #cont dl {width:55%; }
}
@media all and (max-width:976px) {	
	#stepWrap #cont .img {width:100%; text-align:center}
	#stepWrap #cont dl {width:100%; margin:5%; margin-bottom:0; padding-left:0 }
}
@media all and (max-width:480px) {	
	#stepWrap #cont dl dt { font-size:2.4rem; }
	#stepWrap #cont dl dd { line-height:1.4em; }
}





#numWrap {display:flex; flex-wrap:wrap; justify-content:center; background-size:cover; gap:30px }
#numWrap dl {text-align:center}
#numWrap dl dt {border: 10px solid rgba(97,192,214,0.3);border-radius: 50%;
						text-align: center;font-size:7.0rem; font-weight:700; color:#44dcff}
#numWrap dl dt span {font-weight:300; font-size:0.7em}
#numWrap dl dd {margin-top:1em; font-size:2.6rem; color:#FFF; font-weight:600}

#numWrap .cont {padding-top:2em; border-top:1px dashed rgba(97,192,214,0.3);  text-align:center; width:100%}
#numWrap .cont .t1 {font-size:1.8rem; line-height:1.8em; color:#FFF; opacity:.7; font-weight:300}

#numWrap br.br978 {display:none}

#numWrap.w5 {padding:80px 0}
#numWrap.w5 dl dt {width: 200px; height: 200px; line-height: 180px; margin:0 auto }
#numWrap.implant5 { background-image:url('/images/sub/numwrap-implant5.png'); background-position:center center}

@media all and (max-width:1399px) {	
	#numWrap { gap:10px }
	#numWrap dl dt { font-size:5.0rem; }
	#numWrap.w5 dl dt {width: 150px; height: 150px; line-height: 130px; }
}
@media all and (max-width:1024px) {	
	#numWrap { gap:20px }
	#numWrap dl dd {font-size:2.4rem;}
	#numWrap.w5 {padding:50px 0}
}
@media all and (max-width:978px) {	
	#numWrap { gap:30px }
	#numWrap dl dd {font-size:2.6rem;}
	#numWrap.w5 {padding:50px }
	#numWrap br.br978 {display:block}
}
@media all and (max-width:480px) {	
	#numWrap {gap:20px }
	#numWrap dl dt {border-width: 2vw }
	#numWrap.w5 dl dt {width:30vw; height: 30vw; line-height: 26vw; }
	#numWrap dl dd {margin-top:0.5em; font-size:2.4rem;}
}



#caseWrap #contWrap {padding:50px 0; position:relative; display:flex; flex-wrap:wrap; align-items: center } 
#caseWrap #contWrap:before {content:''; width:60%; height:100%; background:#f2fafc; position:absolute; right:0; top:0;z-index:-1}
#caseWrap #contWrap .img {width:800px; display:flex; flex-wrap:wrap}
#caseWrap #contWrap .img img {width:100%}
#caseWrap #contWrap .img p {font-size:2.2rem; font-weight:600; width:50%; line-height:60px; color:#FFF; text-align:center}
#caseWrap #contWrap .img p.bg1 {background:#777}
#caseWrap #contWrap .img p.bg2 {background:#60bfd6}
#caseWrap #contWrap .img .bna_c  {width:100%}

#caseWrap #contWrap .cont {width:calc(100% - 800px); padding:0 5%}
#caseWrap #contWrap .cont .mes {position:relative}
#caseWrap #contWrap .cont .mes:before {content:''; width:95px; height:57px; background:url('/images/sub/casewrap-sb.png') no-repeat;
													background-position:left top; position:absolute; left:-30px; top:-30px }
#caseWrap #contWrap .cont .mes p {position:relative}
#caseWrap #contWrap .cont .mes p.t1 {font-size:2.8rem; color:#222; line-height:1.4em;  font-family: 'InkLipquid';}
#caseWrap #contWrap .cont .mes p.age {margin-top:0.7em; font-size:1.7rem;}
#caseWrap #contWrap .cont .line {margin:2em 0; border-top:1px dotted #c3d2d9}
#caseWrap #contWrap .cont dt {margin-bottom:0.7em; font-size:2.8rem; color:#47b3cd; font-weight:700}
#caseWrap #contWrap .cont dd {font-size:1.8rem; line-height:1.8em}

#caseWrap #contWrap.v2 {margin-top:50px}

@media all and (max-width:1599px) {	
	#caseWrap #contWrap .img {width:50%;}
	#caseWrap #contWrap .cont {width:50%}
}
@media all and (max-width:1024px) {	
	#caseWrap #contWrap:before {display:none}
	#caseWrap #contWrap .img {width:100%;}
	#caseWrap #contWrap .cont {width:100%; background:#f2fafc; padding:8%;}
}
@media all and (max-width:480px) {	
	#caseWrap #contWrap .img p {font-size:2.0rem; line-height:10vw}
	#caseWrap #contWrap .cont .mes p.t1 {padding-top:1em; font-size:2.4rem;}
	#caseWrap #contWrap .cont .mes:before {width:70px; left:-10px; top:0; background-size:100% auto }
	#caseWrap #contWrap .cont dt { font-size:2.4rem; }
	#caseWrap #contWrap .cont dd {line-height:1.6em}
}




#comm4 {width:100%; max-width:1024px; margin:0 auto}


.tb-style1{width: 100%;  font-size: 1.8rem; text-align: center; border:15px solid rgba(97,192,214,0.05);  }
.tb-style1 thead tr th{padding:1em 0.5em; background-color: #61c0d6 ; border-right: 1px solid #eee; 
						font-size: 2.0rem; font-weight: 500; border-bottom: 1px solid #eee; color: #FFF; }
.tb-style1 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th{background-color: #f5f5f3;  color: #000; font-weight: 500;border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.tb-style1 tbody tr td{padding:1em 0.5em; border-bottom: 1px solid #eee; border-right: 1px solid #eee; ;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:first-child{border-left: 1px solid #eee;}
.tb-style1 tbody tr td.pl-0{border-left: 0}

@media all and (max-width:480px) {	
	.tb-style1{border:8px solid rgba(97,192,214,0.05);  }
}




#mem { padding:30px;  border:15px solid rgba(97,192,214,0.05); font-size:1.8rem; line-height:1.6em}
#mem .in-Box {font-size:2.0rem; background:#f9f9f9; padding:30px; text-align:center; line-height:1.8em}
#mem .t2 {border-top:1px dashed #d3d3d3; padding-top:1em; font-size:1.7rem; margin-top:1em; text-align:center }
#mem h4 {margin:1.5em 0 0.5em; font-size:2.4rem; color:#222; font-weight:700}
#mem dt {margin:1.5em 0 0.5em; font-size:2.2rem;  color:#222; font-weight:700}
#mem  li span {padding-left:1em}