@charset "utf-8";

.clinic_box{letter-spacing: -0.05em;}
.clinic_box+.clinic_box{margin-top: 160px;}

@media all and (max-width:1280px){
	.clinic_box+.clinic_box{margin-top: 130px;}
}
@media all and (max-width:976px){
	.clinic_box+.clinic_box{margin-top: 110px;}
}
@media all and (max-width:640px){
	.clinic_box+.clinic_box{margin-top: 90px;}
}
@media all and (max-width:480px){
	.clinic_boxs+.clinic_box{margin-top: 70px;}
}

.clinic_top{}
.clinic_top .img{background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 450px;}
.clinic_top.spine1-1 .img{background-image: url(/images/sub/spine1-1_top.webp);}
.clinic_top.spine1-2 .img{background-image: url(/images/sub/spine1-2_top.webp);}
.clinic_top.spine1-3 .img{background-image: url(/images/sub/spine1-3_top.webp);}
.clinic_top .txt{margin-top: 70px; display:flex; justify-content: space-between;}
.clinic_top .txt .l_cont{font-family: 'DWImpactamin', sans-serif; color: #000; font-size: 40px; line-height: 1.2em;}
.clinic_top .txt .r_cont{ text-align: right; font-size: 18px; color: #686868; line-height: 1.8em;}

@media all and (max-width:1400px){
	.clinic_top .img{height: 30vw; min-height: 300px;}
	.clinic_top .txt{flex-direction: column; margin-top: 50px;}
	.clinic_top .txt .l_cont{font-size: 36px; margin-bottom: 20px;}
	.clinic_top .txt .r_cont{font-size: 17px; text-align: left;}
}
@media all and (max-width:976px){
	.clinic_top .txt{margin-top: 40px;}
	.clinic_top .txt .l_cont{font-size: 32px;}
	.clinic_top .txt .r_cont br{display: none;}
}
@media all and (max-width:640px){
	.clinic_top .img{min-height: 220px;}
	.clinic_top .txt{margin-top: 30px;}
	.clinic_top .txt .l_cont{font-size: 28px; margin-bottom: 15px;}
	.clinic_top .txt .r_cont{font-size: 16px;}
}
@media all and (max-width:480px){
	.clinic_top .img{min-height: 180px;}
}

.clinic_list1{ display: flex; justify-content: center; gap:0 55px; margin: 100px 0;}
.clinic_list1 li{width: 11vw; height: 11vw; border-radius: 100%; background-color: #1e5aab; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 22px; font-weight: 700; min-width: 200px; min-height: 200px; text-align: center;}
.clinic_list1 li:nth-child(even){color: #1e5aab; background-color: #fff; border: 3px solid #1e5aab;}

@media all and (max-width:1280px){
	.clinic_list1{gap:0 30px; margin: 80px 0;}
	.clinic_list1 li{font-size: 19px; min-height: 170px; min-width: 170px;}
}
@media all and (max-width:976px){
	.clinic_list1{gap:20px; margin: 50px 0 80px; flex-wrap: wrap; justify-content: center;}
	.clinic_list1 li{font-size: 17px; min-height: 160px; min-width: 160px;}
}
@media all and (max-width:640px){
	.clinic_list1{gap:15px; margin: 30px 0 60px;}
	.clinic_list1 li{font-size: 16px; min-height: 140px; min-width: 140px;}
}
@media all and (max-width:480px){
	.clinic_list1 li{font-size: 16px; min-height: 130px; min-width: 130px;}
}

.clinic_bg{height: 560px; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 140%; margin-left: -20%;}
.clinic_bg.spine1-1{background-image: url(/images/sub/spine1-1_bg.webp);}
.clinic_bg.spine1-2{background-image: url(/images/sub/spine1-2_bg.webp);}
.clinic_bg.spine1-3{background-image: url(/images/sub/spine1-3_bg.webp);}
.clinic_bg .tit{font-family: 'DWImpactamin', sans-serif; color: #fff; text-align: center; font-size: 40px; padding-top: 160px;}

@media all and (max-width:1280px){
	.clinic_bg{height: 480px;}
	.clinic_bg .tit{padding-top: 120px; font-size: 36px;}
}
@media all and (max-width:976px){
	.clinic_bg{height: 420px;}
	.clinic_bg .tit{padding-top: 100px; font-size: 32px;}
}
@media all and (max-width:640px){
	.clinic_bg{height: 380px;}
	.clinic_bg .tit{padding-top: 80px; font-size: 28px;}
}

.bg_list{ display: flex; justify-content: center; gap:0 40px; margin-top: -240px; margin-bottom: 100px;}
.bg_list li{width: 100%; background-color: #fff; text-align: center; padding: 40px; position: relative; box-shadow: 0px 8px 16px rgba(0,0,0,0.08);}
.bg_list li .num{position: absolute; width: 80px; height: 80px; background-color: #1e5aab; top: -40px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 800; border-radius: 100%; font-size: 24px;}
.bg_list li .title{color: #000; margin: 30px 0px; font-weight: 600; font-size: 30px;}
.bg_list li p{color: #686868; font-size: 18px; line-height: 1.8em;}

@media all and (max-width:1280px){
	.bg_list{gap:0 30px; margin-top: -220px; margin-bottom: 90px;}
	.bg_list li{padding: 35px;}
	.bg_list li .num{width: 72px; height: 72px; font-size: 22px; top: -36px;}
	.bg_list li .title{font-size: 28px; margin: 25px 0px;}
	.bg_list li p{font-size: 17px;}
}
@media all and (max-width:976px){
	.bg_list{gap:60px 30px; margin-top: -200px; flex-wrap: wrap; margin-bottom: 80px;}
	.bg_list li{padding: 30px; width: 100%; border: 1px solid #eee;}
	.bg_list li .num{width: 66px; height: 66px; font-size: 20px; top: -33px;}
	.bg_list li .title{font-size: 26px; margin: 22px 0px;}
}
@media all and (max-width:640px){
	.bg_list{margin-top: -180px;}
	.bg_list li{padding: 25px;}
	.bg_list li .num{width: 62px; height: 62px; font-size: 19px; top: -31px;}
	.bg_list li .title{font-size: 24px; margin: 20px 0px;}
	.bg_list li p{font-size: 16px;}
}
@media all and (max-width:480px){
	.bg_list li .num{width: 58px; height: 58px; font-size: 18px; top: -29px;}
	.bg_list li .title{font-size: 22px; margin: 18px 0px;}
}

.who_box{}
.who_box + .who_box{margin-top: 100px;}
.who_box table{margin-top: 40px;}
.who_box .tit{font-family: 'DWImpactamin', sans-serif; font-size: 40px; color: #000;}
.who_box ul{ display:flex; flex-wrap: wrap; gap:20px 40px; margin-top: 40px; justify-content: space-between;}
.who_box ul li{width: calc(100% / 2 - 40px / 2); background: #f9f9f9 url(/images/sub/who_box_icon.webp) no-repeat left 20px center / 28px; font-size: 20px; color: #000; padding: 20px 15px; padding-left: 60px;}

@media all and (max-width:1280px){
	.who_box .tit{font-size: 36px;}
	.who_box ul{margin-top: 35px; gap:15px 30px;}
	.who_box ul li{width: calc(100% / 2 - 30px / 2); padding: 15px 12px; padding-left: 50px; font-size: 18px; background: #f9f9f9 url(/images/sub/who_box_icon.webp) no-repeat left 12px center / 24px;}
}
@media all and (max-width:976px){
	.who_box .tit{font-size: 32px;}
	.who_box ul{margin-top: 30px; gap:15px 20px;}
	.who_box ul li{width: 100%; font-size: 17px; background-size: 22px; padding-left: 50px;}
}
@media all and (max-width:640px){
	.who_box .tit{font-size: 28px;}
	.who_box ul li{font-size: 17px; background-size: 20px; padding-left: 45px;}
}
@media all and (max-width:480px){
	.who_box .tit{font-size: 24px;}
}



.tb-style1{width: 100%; font-size: 1.7rem; text-align: center; }
.tb-style1 thead tr th{padding:1em 0; background-color: #1e5aab ; border-right: 1px solid #eee;
						font-size: 2.0rem; font-weight: 500; color: #FFF; }
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th {padding: 1em; background-color: #fafafa;  color: #222; font-weight: 500;border-bottom: 1px solid #dedede; word-break: keep-all; border-right: 1px solid #eee;}
.tb-style1 tbody tr td { padding: 1em; border-bottom: 1px solid #dedede; border-right: 1px solid #eee; word-break: keep-all;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}

.tb-style1.disease1 {margin-top:1em}
.tb-style1.disease1 thead tr th,
.tb-style1.disease1 tbody tr th,
.tb-style1.disease1 tbody tr td {padding:0.6em 0}

@media all and (max-width:870px){
	.tb-style1 thead.last-th {display:none}

	.tb-style1 tbody tr th,
	.tb-style1 tbody tr td {padding: 1em 5px}
}
@media all and (max-width:480px){
	.tb-style1 thead tr th {font-size: 1.7rem;}
	.tb-style1{ font-size: 1.6rem; }
}