@charset "utf-8";

.p-Part {padding:130px 0}
.m-Part {margin:130px 0}
@media all and (max-width:976px){
    .p-Part {padding:100px 0}
    .m-Part {margin:100px 0}
}
@media all and (max-width:767px){
    .p-Part {padding:80px 0}
    .m-Part {margin:80px 0}
}
@media all and (max-width:568px){
    .p-Part {padding:60px 0}
    .m-Part {margin:60px 0}
}


.s_tit{text-align: center; padding-bottom: 4%;}
.s_tit h3{font-weight: 300; font-size: 4.5rem; color: #333;}
.s_tit p{ font-size:1.7rem; padding-top: 1em;opacity: 0.8; line-height:1.6em}
.s_tit p.t2{padding-top:20px; font-size: 2.2rem; font-weight:500; color:#6d5744; position:relative; display:inline-block;}
.s_tit p.t2:before {content:''; width:104%; height:12px; background:#e5dece; position:absolute; left:-2%; bottom:0;z-index:-1;
						border-radius:10px;}
.s_tit p.t3 {font-size:1.7rem; padding-top: 1.5em;opacity: 0.8; line-height:1.6em}

.s_tit h3 br.br480 {display:none}
@media all and (max-width:976px){
    .s_tit h3{font-size: 4.0rem;}
}
@media all and (max-width:767px){
    .s_tit h3{font-size: 3.4rem;}
}
@media all and (max-width:568px){
    .s_tit h3{font-size: 3.2rem;}
	.s_tit h3 span {display:block}
	.s_tit h3.br-b span {display:inline}
	.s_tit p.t2{padding-top:15px; font-size: 1.8rem; }
	.s_tit p.t2:before { height:10px;}
	.s_tit p{  padding-top: 10px;}
}
@media all and (max-width:480px){
	.s_tit h3 br.br480 {display:block}
	.s_tit p{ font-size:1.6rem; }
}

.s_typo{padding-top: 8%; text-align: center;}
.s_typo h3{font-family: 'Marcellus', sans-serif; font-size: 7rem; color: #333; font-weight: normal;}
.s_typo h4{font-size: 5.5rem; color: #333; font-weight: normal; font-weight:300}
.s_typo h4 br{display:none}
.s_typo .t2 {font-size: 2.0rem; line-height:1.6em }
.s_typo .t2 .point {color:#6d5744; font-weight:700}
.s_typo .t2 br.br480  {display:none}
.s_typo p{padding-top: 2em; font-size: 2.0rem; font-weight: 500;}
@media all and (max-width:976px){
    .s_typo{padding-top: 16%;}
    .s_typo h3{font-size: 5rem;}
    .s_typo p{padding-top: 1.5em; font-size: 1.7rem;}

	.s_typo h4{font-size: 3.5rem}
	.s_typo .t2 {font-size: 1.8rem;}
}
@media all and (max-width:480px){
	.s_typo h4 br{display:block}
	.s_typo .t2 br {display:none}
	.s_typo .t2 br.br480  {display:block}
}




#intro1 {padding-bottom: 4%; background: url('/images/sub/intro1_bg.webp')no-repeat left center;}
#intro1 .cont{padding-top: 120px; display: flex;}
#intro1 .cont .img{width: 640px;}
#intro1 .cont .img img{max-width: 100%;}
#intro1 .cont .txt {width: calc(100% - 640px); font-size: 1.7rem; font-weight: 500;;}
#intro1 .cont .txt li h3 {padding-bottom:10px; line-height:1.6em}
#intro1 .cont .txt li p {line-height: 2.0em;}
#intro1 .cont .txt li br {display:none }
#intro1 .cont .txt li + li {padding-top:1.5em}
#intro1 .cont .txt .name{padding-top: 3em;}
#intro1 .cont .txt .name p{font-weight: 600; font-size: 1.9rem; color: #333;}
#intro1 .cont .txt .name strong{padding:0 3px 0 10px; font-size: 3.6rem; color: #333;}
@media all and (max-width:1280px){
    #intro1 .cont .img{width: 45%;}
    #intro1 .cont .txt{width: 65%; padding-left: 4%;}
}
@media all and (max-width:976px){
    #intro1 .cont{padding-top: 8%; flex-direction: column;}
    #intro1 .cont .img{text-align: center; width: 100%;}
    #intro1 .cont .txt{width: 100%; padding-top: 2em; text-align: center;;}
}
@media all and (max-width:480px){
	#intro1 .cont .txt li p {line-height: 1.8em;}
	#intro1 .cont .txt li br {display:block }
}





#infoTop {padding: 8% 0 5%; text-align:center}
#infoTop h3 {font-size: 4.6rem;  font-weight: 300; color: #333;  line-height: 1.4em;}
#infoTop .t1 {padding-top:1em; font-size:2.0rem; line-height:1.6em}
#infoTop dl dt {font-size: 2.8rem; font-weight:700; color:#333; position:relative; display:inline-block;}
#infoTop dl dt:before {content:''; width:104%; height:12px; background:#e5dece; position:absolute; left:-2%; bottom:0;z-index:-1;
						border-radius:10px;}
#infoTop dl dd {padding-top: 1.5em; font-size: 1.7rem; line-height: 1.6em;}
#infoTop #infoTel {margin:50px 0}
#infoTop #infoTel .tel {font-size:3.2rem; font-weight:600; color:#6d5744; font-family: 'Castoro'; letter-spacing:0.03em}
#infoTop #infoTel .tel i {width:44px; line-height:44px; text-align:center; color:#FFF; font-size:2.0rem; border-radius:60px;
							background:#6d5744}
#infoTop #infoTel .mo {display:none}
#infoTop #infoTel .mo a {border-radius:100px; background:rgba(255,255,255,0.5); padding:1em 2em;
								display:inline-block} 
#infoTop #infoTel .mo .st1 {margin-top:1em}

@media all and (max-width:976px){
    #infoTop {padding: 16% 0 10%; }
	#infoTop #infoTel .pc {display:none}
	#infoTop #infoTel .mo {display:block}
}
@media all and (max-width:480px){
	#infoTop #infoTel {margin:12vw 0}
    #infoTop #infoTel .tel i {width:10vw; line-height:10vw;}
}


#intro2 {display: flex; flex-wrap:wrap; }
#intro2 > h3 {margin-bottom:8%; font-size:3.0rem; width:100%; text-align:center; font-weight:400; line-height:1.8em;
					color:#555}
#intro2 > h3 .point1 { color:#7e6b61; font-weight:700; font-size:1.35em}
#intro2 > h3 br.br768 {display:none}
#intro2 .img {width:50%; background:url('/images/sub/intro2-img1.png') no-repeat left top; background-size:100%  auto; }
#intro2 .txt {width:50%; padding:5%; background-color: #fbf9f5; }
#intro2 .txt h3 {font-size: 2.4rem; color: #333;}
#intro2 .txt h3 .name { font-size:4.5rem; font-weight:800}
#intro2 .txt h3 .point {color:#7e6b61 }
#intro2 .txt h4 {font-size:3.4rem; color: #333; font-weight:800}
#intro2 .txt .eng { margin:5% 0 10%; font-size: 1.3rem; font-family: 'Marcellus'; color: #70615b; opacity: 0.5;  font-weight: normal; 
						text-transform: uppercase; letter-spacing:0.3em}
#intro2 .txt ul + ul {margin-top:3em} 
#intro2 .txt ul li {font-size: 1.8rem; font-weight: 500; line-height: 1.4em; margin-bottom: 0.4em; position:relative;
					padding-left:10px;}
#intro2 .txt ul li:before {content:''; width:3px; height:3px; background:#7e6b61; position:absolute; left:0; top:0.6em;
							border-radius:100%;}
#intro2 .txt ul li + li {margin-top:1em}

#intro2.ver2 {margin-top:5%; align-items: end; background-color: #fbf9f5;}
#intro2.ver2 .txt {width:calc(100% - 700px)}
#intro2.ver2 .img2 {width:700px; padding:5%; padding-left:0;  display:flex; flex-wrap:wrap; gap:10px}
#intro2.ver2 .img2 img {width:calc((100% - 10px * 3) / 4); }

@media all and (max-width:1280px){
	#intro2.ver2 .txt {width:520px;}
	#intro2.ver2 .img2 {width:calc(100% - 520px)}
}
@media all and (max-width:1080px){
	#intro2 .txt h3 {font-size: 2.2rem; }
	#intro2 .txt h3 .name { font-size:4.0rem}
	#intro2 .txt h4 {font-size:3.0rem;} 
	#intro2 .txt ul + ul {margin-top:2em}
	#intro2 .txt ul li + li {margin-top:0.7em}

	#intro2.ver2 .txt {width:470px;}
	#intro2.ver2 .img2 {width:calc(100% - 470px)}
}
@media all and (max-width:976px){
	#intro2 .img  {width:100%; height:80vw }
	#intro2 .txt  {width:100%; }
	#intro2 .txt .eng { margin:20px 0 30px; }
	#intro2.ver2 .img2  {padding:5%; padding-top:0; width:100%; }
}
@media all and (max-width:768px){
	#intro2 > h3 {line-height:1.6em; font-size:2.8rem}
	#intro2 > h3 br.br768 {display:block}
}
@media all and (max-width:480px){
	#intro2 > h3 {line-height:1.6em; font-size:2.4rem}

	#intro2 .txt {padding:8%}
	#intro2 .txt h3 {font-size: 2.0rem; }
	#intro2 .txt h3 .name { font-size:3.6rem}
	#intro2 .txt h4 {font-size:2.7rem;} 
	#intro2 .txt .eng { margin:3vw 0 6vw; }
	#intro2 .txt ul + ul {margin-top:1.5em}
	#intro2 .txt ul li {font-size:1.6rem}
	#intro2 .txt ul li + li {margin-top:0.5em}
	#intro2.ver2 .img2 {padding:8%; padding-top:0}
}





#intro3{display: flex; gap: 30px; flex-wrap: wrap;  justify-content: center;}
#intro3 li{width: calc((100% - 30px*2)/3); padding:20px; text-align: center; background:#f8f7f2}
#intro3 li .img{position: relative; background-color: #f8f7f2;  }
#intro3 li .img img { width:100%}
#intro3 li .txt {padding-bottom:10px; position:relative}
#intro3 li .t {padding:10px 20px; font-size: 1.8rem; font-weight:600; background:#7e6b61; color:#FFF }
#intro3 li dl {padding:8% 5% 0}
#intro3 li dl dt {padding-bottom:0.5em; font-size: 2.6rem;color: #333; font-family: 'Marcellus', sans-serif; }
#intro3 li dl dt .st1 {font-size:1.6rem; font-style: normal;}
#intro3 li dl dd {line-height:1.5em; font-size:1.7rem}
@media all and (max-width:1400px){
    #intro3 {gap: 20px;}
    #intro3 li {width: calc((100% - 20px*2)/3);}
}
@media all and (max-width:1024px){
    #intro3 li {width: calc((100% - 20px*1)/2);}
}
@media all and (max-width:568px){
    #intro3 li {width: 100%;}
}


#intro5 .wrap_controllers {display: none;}
#intro5 .map_border{display: none;}
#intro5 .map_info{max-width: 100%; margin:0 auto; position: relative; z-index: 99; display: flex; gap: 10%; justify-content: center; align-items: center; padding:4em; background-color:#fff ; }
#intro5 .map_info .logo img {width:100px}
#intro5 .map_info p.t1{padding-bottom:1em; font-weight: 500; font-size: 2rem; color: #333;}
#intro5 .map_info p.t1 i {margin-right:5px; font-size:1.5rem; width:30px; line-height:30px; background:#f8f5ef; 
								border-radius:100px; text-align:center; }
#intro5 .map_info p.t2{padding-top:0.5em; font-size: 1.5rem;}
#intro5 .map_info .p-lot {padding-left:40px}
#intro5 .map_info .p-lot ul {display:flex; flex-wrap:wrap; }
#intro5 .map_info .p-lot ul + ul {border-top:1px dashed #e9e9e9; padding-top:0.7em; margin-top:0.7em}
#intro5 .map_info .p-lot ul li {font-size:1.7rem;}
#intro5 .map_info .p-lot ul li.tit {width:165px; font-weight:600}
@media all and (max-width:976px){
    #intro5 .map_info img{max-width: 100%;}
    #intro5 .map_info{padding: 3em; flex-direction: column; gap: 3em;}
	#intro5 .map_info .p-lot {padding-left:0}
	#intro5 .map_info .p-lot ul li.tit {width:145px}
}
@media all and (max-width:580px){
	#intro5 .map_info{padding: 3em 1em }
	#intro5 .map_info p.t1 i {margin-right:5px; font-size:1.3rem; width:25px; line-height:25px;}
	#intro5 .map_info .p-lot {padding-left:35px}
	#intro5 .map_info .p-lot ul + ul {padding-top:1em; margin-top:1em}
	#intro5 .map_info .p-lot ul li.tit {width:100%; padding-bottom:0.5em; }
}
@media all and (max-width:480px){
	#intro5 .map_info p.t1{font-size: 1.8rem; }
}

#intro6 ul {padding:5%; background:#fbf9f5; display:flex; flex-wrap:wrap; align-items: center; }
#intro6 ul + ul {margin-top:3%}
#intro6 .img {width:350px; background:#DDD}
#intro6 .img img {width:100%}
#intro6 .txt {width:calc(100% - 350px); padding-left:5%}
#intro6 .txt h3 {padding-bottom:0.5em; font-size:2.6rem; color:#3d3d3d; font-weight:500; line-height:1.4em}
#intro6 .txt h3 br {display:none}
#intro6 .txt h3 .point {color:#99756b; font-weight:800; display:inline-block}
#intro6 .txt .t1 {font-size:1.8rem; line-height:1.6em}
@media all and (max-width:1280px){
    #intro6 .img {width:300px;}
	#intro6 .txt {width:calc(100% - 300px); }
	#intro6 .txt h3 br {display:block}
}
@media all and (max-width:1024px){
	#intro6 ul { align-items: start; }
    #intro6 .img {width:250px;}
	#intro6 .txt {width:calc(100% - 250px); }
}
@media all and (max-width:840px){
	#intro6 ul { align-items: start; }
    #intro6 .img {width:100%;}
	#intro6 .txt {width:100%; padding:0; padding-top:5%}
}
@media all and (max-width:580px){
	#intro6 .txt h3 br {display:none}
	#intro6 .txt .t1 {font-size:1.7rem;}
}

#comm3 {margin-top:5%; padding:5%; background:#fbf9f5;}
#comm3 .s_tit {padding-bottom:20px} 


#info1{display: flex; flex-wrap: wrap;}
#info1 > div{width: 50%;}
#info1 .img img{width: 100%; height: 100%; object-fit: cover;}
#info1 .txt{padding: 5%; background-color: #fff;}
#info1 .txt h3{ font-family: 'Marcellus', 'serif'; font-size: 5.8rem; color: #333; font-weight: normal;}
#info1 .txt .tit{padding: 55px 0 40px; font-size: 2.0rem; font-weight: 600; color: #333;}
#info1 .txt .dl_wrap{display: flex; flex-wrap: wrap;}
#info1 .txt .dl_wrap dl{padding-bottom: 1em; width: 50%; display: flex; align-items: center; font-size: 1.7rem; font-weight: 500;}
#info1 .txt .dl_wrap dl dt{width: 70px;}
#info1 .txt .tel{font-family: 'Castoro'; font-size: 3.2rem; color: #333;  letter-spacing:0.05em}
#info1 .txt .fax{padding-top:0.2em; font-family: 'Castoro'; font-size: 2.2rem; letter-spacing:0.05em}
@media all and (max-width:1399px){
	#info1 .txt .dl_wrap dl dt{width: 60px;}
}
@media all and (max-width:1280px){
    #info1 .txt .dl_wrap dl{width:100%;}
}
@media all and (max-width:976px){
    #info1 > div{width: 100%;}
    #info1 .txt{padding: 6%;}
    #info1 .txt h3{font-size: 4rem;}
    #info1 .txt .tit{padding: 2em 0 1em;}
}


#info2{}
#info2 .cont{padding-top: 3em;}
#info2 .cont img{max-width: 100%;}


#clinicTop{margin-bottom: 4em; display: flex; align-items: center; flex-direction: row-reverse;}
#clinicTop .img{position: relative; margin-right: 4em;}
#clinicTop .img img{border-radius: 140px 0 0 0;}
#clinicTop .img:before{content: ''; width: 100% ;height: 100%; position: absolute; left: 4em; top: 4em; background: url('/images/sub/clinictop-bg.webp')no-repeat center center/cover; z-index: -1;}
#clinicTop .txt{width: 60%;}
#clinicTop .txt .eng{font-size: 2.4rem; ; font-family: 'Marcellus', 'serif'; color: #aa9d8e;}
#clinicTop .txt h3{padding: 40px 0 20px; font-size: 4.5rem; color: #333; font-weight: 600;}
#clinicTop .txt h4{ padding-bottom: 20px; color: #6d5744; font-size: 2.4rem; font-weight: 600;}
#clinicTop .txt h3.clinic2-1 {display:inline-block; line-height:1.0em; margin-bottom:20px}
#clinicTop .txt h3.clinic2-1 span {}
#clinicTop .txt .t1{font-size: 1.8rem; line-height: 1.66em;}

#clinicTop.ver2 .img {order:2;}
#clinicTop.ver2 .img:before{left: -4em;}
#clinicTop.ver2 .img img{border-radius: 0 140px 0 0;}
#clinicTop.ver2 .txt {padding-left:5%; order:1}

@media all and (max-width:1399px){
	#clinicTop .txt h3.clinic2-1 span { text-align:left;}
}
@media all and (max-width:1280px){
    #clinicTop .txt{padding-right: 5%;}
    #clinicTop .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 8vw 0 0 0;}
    #clinicTop.ver2 .txt{padding-left: 5%;}
	#clinicTop.ver2 .img img{border-radius: 0 8vw 0 0;}
}
@media all and (max-width:1024px){
	 #clinicTop .img {width:35%; margin-right:0; }
	 #clinicTop .img:before{ left: 2em; top: 2em}
	#clinicTop .txt{width: 65%;}
	    #clinicTop .txt .t1 br{display: none;}
}
@media all and (max-width:976px){
    #clinicTop{flex-direction: column;}
	#clinicTop .img {width:80%; max-width:500px;}
    #clinicTop .img img{max-width: 500px;}
    #clinicTop .txt{margin-top: 8em; text-align: center; width: 100%;}
    #clinicTop .txt h3{font-size: 4.0rem; padding: 1em 0 0.5em;}
    #clinicTop .txt h4{padding-bottom: 1em;}

	#clinicTop.ver2 .img {order:1}
	#clinicTop.ver2 .txt {order:2}

	#clinicTop .txt h3.clinic2-1 span { text-align:center;}
}
@media all and (max-width:767px){
	#clinicTop .txt h3{font-size: 3.4rem; }
}
@media all and (max-width:568px){
    #clinicTop{margin-bottom: 2em;}
    #clinicTop .img{margin-right: 2em;}
    #clinicTop .img img{border-radius: 18vw 0 0 0;}
    #clinicTop .img:before{left: 2em; top: 2em;}
    #clinicTop .txt {margin-top: 4em;}
    #clinicTop .txt .eng{font-size: 1.6rem;}
    #clinicTop .txt h3{font-size: 3.2rem;}
    #clinicTop .txt h4{font-size: 2.0rem;}
    #clinicTop .txt .t1{font-size: 1.7rem;}
    #clinicTop .txt .t1 br{display: none;}
	
	#clinicTop.ver2 .img{margin-right: 0; margin-left:2em}
	#clinicTop.ver2 .img img{border-radius: 0 18vw 0 0;}
	#clinicTop.ver2 .img:before{left: -2em; top:2em}

	#clinicTop .txt h3.clinic2-1 span { font-size:3.2rem}
}

.symptom{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.symptom li{width: clamp(140px, 15vw, 290px);height: clamp(140px, 15vw, 290px); display: flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #d0c8bb; border-radius: 50%;}
.symptom li span{font-weight: 600; color: #6d5744; opacity: 0.5;}
.symptom li p{padding-top: 1em; color: #333; font-size: 2.2rem; font-weight: 600; text-align: center;}
.symptom li p.st1{padding-top:0.5em;  font-size: 1.7rem; text-align: center; opacity:.7}
.symptom.w7 li{width: clamp(100px, 15vw, 240px);height: clamp(100px, 15vw, 240px);}
@media all and (max-width:1280px){
.symptom.w7 li{width:200px ;height:200px}
}
@media all and (max-width:976px){
	.symptom li p{font-size: 1.8rem;}
	.symptom.w6 {gap: 10px; }
	.symptom.w7{gap: 10px; }
	.symptom.w7 li{width:160px ;height:160px}
}
@media all and (max-width:480px){
	.symptom li p.st1{ font-size: 1.5rem; }
	.symptom.w7 li{width:35vw ;height:35vw}
}


.testtype{display: flex; gap: 40px; flex-wrap: wrap; padding:0 4%;}
.testtype li{width: calc(50% - 20px);}
.testtype li img{width: 100%;}
.testtype dl {padding: 2em 0; text-align: center;}
.testtype dl dt{font-size: 2.9rem; font-weight: 700; color: #333;}
.testtype dl dd{padding-top: 1em; font-size: 1.7rem; line-height:1.6em}
@media all and (max-width:767px){
	.testtype{display: flex; gap: 10px;}
    .testtype li{width: 100%;}
    .testtype dl dt{font-size: 2.4rem;}
}
@media all and (max-width:480px){
	.testtype dl dd br {display:none}
}

.needs{display: flex; flex-wrap: wrap; counter-reset: item}
.needs li{width: 49%; padding: 1.5%; margin: 0.5%; display: flex; align-items: center; gap: 1em; background-color: #fbf9f5; border-radius: 50px;}
.needs li p{font-size: 1.8rem; font-weight: 400;}
.needs li:before{content: counter(item, decimal-leading-zero); flex:0 0 auto; counter-increment: item; display: flex; justify-content: center; align-items: center; font-weight: 700; background-color: #7e6b61; color:#fff; border-radius: 50%; width: 35px; height:35px;}
@media all and (max-width:976px){
    .needs li{width: 100%;}
}
@media all and (max-width:976px){
    .needs li{width: 100%;}
}
@media all and (max-width:568px){
  .needs li p{font-size: 1.7rem;}
}




.addtest_topimg{margin-bottom: 3%; padding: 3%; background-color: #fbf9f5;}
.addtest_topimg img{width: 100%;}
.addtest_topimg .txt {text-align:center;padding-top:4%;}
.addtest_topimg .txt .t1 {  font-size:1.8rem;  line-height:1.6em}
@media all and (max-width:480px){
	.addtest_topimg .txt .t1 { line-height:1.4em}
}


.addtest_wrap{background-color: #fbf9f5;}
.addtest{display: flex; border-left: 1px solid #e6e3dc;}
.addtest li{width: 100%; text-align: center; border-right: 1px solid #e6e3dc; padding: 80px 35px;}
.addtest li .check{margin-bottom: 30px;}
.addtest li .check img{max-width: 29px;}
.addtest li h3{font-size: 2.4rem; font-weight: 600; color: #000; margin-bottom: 20px;}
.addtest li p{word-break: keep-all; font-size:1.8rem; line-height: 1.6em; color: #666666; }
.addtest li p br.br480 {display:none}
@media all and (max-width:1280px){
	.addtest li{padding: 60px 25px;}
	.addtest li .check{margin-bottom: 25px;}
	.addtest li .check img{max-width: 27px;}
	.addtest li h3{font-size: 2.2rem; margin-bottom: 15px;}
	.addtest li p{font-size: 1.7rem}
}
@media all and (max-width:1024px){
	.addtest{flex-wrap: wrap;}
	.addtest li{width: 50%; border-bottom: 1px solid #e6e3dc;}
	.addtest li:nth-child(3), .clinic_box1 .w-inner .list li:nth-child(4){border-bottom: 0;}
	.addtest li{padding: 55px 22px;}
	.addtest li .check{margin-bottom: 22px;}
	.addtest li .check img{max-width: 26px;}
	.addtest li h3{margin-bottom: 13px;}
}
@media all and (max-width:767px){
	.addtest li{padding: 50px 20px;}
	.addtest li .check{margin-bottom: 18px;}
	.addtest li .check img{max-width: 24px;}
	.addtest li h3{font-size: 2.2rem; margin-bottom: 12px;}
}
@media all and (max-width:568px){
	.addtest li{padding: 5%;}
	.addtest li .check{margin-bottom: 15px;}
	.addtest li .check img{max-width: 22px;}
	.addtest li h3{ margin-bottom: 10px;}
	.addtest li p{font-size: 1.7rem}
	.addtest li{width: 100%;}
	.addtest li:nth-child(3){border-bottom: 1px solid #e6e3dc;}
}
@media all and (max-width:480px){
	.addtest li p.clinic1-2 br {display:none}
	.addtest li p br.br480 {display:block}
}

.basic{position: relative; display: flex; justify-content: center;  gap: 3%;}
.basic li{width: 45%; max-width: 400px; text-align: center;}
.basic li img{width: 100%; border:6px solid #f1efea}
.basic dl dt{padding-top: 10px; font-size: 2.2rem; font-weight: 600; color: #333;}
.basic dl dd{padding-top: 10px; font-size: 1.7rem;}
@media all and (max-width:976px){
    .basic dl dd{font-size: 1.6rem;}
}
@media all and (max-width:568px){
    .basic{flex-wrap: wrap; gap: 2em;}
    .basic li{width: 100%;}
    .basic dl dt{font-size: 2.0rem;}
}


.stone{display: flex; justify-content: center; gap: 5%; padding: 0 4%;}
.stone img{max-width: 100%;}
.stone dl{padding: 16% 0;}
.stone dl dt{font-size: 2.3rem; color: #6d5744; opacity: 0.5;  font-family: 'Marcellus', 'serif';}
.stone dl dd{padding-top: 1em; font-size: 1.8rem; font-weight: 500; color: #333; line-height: 1.7em;}
.stone .box.ver2{display: flex; flex-direction: column-reverse;}
@media all and (max-width:568px){
    .stone{flex-direction: column;}
    .stone .box.ver2{flex-direction: column;}
    .stone dl{padding: 4% 0 12%;}
	.stone dl dd br {display:none}
}


/* .equip{background-color: #36342d;} */
/* .equip .s_tit h3{color: #eeeadf;} */
.equip .s_tit h3 br {display:none}
.equip .cont {width:90%; max-width:1024px; margin:0 auto; display: flex; justify-content: center; align-items: center; gap: 8%;}
.equip .img {width:35%}
.equip .img img {width: 100%;}
.equip .cont dl {width:65%}
.equip .cont dl dt{ padding:1em 0 2em; font-family: 'Marcellus', 'serif'; font-size: 1.8rem; /*color: #eeeadf;*/ color: #6d5744; opacity: 0.5;}
.equip .cont dl h3 { font-size:3.8rem; color:#222} 
.equip .cont dl dd{padding-top: 1em; font-size: 2.0rem; /*color: #fff;*/ line-height: 1.8em;}

@media all and (max-width:1280px){	
	.equip .cont dl dt{ padding:0.5em 0 1em; }
	.equip .cont dl dd{line-height: 1.6em;}
}
@media all and (max-width:1024px){	
	.equip .cont {padding:0 3%}
	.equip .cont dl dd{ font-size: 2.2rem; }
	.equip .cont dl dd br.br1024 {display:none}
}
@media all and (max-width:976px){
	.equip .s_tit h3 br {display:block}
	.equip .img {width:80%; max-width:420px; text-align:center; margin:0 auto}
	.equip .cont { flex-wrap:wrap}
	.equip .cont dl { padding-top:5%;  width:100%}
}
@media all and (max-width:767px){
	.equip .cont dl dt {font-size: 1.6rem; }
	.equip .cont dl dd{  font-size: 1.8rem;}
}
@media all and (max-width:568px){
    .equip .cont{flex-direction: column; gap: 2em;}
    .equip .cont dl{text-align: center;}
}
@media all and (max-width:568px){
    
	.equip .cont dl h3 { font-size:2.8rem;} 
		.equip .cont dl dd{  font-size: 1.7rem;}
}

.proc{display: flex; gap: 20px; flex-wrap: wrap; padding: 0 4%;}
.proc li{width: calc((100% - 20px*4)/5);}
.proc li .img{position: relative;}
.proc li .img p{position: absolute; left: 0; top: 0; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #6d5744; color: #fff;font-weight: 700;}
.proc li img{width: 100%;}
.proc li > p{padding-top: 1em; text-align: center; font-size: 1.7rem; line-height:1.6em}
.proc.w3 li{width: calc((100% - 20px*2)/3);}
.proc.w3.ver2  {gap:50px 20px; }
.proc.w3.ver2 li > p {padding:1em 2em }
@media all and (max-width:1024px){
.proc.w3.ver2  {gap:20px; }
.proc.w3.ver2 li{width: calc((100% - 20px*1)/2);}
}
@media all and (max-width:976px){
.proc li{width: calc((100% - 20px*2)/3);}
.proc.w3.ver2 li > p {padding:1em}
}
@media all and (max-width:767px){
    .proc li{width: calc((100% - 20px*1)/2);}
	.proc.w3 li{width: calc((100% - 20px*1)/2);}
}
@media all and (max-width:568px){
    .proc{gap:20px 10px;}
    .proc li{width: calc((100% - 10px*1)/2);}
	.proc li > p{ line-height:1.4em}
	.proc.w3 li{width:100%;}
	.proc.w3.ver2 {gap:10px}
	.proc.w3.ver2 li {width: calc((100% - 10px*1)/2);}
	.proc.w3.ver2 li > p {padding:0.5em}
}


.stonebasic{ background:url('/images/sub/clinic3-2_bg.webp')no-repeat center center/cover;}
.stonebasic .s_tit h3{color: #fff;}
.stonebasic .cont{text-align: center; color: #fff;}
.stonebasic .cont img{max-width: 600px; width: 70%;}
.stonebasic .cont p{padding-top: 3em; font-size: 2rem; padding-inline: 4%;}
.stonebasic .cont p .underline{text-decoration: underline;}
@media all and (max-width:568px){
    .stonebasic .cont p{padding-top: 2em; font-size: 1.7rem;;}
}



.knowhow{display: flex; gap: 20px; flex-wrap: wrap;}
.knowhow dl{padding: 4%; width: calc((100% - 20px)/2); text-align: center; border:1px solid #d0c8bb; }
.knowhow dl dt{font-size: 3rem; color: #333; font-weight: 600;}
.knowhow dl dd{padding-top: 1em; line-height: 1.6em; font-size: 1.7rem;}
@media all and (max-width:568px){
    .knowhow dl{width: 100%;}
    .knowhow dl dt{font-size: 2.2rem;}
}


.knows .box{display: flex;}
.knows .box.ver2{flex-direction: row-reverse;}
.knows .box > div{width: 50%;}
.knows .box .img img{width: 100% ;height: 100%; object-fit: cover;}
.knows .box .txt{padding: 5%; display: flex; justify-content: center; align-items: center; background-color: #fbf9f5c9;}
.knows .box .txt p{padding-bottom: 8%; font-family: 'Marcellus', 'serif'; opacity: 0.5; font-size: 4rem;}
.knows .box dt{font-size: 4rem; color: #3d3930; font-weight: 600;}
.knows dl dd{padding-top: 1em; line-height: 1.6em; font-size: 2rem;}
@media all and (max-width:568px){
    .knows .box{display: block;}
    .knows .box > div{width: 100%;}
    .knows .box .txt p{font-size: 2rem;}
    .knows .box dt{font-size: 2.2rem;}
    .knows .box dd{font-size: 1.8rem;}
}


.bx_wrap{background-color: #fbf9f5c9;}



.scom{display: flex; justify-content: space-between; flex-wrap: wrap; }
.scom .box{background-color: #fbf9f5c9; width: 24%; margin:0.5%; padding: 10px;  padding-top:30px;  text-align: center;}
.scom .box img{width: 100%;}
.scom .box dl{padding-bottom: 8%;}
.scom .box dl dt{font-size: 1.8rem; font-family: 'Marcellus', 'serif'; opacity: 0.5;}
.scom .box dl dd{padding-top: 6%; font-weight: 300; font-size: 3.0rem; color: #333;}
@media all and (max-width:1024px){
.scom .box dl dd{  font-size: 2.8rem; }
}
@media all and (max-width:976px){
    .scom .box {width:49%; padding-top:20px; }
    .scom .box dl dt{font-size: 1.6rem;}
    .scom .box dl dd{font-size: 2.4rem;}
}
@media all and (max-width:480px){
    .scom .box dl dt{font-size: 1.4rem;}
    .scom .box dl dd{font-size: 2.2rem;}
}
/* @media all and (max-width:568px){
    .scom .box{width: 100%; padding: 8%;}
} */


.scom2{padding: 4%;}
.scom2 .s_tit h3{font-family: 'Marcellus', 'serif';}
.scom2 .cont{display: flex; flex-wrap: wrap; gap: 40px; }
.scom2 .cont img{width: 100%; height: 100%; object-fit: ;}
.scom2 .cont li:nth-child(1){width: 100%;}
.scom2 .cont li:nth-child(2){width: calc(60% - 20px);}
.scom2 .cont li:nth-child(3){width: calc(40% - 20px);}
@media all and (max-width:976px){
    .scom2 .cont{gap: 20px;}
    .scom2 .cont li:nth-child(2){width: calc(60% - 10px);}
    .scom2 .cont li:nth-child(3){width: calc(40% - 10px);}
}
@media all and (max-width:568px){
    .scom2{padding: 8%;}
    .scom2 .cont{gap: 10px; }
    .scom2 .cont li:nth-child(2){width: calc(60% - 5px);}
    .scom2 .cont li:nth-child(3){width: calc(40% - 5px);}
}


.scom3{padding: 4%;}
.scom3 .s_tit h3{font-family: 'Marcellus', 'serif';}
.scom3 .s_tit h4{font-size: 4.5rem; font-weight: 300; color: #333333; line-height: 1.4em;}
.scom3 img{width: 100%;}
.scom3 .s_tit dl dt{padding-top:1.5em ; font-size: 2.2rem; font-weight:500; color:#6d5744; position:relative; display:inline-block;}
.scom3 .s_tit dl dt:before {content:''; width:104%; height:12px; background:#e5dece; position:absolute; left:-2%; bottom:0px;z-index:-1;
						border-radius:10px;}
.scom3 .s_tit dl dd {padding-top: 1.5em; font-size: 1.7rem; line-height: 1.6em;}
.scom3 .s_tit dl dd br.br480 {display:none}

@media all and (max-width:976px){
    .scom3 .s_tit h4{font-size: 4.0rem;}
}
@media all and (max-width:767px){
   .scom3 .s_tit h4{font-size: 3.4rem;}
}
@media all and (max-width:568px){
	.scom3{padding: 8% 4%;}
    .scom3 .s_tit h4 {font-size: 3.2rem; line-height:1.2em}
	.scom3 .s_tit dl dt{; font-size: 2.0rem }
	.scom3 .s_tit dl dt:before {height:10px;}
    .scom3 .s_tit dl dd {font-size: 1.5rem;}
	.scom3 .s_tit dl dd br.br480 {display:block}
}



#tabWrap ul { display: flex; align-items: stretch; justify-content: center; 
				 text-align: center; padding-left: 1px; padding-top: 1px; }
#tabWrap ul li {  border-radius:100px;  width:200px; margin:5px; border:1px solid #d0c9ba}
#tabWrap ul li a { display: block; padding: 1.5em 0;  font-size: 1.8rem; font-weight: 400; color:#756f69}
#tabWrap ul li.active { background: #f8f6f0;  border:1px solid #f8f6f0 }
#tabWrap ul li.active a { color:#534b43;  font-weight: 600;  }
#tabWrap ul li a h3 {font-size:3.0rem; font-family: 'SINJEON';font-weight: 300;line-height:1.2em}
#tabWrap ul li a .add {font-size:2.0rem; margin:1em 0 0.7em}
.tabCont {padding-top:5%}
@media all and (max-width:976px) {
  #tabWrap ul li a { padding: 1.0em 0; }
}




.scroll1 table{min-width: 976px;} 
.scroll2 table{min-width: 480px;} 
.scroll3 table{min-width: 655px;} 

#scroll-t.t976,
#scroll-t.t730,
#scroll-t.t530 {display:none; font-size:1.5rem; opacity:.7}

.tb-style1{width: 100%; font-size: 1.7rem; text-align: center; margin:10px 0}
.tb-style1 thead tr th{ font-size:1.8rem; padding: 15px 10px; background-color: #bbae9f; border-right: 1px solid #ddd9cd;  font-weight: 500; border-bottom: 1px solid #ddd9cd; color: #FFF; }
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 thead tr th.th-r {border-right: 1px solid #ddd9cd; }
.tb-style1 tbody tr td{padding: 12px 6px; border-bottom: 1px solid #ddd9cd; border-right: 1px solid #ddd9cd;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

.tb-style1.clinic1-3 br {display:none}
@media all and (max-width:1220px){
	.scroll1{overflow-x: scroll;}
	.tb-style1 tbody tr td br.br976 {display:none}
	#scroll-t.t976 {display:block}
} 
@media all and (max-width:800px){
	.scroll3{overflow-x: scroll;}
	#scroll-t.t730 {display:block}
}
@media all and (max-width:600px){
	.scroll2{overflow-x: scroll;}
	#scroll-t.t530 {display:block}
	.tb-style1.clinic1-3 br {display:block}
}




.tb-style2{width: 100%; font-size: 1.8rem; text-align: center; margin:10px 0}
.tb-style2 thead tr th{padding: 15px 10px; background-color: #bbae9f; border-right: 1px solid #ddd9cd;  font-weight: 500; border-bottom: 1px solid #ddd9cd; color: #FFF; }
.tb-style2 thead tr th:first-child {font-size: 2.2rem;}
.tb-style2 thead tr th:last-child{border-right: 0;}
.tb-style2 thead tr th.th-r {border-right: 1px solid #ddd9cd; }
.tb-style2 tbody tr th {padding: 15px 10px; background-color: #bbae9f; border-right: 1px solid #ddd9cd;  font-weight: 500; border-bottom: 1px solid #ddd9cd; color: #FFF;}
.tb-style2 tbody tr td{padding: 12px 6px; border-bottom: 1px solid #ddd9cd; border-right: 1px solid #ddd9cd; background:rgba(255,255,255,0.2)}
.tb-style2 tbody tr td:first-child {color:#333; font-size:1.9rem}
.tb-style2 tbody tr td:last-child{border-right: 0;}

@media all and (max-width:480px){
.tb-style2 tbody tr th {padding: 15px 5px;} 
.tb-style2 tbody tr td{padding: 10px 3px;}
}




#halfNum {display:flex; flex-wrap:wrap;}
#halfNum #img {width:50%; background-position:left top; background-size:100% auto; }
#halfNum #txt {width:50%; padding:5%}

#halfNum #img.clinic2-1  {background-image:url('/images/sub/clinic2-1-img.png')}

@media all and (max-width:1024px){
	#halfNum #txt { padding:3%}
}
@media all and (max-width:976px){
	#halfNum #img {width:100%; height:70vw  }
	#halfNum #txt {width:100%; padding:5%}
}


#numList li {padding:5% 0; border-bottom:1px dashed #eeeadf; display:flex; flex-wrap:wrap;align-items: start;	}
#numList li:last-child {border-bottom:0}
#numList li span {width:30px; line-height:30px; border-radius:100%; background:#aa9d8e; color:#FFF; font-size:1.4rem;
					text-align:center}
#numList li p {padding-left:20px; width:calc(100% - 30px); font-size:1.8rem; line-height:1.4em; color:#777}

@media all and (max-width:1024px){
	#numList li {padding:4% 0;}
}
@media all and (max-width:976px){
	#numList li {padding:1em 0;}
	#numList li span {width:24px; line-height:24px}
	#numList li p {padding-left:15px;  width:calc(100% - 24px); }
}
@media all and (max-width:480px){
	#numList li p {font-size:1.7rem;}
}




#squareWrap {display:flex; flex-wrap:wrap; justify-content:center;  gap:20px}
#squareWrap li {padding:3%; width:calc((100% - 20px * 2) /3); margin-bottom:0; text-align:center}
#squareWrap li .img img {width:100%}
#squareWrap li dl {padding-top:5%}
#squareWrap li dl dt { font-size:2.6rem; color:#333; font-weight:600 }
#squareWrap li dl dd {margin-top:1em; font-size:1.7rem; line-height:1.6em; color:#777}
#squareWrap li dl dd p.t2 {font-size:1.8rem}

@media all and (max-width:1399px){
	#squareWrap.w2 li {width:460px }
}
@media all and (max-width:1280px){
	#squareWrap.w2 {width:100%; max-width:840px; margin:0 auto}
		#squareWrap.w2 li {width:45% }
}
@media all and (max-width:976px){
	#squareWrap li .img {width:100%}
	#squareWrap li dl {width:100%; padding:4%; text-align:center}
}
@media all and (max-width:768px){
	#squareWrap.w2 li {width:100% }
}
@media all and (max-width:640px){
	#squareWrap li {width:100%; }
}
@media all and (max-width:480px){
	#squareWrap {gap:5px 0}
	#squareWrap li {padding:5%;}
	#squareWrap li dl dt { font-size:2.2rem;}
	#squareWrap li dl dd p.t2 {font-size:1.7rem}
	#squareWrap li dl dd {margin-top:1em;}
}




.storeimg .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border:1px solid #FFF;
	background:rgba(255,255,255,0);
	margin:0 2px !important;
	opacity:1
}
.storeimg .swiper-pagination-bullet-active {
   background-color: #FFF;
    transition: all 0.3s ease;
}



#breast_faq{padding: 10rem 0;}
#breast_faq .inner{width: calc(100% - 4rem); max-width: 1200px; margin: 0 auto;}
#breast_faq .faq_title{text-align: center; margin-bottom: 5rem;}
#breast_faq .faq_title h3{font-size: 3.6rem; font-weight: 700; color: #222; margin-bottom: 1.5rem;}
#breast_faq .faq_title p{font-size: 1.8rem; color: #777; line-height: 1.6;}
#breast_faq .faq_list{border-top: 2px solid #333; list-style: none; padding: 0; margin: 0;}
#breast_faq .faq_list li{border-bottom: 1px solid #eee;}
#breast_faq .faq_list li a{display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem 3rem; color: #333; font-size: 1.9rem; font-weight: 500; transition: 0.3s;}
#breast_faq .faq_list li a i{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 4rem; height: 4rem; border-radius: 50%; background: #f8f8f8; font-size: 1.8rem; transition: 0.3s;}
#breast_faq .faq_list li a:hover{background: #d0c8bb; color: #6d5744;}
#breast_faq .faq_list li a:hover i{background: #6d5744; color: #fff; transform: translateX(0.5rem);}

@media all and (max-width:1280px){
    #breast_faq{padding: 8rem 0;}
}

@media all and (max-width:768px){
    #breast_faq{padding: 6rem 0;}
    #breast_faq .faq_title{margin-bottom: 3rem;}
    #breast_faq .faq_title h3{font-size: 3rem;}
    #breast_faq .faq_title p{font-size: 1.7rem;}
    #breast_faq .faq_list li a{padding: 2rem; font-size: 1.7rem;}
    #breast_faq .faq_list li a i{width: 3.5rem; height: 3.5rem; font-size: 1.6rem;}
}

@media all and (max-width:480px){
    #breast_faq{padding: 5rem 0;}
    #breast_faq .inner{width: calc(100% - 3rem);}
    #breast_faq .faq_title h3{font-size: 2.6rem;}
    #breast_faq .faq_title p{font-size: 1.6rem;}
    #breast_faq .faq_list li a{padding: 1.8rem 1rem; gap: 1rem; font-size: 1.6rem; line-height: 1.5;}
    #breast_faq .faq_list li a i{width: 3rem; height: 3rem; font-size: 1.4rem;}
}