@charset "utf-8";

.cause{ margin-top: 50px;}
.cause .c-list{display: flex; gap:20px; flex-wrap: wrap;}
.cause .c-list li{background-color: #f3f5f7; padding: 20px; border-radius: 40px; width: calc(100% / 2 - 20px / 2); font-size: 1.8rem; color: #666; font-weight: 400; position: relative; padding-left: 52px; word-break: keep-all;}
.cause .c-list li.w100{width: 100%;}
.cause .c-list li::before{content: '\e86c'; font-family: 'Material Symbols Outlined'; color: #0d6fb8; position: absolute; left: 20px; top: 17px; font-size: 2.4rem;}

@media all and (max-width:1280px){
    .cause .c-list{gap:15px;}
	.cause .c-list li{ padding-left: 48px;}
}
@media all and (max-width:976px){
    .cause .c-list li{width: 100%;}
}
@media all and (max-width:768px){
    .cause{ margin-top: 30px;}
	.cause .c-list li{border-radius: 30px; font-size: 1.6rem;}
}
@media all and (max-width:500px){
	.cause .c-list li{border-radius: 25px;}
}

#bdList h4 {font-size:2rem; color:#000; font-weight:700; margin:0.5em 0;}
#bdList h4 i{margin-right: 5px; color: #018bdd;}
#bdList ul {display:flex; align-items: center; gap:5px; flex-wrap:wrap}
#bdList ul li { font-size:1.6rem; padding:1em 1.5em; border-radius:60px; color:#143f74;  background:#f5fbfe; border:0; line-height:1.0em; font-weight:600 }
#bdList ul li:last-child {border:0;}

@media all and (max-width:1280px) {
	#bdList ul li { padding:0.8em 1em;}
}

@media all and (max-width:480px) {
	#bdList ul li { padding:0.8em 1em;}
}


.clinic_dlbox{}
.clinic_dlbox .t1{font-size: 2.6rem; color:#222; font-weight: 600;}
.clinic_dlbox .t1 span{color:#018bdd}
.clinic_dlbox .t2{font-size: 1.8rem;}
.clinic_dlbox .dlbox{margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.clinic_dlbox .dlbox dl{width: 100%;}
.clinic_dlbox .dlbox.col2{}
.clinic_dlbox .dlbox.col2 dl{margin: 1%; width: 48%;}
.clinic_dlbox .dlbox dl dt{padding: 10px; background: #018bdd; color:#fff; font-weight: 700; font-size: 2.8rem; text-align: center; border-radius: 3px;}
.clinic_dlbox .dlbox dl dd{padding: 20px;}
.clinic_dlbox .dlbox dl dd .t-center{text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.clinic_dlbox .dlbox dl dd .t-center strong{margin-bottom: 10px; padding:0.5em 1em; display: inline-block; background-color: #018bdd30; border-radius: 40px; color:#018bdd; font-size: 2.0rem;}
.clinic_dlbox .dlbox dl dd .t-center p{font-size: 2.0rem; font-weight: 500; color: #444;}
.clinic_dlbox .dlbox dl dd ul li{font-size: 1.8rem; margin-bottom: 0.5em; text-align: center;}
@media all and (max-width:976px){
    .clinic_dlbox .dlbox.col2 dl{width: 100%;}
}
@media all and (max-width:640px){
    .clinic_dlbox .dlbox{margin-top: 20px;}
    .clinic_dlbox .t1{font-size: 2.2rem;}
    .clinic_dlbox .t2{font-size: 1.5rem;}
    .clinic_dlbox .dlbox dl dt{font-size: 2.4rem;}
    .clinic_dlbox .dlbox dl dd .t-center strong{font-size: 1.6rem;}
    .clinic_dlbox .dlbox dl dd .t-center p{font-size: 1.5rem;}
    .clinic_dlbox .dlbox dl dd ul li{font-size: 1.5rem;}
}

.clinic5-2_sec1{margin: 70px auto; max-width: 1280px; }
.clinic5-2_sec1 > div{padding:0 50px;}
.clinic5-2_sec1 h3{font-size: 24px; color: #000; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #bbb; display: flex; align-items: center; gap:10px;}
.clinic5-2_sec1 h3 span{color: #018bdd;}
.clinic5-2_sec1 .t1{font-size: 1.8rem;}
@media all and (max-width:976px){
    .clinic5-2_sec1 > div{padding:0 35px;}
}
@media all and (max-width:640px){
    .clinic5-2_sec1 > div{padding:0 30px;}
}

.clinic5-2_iconlist1{padding: 40px; display: flex; flex-wrap: wrap; justify-content: center;}
.clinic5-2_iconlist1 li{margin: 1%; display: flex; flex-direction: column; align-items:center;}
.clinic5-2_iconlist1 li .img{padding: 20px; border:8px solid #018bdd; border-radius: 50%;}
.clinic5-2_iconlist1 li img{}
.clinic5-2_iconlist1 li .desc{margin-top: 10px; text-align: center; font-size: 2.8rem; font-weight: 600; color:#018bdd;}
@media all and (max-width:976px){
    .clinic5-2_iconlist1{flex-wrap: wrap;}
}
@media all and (max-width:768px){
    .clinic5-2_iconlist1 li img{width: 120px;}
    .clinic5-2_iconlist1 li .desc{font-size: 2.0rem;}
}
@media all and (max-width:640px){
    .clinic5-2_iconlist1 li img{width: 100px;}
    .clinic5-2_iconlist1 li .desc{font-size: 1.8rem;}
}
@media all and (max-width:568px){
    .clinic5-2_iconlist1 li .img{border-width: 4px;}
    .clinic5-2_iconlist1 li img{width: 80px;}
    .clinic5-2_iconlist1 li .desc{font-size: 1.6rem;}
}


.clinic5-2_iconlist2{padding: 40px; display: flex; flex-wrap: wrap; justify-content: center;}
.clinic5-2_iconlist2 li{margin: 1%; text-align: center; width: 30%;}
.clinic5-2_iconlist2 li .img{display: inline-flex; flex-direction: column; justify-content: center; align-items: center; padding: 2em; width: 240px; height: 240px; border:8px solid #018bdd; border-radius: 50%;}
.clinic5-2_iconlist2 li .img img{width: 60%;}
.clinic5-2_iconlist2 li .img p{font-size: 3.2rem ;color: #018bdd; font-weight: 700;}
.clinic5-2_iconlist2 li .img small{font-size: 1.6rem;}
.clinic5-2_iconlist2 li dl{margin-top: 6px; font-size: 2.0rem; margin-bottom: 10px;}
.clinic5-2_iconlist2 li dl:last-child{margin-bottom: 0;}
.clinic5-2_iconlist2 li dl dt{margin: 5px 0; display: inline-block; padding:0.5em 1em; background-color: #018bdd30; color: #018bdd; border-radius: 40px; font-weight: 700;}
@media all and (max-width:976px){
    .clinic5-2_iconlist2{padding: 40px 0;}
    .clinic5-2_iconlist2 li .img{width: 24vw; height: 24vw; border-width: 6px;}
    .clinic5-2_iconlist2 li .img p{font-size: 2.6rem;}
    .clinic5-2_iconlist2 li dl{font-size: 1.8rem;}
}
@media all and (max-width:640px){
    .clinic5-2_iconlist2 li {width: 48%;}
    .clinic5-2_iconlist2 li .img{width: 35vw;height: 35vw;}
}
@media all and (max-width:480px){
    .clinic5-2_iconlist2 li .img{width: 40vw;height: 40vw; border-width: 4px; padding: 20px;}
    .clinic5-2_iconlist2 li .img img{width: 80%;}
    .clinic5-2_iconlist2 li .img p{font-size: 2.0rem;}
    .clinic5-2_iconlist2 li .img small{font-size: 1.4rem;}
    .clinic5-2_iconlist2 li dl{font-size: 1.4rem;}

}

.clinic5-2_list1{display: flex; flex-wrap: wrap;}
.clinic5-2_list1 li{display: flex; gap: 10px; align-items: flex-start; line-height: 1.3em; width: 48%; margin: 1%; padding: 1.4em; font-size: 1.8rem; border-radius: 45px; background-color: #f5fbfe;}
.clinic5-2_list1.col3 li{width: 31%;}
.clinic5-2_list1 li span{color:#018bdd;}
@media all and (max-width:976px){
    .clinic5-2_list1.col3 li{width: 48%;}
}
@media all and (max-width:768px){
    .clinic5-2_list1.col3 li{width: 100%;}
}

.brmo{display: none;}

.dltxt1{margin: 5px 0; display: flex; gap: 10px; align-items: center; font-size: 1.8rem;}
.dltxt1 dt{white-space: nowrap; background-color: #018bdd30; color: #018bdd; font-weight: 600; padding: 0.5em 1em; border-radius: 30px;}
@media all and (max-width:976px){
    .dltxt1{font-size: 1.6rem;}
}
@media all and (max-width:640px){
.brmo{display: block;}

    .dltxt1{flex-direction: column; gap: 5px; align-items: flex-start;}
    .dltxt1 dd{padding-left: 1em;}
}


.disease{}
.disease ul{display: flex; flex-wrap: wrap; gap: 20px;}
.disease ul li{width: calc((100% - 20px*3)/4); font-size: 1.8rem; text-align: center; }
.disease ul li img{width: 100%;}
.disease ul li p{padding: 10px; font-weight: 500; background-color: #f3f5f7; }
.disease ul li:nth-child(even) p{background-color: #e8eff5;}
@media all and (max-width:640px){
    .disease ul li{width: calc((100% - 20px*1)/2); font-size: 2.0rem;}
}
@media all and (max-width:480px){
    .disease ul{gap: 10px;}
    .disease ul li{width: 100%; font-size: 1.7rem; }
}

.disease2{}
.disease2 ul{display: flex;}
.disease2 ul li{display: flex; justify-content: center; align-items: center; margin: 1%; width: 100%; text-align: center; font-size: 1.8rem; border:1px solid #eee; padding: 2%; color: #018bdd;}
.disease2 ul li:nth-child(even){color: #143f74;}
@media all and (max-width:976px){
    .disease2 ul{flex-wrap: wrap; justify-content: center;}
    .disease2 ul li{width: 200px;}
}
@media all and (max-width:480px){
    .disease2 ul li{width: 140px;}

}


.clinic_sec2 .w1{font-size: 1.8rem; display: flex; align-items: center; gap: 4px;}