@charset "utf-8";

:root{
	--fz-30:3em;
	--fz-28:2.8em;
	--fz-20:2em;
	--fz-17:1.7em;
	--fz-16:1.6em;
	--fz-15:1.5em;
	--cl-333:#333;
	--cl-555:#555;
	--cl-666:#666;
	--cl-bl:#1363df;
}

@media all and (max-width:976px){
	:root{
		--fz-30:2.8em;
		--fz-28:2.6em;
		--fz-20:1.8em;
		--fz-17:1.7em;
		--fz-16:1.6em;
		--fz-15:1.5em;
	}
}
@media all and (max-width:768px){
	:root{
		--fz-30:2.7em;
		--fz-28:2.5em;
		--fz-20:1.7em;
		--fz-17:1.6em;
		--fz-16:1.5em;
		--fz-15:1.4em;
	}
}

.clinic_page{
	font-size: 62.5% !important;
}

/* clinic_tab */
ul.clinic_tab{display: flex; margin-top: 60px;}
ul.clinic_tab li{width: 100%; border: 1px solid #eee; margin-top: -1px; margin-left: -1px;}
ul.clinic_tab li a{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px 0;}
ul.clinic_tab li a .img{}
ul.clinic_tab li a .img img{max-width: 100%; filter: brightness(10) invert(1); opacity: 1;}
ul.clinic_tab li a p{margin-top: 10px; font-size: var(--fz-16);}

@media all and (max-width:768px){
	ul.clinic_tab{margin-top: 50px; flex-wrap: wrap;}
	ul.clinic_tab li{width: 33.33333%;}
	ul.clinic_tab li a{ padding: 15px 0;}
	ul.clinic_tab li a .img img{max-width: 56px;}
	ul.clinic_tab li a p{margin-top: 8px;}
}

.tab3 ul.clinic_tab li:nth-child(1),
.tab4 ul.clinic_tab li:nth-child(2),
.tab5 ul.clinic_tab li:nth-child(3),
.tab6 ul.clinic_tab li:nth-child(4),
.tab7 ul.clinic_tab li:nth-child(5),
.tab8 ul.clinic_tab li:nth-child(6){border: 2px solid #2384c7; z-index: 2; position: relative;}

.tab3 ul.clinic_tab li:nth-child(1) a,
.tab4 ul.clinic_tab li:nth-child(2) a,
.tab5 ul.clinic_tab li:nth-child(3) a,
.tab6 ul.clinic_tab li:nth-child(4) a,
.tab7 ul.clinic_tab li:nth-child(5) a,
.tab8 ul.clinic_tab li:nth-child(6) a{color: #2384c7;}

.tab3 ul.clinic_tab li:nth-child(1) a .img img,
.tab4 ul.clinic_tab li:nth-child(2) a .img img,
.tab5 ul.clinic_tab li:nth-child(3) a .img img,
.tab6 ul.clinic_tab li:nth-child(4) a .img img,
.tab7 ul.clinic_tab li:nth-child(5) a .img img,
.tab8 ul.clinic_tab li:nth-child(6) a .img img{filter: brightness(1) invert(0);}


/* cln_cont */
.cln_cont{margin-top: 50px;}
.cln_cont .box{display: flex; padding: 30px 0; border-top: 1px solid #ddd; position: relative;}
.cln_cont .box::after{content: ''; width: 33.33333%; height: 2px; background-color: #1f6be1; position: absolute; top: -1px; left: 0; display: block;}
.cln_cont .box .tit{width: 33.3333333%; padding: 20px;}
.cln_cont .box .tit h3{font-size: var(--fz-28); color: #000; font-weight: 500;}
.cln_cont .box .tit p{margin-top: 15px; font-size: var(--fz-17); letter-spacing: -0.05em; color: #777; word-break: keep-all;}
.cln_cont .box .cont{width: 66.6666666%; padding: 20px;}
.cln_cont .box .s_txt{font-size: var(--fz-16); color: #555; line-height: 1.8em; word-break: keep-all;}

@media all and (max-width:768px){
	.cln_cont .box{flex-direction: column;}
	.cln_cont .box .tit{width: 100%; padding: 3%; padding-top: 0;}
	.cln_cont .box .cont{width: 100%; padding: 3%;}
}

ul.cause{display: flex; flex-wrap: wrap; gap:15px;}
ul.cause.w100 li{width: 100%;}
ul.cause.w33 li{width: calc(100% / 3 - 30px / 3);}
ul.cause.w50 li{width: calc(100% / 2 - 15px / 2);}
ul.cause li{width: calc(100% / 4 - 45px / 4); background-color: #f8f8f8; padding: 20px;}
ul.cause li h3{font-size: var(--fz-20); color: var(--cl-bl); word-break: keep-all; transform:rotate(0.1deg);}
ul.cause li p{font-size: var(--fz-16); font-weight: 300; color: #666; margin-top: 12px; word-break: keep-all;}

@media all and (max-width:976px){
	ul.cause li{width:  calc(100% / 2 - 15px / 2); padding: 15px;}
}
@media all and (max-width:768px){
	ul.cause.w33 li{width: 100%;}
	ul.cause.w50 li{width: 100%;}
}

ul.cause2{display: flex; flex-wrap: wrap; gap:15px;}
ul.cause2.w100 li{width: 100%; background-color: #f8f8f8; color: #000; padding: 20px;}
ul.cause2.w100 li h3{color: var(--fc-333);}
ul.cause2.w33 li{width: calc(100% / 3 - 30px / 3);}
ul.cause2.w50 li{width: calc(100% / 2 - 15px / 2);}
ul.cause2 li{width: calc(100% / 4 - 45px / 4);}
ul.cause2 li h3{font-size: var(--fz-20); color: var(--cl-bl); word-break: keep-all; transform:rotate(0.1deg);}
ul.cause2 li p{font-size: var(--fz-16); font-weight: 300; color: #666; margin-top: 12px; word-break: keep-all; line-height: 1.6em;}
ul.cause2 li p:nth-child(1){margin-top: 0;}

@media all and (max-width:768px){
	ul.cause2.w33 li{width: 100%;}
	ul.cause2.w50 li{width: 100%;}
	ul.cause2.w100 li{padding: 15px;}
}

ul.jindan{display: flex; flex-wrap: wrap; gap:10px;}
ul.jindan li{width: calc(100% / 4 - 30px / 4);}
ul.jindan li .img{}
ul.jindan li .img img{max-width: 100%;}
ul.jindan li p{margin-top: 5px; font-size: var(--fz-16); color: #333;}

@media all and (max-width:976px){
	ul.jindan li{width: calc(100% / 3 - 20px / 3);}
}

ul.care{display: flex; gap:10px; flex-wrap: wrap;}
ul.care li{border:1px solid var(--cl-bl); padding: 6px 16px; border-radius: 30px;}
ul.care li h3{color: var(--cl-555); font-size: var(--fz-15); font-weight: 500;}