@charset "utf-8";



#clinicTop {height:580px; display:flex; align-items: center; flex-direction: column;  justify-content:center; 
				background-position:center center; background-size:cover; background-repeat:no-repeat;
				color:#FFF; text-align:center}

#clinicTop h3 {margin-bottom:1em; font-size:50px; font-weight:700}
#clinicTop ul  {text-align:center}
#clinicTop ul li {font-size:18px; line-height:1.4em;}
#clinicTop ul li + li {margin-top:0.5em;}
#clinicTop.breast1 {background-image: url('/images/sub/clinitop-breast1.png')}

@media all and (max-width:1024px){
	#clinicTop {height:450px; padding: 0 5%}
	#clinicTop h3 {font-size:40px; }
}
@media all and (max-width:768px){
	#clinicTop {height:auto; padding:15% 5%}
		#clinicTop h3 {font-size:30px; }
}
@media all and (max-width:480px){
	#clinicTop h3 {font-size:28px; }
	#clinicTop ul li {font-size:17px;}
}






#sTitle {margin-bottom:60px;}
#sTitle h3 {font-size:42px; color:#111; font-weight:700}
#sTitle ul {margin-top:1em; font-size:16px; line-height:1.6em; opacity:.5}

@media all and (max-width:768px){
	#sTitle {margin-bottom:30px;}
	#sTitle h3 {font-size:36px;} 
}
@media all and (max-width:480px){
	#sTitle h3 {font-size:26px;} 
	#sTitle ul { font-size:15px;}
}






.p-Part {padding-top:150px}

@media all and (max-width:768px){
	.p-Part {padding-top:90px}
}
@media all and (max-width:480px){
	.p-Part {padding-top:15vw}
}





#breast1-1 #contWrap {position:relative}
#breast1-1 #contWrap .mArrow {top:0; right:10%; bottom:unset; z-index:5}
#breast1-1 .breast1Slick li {display:flex;  align-items: center;}
#breast1-1 .breast1Slick li > div {width:50%}
#breast1-1 .breast1Slick li .img {border-radius:20px; overflow:hidden}
#breast1-1 .breast1Slick li .img img {width:100%}
#breast1-1 .breast1Slick li .txt {padding-left:100px; padding-right:5%; max-width:800px}
#breast1-1 .breast1Slick li .txt h3 {margin-bottom:1.5em; font-size:42px; font-weight:700; color:#111}
#breast1-1 .breast1Slick li .txt dl dt  {margin-bottom:1em; font-size:26px; font-weight:600;color:#111}
#breast1-1 .breast1Slick li .txt dl dd {font-size:17px; line-height:1.8em; font-weight:300}
#breast1-1 .breast1Slick li .txt h4 {margin:3em 0 1.5em; display:inline-block; font-size:20px; padding:0.5em 1em; border-radius:30px;
										background:#992d2a; color:#FFF; font-weight:500}
#breast1-1 .breast1Slick li .txt .point li + li {margin-top:1em}
#breast1-1 .breast1Slick li .txt .point li p {font-size:18px; color:#992d2a}

#breast1-1 .slick-dots {position:absolute; right:0; top:0; left:unset; display:flex;}
#breast1-1 .slick-dots li {width:12px; height:12px; border:1px solid #992d2a}
#breast1-1 .slick-dots li.slick-active {background:#992d2a}


@media all and (max-width:1480px){
	#breast1-1 .breast1Slick li .txt {padding-left:50px; }
	#breast1-1 .breast1Slick li .txt h3 {margin-bottom:1.0em; }
	#breast1-1 .breast1Slick li .txt dl dt  {margin-bottom:0.5em; }
	#breast1-1 .breast1Slick li .txt h4 {margin:2em 0 1.0em; }
}
@media all and (max-width:1024px){
	#breast1-1 .breast1Slick li {flex-wrap:wrap}
	#breast1-1 .breast1Slick li > div {width:100%}
	#breast1-1 .breast1Slick li .txt {padding:50px 0 0 0; max-width:100%}
	#breast1-1 .breast1Slick li .txt dl dd br {display:none}

	#breast1-1 .slick-dots { top:unset; bottom:0}
}
@media all and (max-width:480px){
	#breast1-1 .breast1Slick li .txt h3 { font-size:32px;}
	#breast1-1 .breast1Slick li .txt dl dt  {font-size:24px;}
	#breast1-1 .breast1Slick li .txt h4 { font-size:18px; }
	#breast1-1 .breast1Slick li .txt .point li p {font-size:16px;}
}




#breast1-2 #contWrap {display:flex; flex-wrap:wrap; gap:0 20px}
#breast1-2 #contWrap > div {padding:40px; padding-top:400px;  width:calc((100% - 20px *2)/3); border-radius:10px; }
#breast1-2 #contWrap > div.bg1 {background:#faf7f6 url('/images/sub/breast1-2-img1.png') no-repeat center top / 100% auto}
#breast1-2 #contWrap > div.bg2 {background:#faf7f6 url('/images/sub/breast1-2-img2.png') no-repeat center top / 100% auto}
#breast1-2 #contWrap > div.bg3 {background:#faf7f6 url('/images/sub/breast1-2-img3.png') no-repeat center top / 100% auto}
#breast1-2 #contWrap > div img {width:100%}
#breast1-2 #contWrap > div h3 {margin-bottom:1em; font-size:28px; font-weight:700; color:#111}
#dotList li {position:relative}
#dotList li + li {margin-top:1em;}
#dotList li:before {content:''; width:3px; height:3px; background:#111; position:absolute; left:0; top:9px}
#dotList li p {font-size:18px; padding-left:10px;}

@media all and (max-width:1480px){
	#breast1-2 #contWrap > div {padding:30px; padding-top:27vw }
}
@media all and (max-width:976px){
	#breast1-2 #contWrap { justify-content:center; gap:20px}
	#breast1-2 #contWrap > div {padding-top:40vw; width:calc((100% - 20px *1)/2); }
}
@media all and (max-width:680px){
	#breast1-2 #contWrap { gap:10px 0}
	#breast1-2 #contWrap > div {padding-top:73vw; width:100% }
}
@media all and (max-width:480px){
	#breast1-2 #contWrap > div h3 {font-size:24px; }
	#dotList li p {font-size:16px;}
}





#breast1-3 {margin:150px 0; padding:100px 0; background:#f5f5f3}

#imgHalfWrap {padding:0 50px ;margin:15px 0; display:flex;  align-items: center; 	background:#FFF; border-radius:20px;}
#imgHalfWrap .imgWrap {background-color:#FFF; border-radius:10px; overflow:hidden}
#imgHalfWrap .contWrap {padding-left:8%}
#imgHalfWrap .contWrap h3 {margin-bottom:1em; font-size:28px; font-weight:700; color:#111}
#imgHalfWrap .contWrap .t1 {font-size:18px;  line-height:1.8em}
#imgHalfWrap .contWrap .cc {margin-top:30px; display:flex; flex-wrap:wrap; gap:5px; }
#imgHalfWrap .contWrap .cc li {padding:1.3em 2.5em; border-radius:100px; background:#992d2a}
#imgHalfWrap .contWrap .cc li p {font-size:18px; color:#FFF}

#imgHalfWrap.breast1-3 .imgWrap {width:400px;}
#imgHalfWrap.breast1-3 .imgWrap img {width:100%; max-width:400px}
#imgHalfWrap.breast1-3 .contWrap {width:calc(100% - 400px); }

@media all and (max-width:1280px){
	#imgHalfWrap {padding:30px }
	#imgHalfWrap.breast1-3 .imgWrap {width:300px;}
	#imgHalfWrap.breast1-3 .contWrap {width:calc(100% - 300px); }
	#imgHalfWrap .contWrap {padding:0 50px 0 30px}
}
@media all and (max-width:976px){
	#imgHalfWrap {padding:30px }
	#imgHalfWrap.breast1-3 {flex-wrap:wrap}
	#imgHalfWrap.breast1-3 .imgWrap {width:100%; text-align:center; margin-bottom:30px}
	#imgHalfWrap.breast1-3 .contWrap {width:100% }
	#imgHalfWrap .contWrap {padding:0}
}
@media all and (max-width:768px){
	#breast1-3 {margin:90px 0; padding:60px 0}
}
@media all and (max-width:480px){
	#breast1-3 {margin:15vw 0; padding:10vw 0}
}

@media all and (max-width:480px){
	#imgHalfWrap .contWrap h3 {font-size:24px;}
	#imgHalfWrap .contWrap .t1 {font-size:16px;  line-height:1.6em}
	#imgHalfWrap .contWrap .cc li p {font-size:16px;}
}



#checkList {height:617px; display:flex;}
#checkList .cont {padding:50px 5%; padding-right:0; width:calc(100% - 740px); height: 100%; 
					display: flex;	flex-direction: column; 	justify-content: space-between}
#checkList .cont #sTitle ul {opacity:1;  font-size: 17px;  line-height: 1.8em; font-weight: 300;}
#checkList ul.ch {margin-top: auto; margin-left: auto}
#checkList ul.ch li {border-bottom:1px solid #992d2a; padding:1em;}
#checkList ul.ch li p {font-size:18px; line-height:1.6em; color:#992d2a}

#checkList .img {width:740px; border-radius:30px; overflow:hidden}


@media all and (max-width:1480px){
	#checkList .img {width:680px}
	#checkList .cont { width:calc(100% - 680px);padding-right:80px}

}
@media all and (max-width:1280px){
	#checkList .img {width:580px}
	#checkList .cont { width:calc(100% - 580px);}
}
@media all and (max-width:1190px){
	#checkList {flex-wrap:wrap; height: auto}
	#checkList .img {width:100%}
	#checkList .img img {width:100%}
	#checkList .cont { width:100%; padding:0; margin-top:50px}
}
@media all and (max-width:480px){
	#checkList .cont #sTitle ul {font-size: 15px;  line-height: 1.4em; }
	#checkList ul.ch li p {font-size:16px; }
}