@charset "utf-8";

#comm2 img{max-width: 100%; border-bottom-left-radius: 100px;}
#comm2 .img{position: relative;}
.comm2dl{display: flex; align-items: flex-start; padding: 3em; border-top: 1px solid #ddd;}
.comm2dl dt{width: 25%; font-size: 4.0rem; color: #333; font-weight: bold;}
.comm2dl dd{width: 75%; padding-top: 2px;}
.comm2dl dd strong{display: inline-block; font-size: 2.4rem; color: #005f9f;}
.comm2dl dd strong:not(:first-child){margin-top: 1.2em;}
.comm2dl dd p{margin: 1em 0; padding: 2em; background-color: #f8fafc; color: #313442; font-size: 1.8rem;}
@media all and (max-width:976px){
    #comm2 img{border-bottom-left-radius: 40px;}
    .comm2dl{display: block; padding: 2em 0;}
    .comm2dl dt, .comm2dl dd{width: 100%;}
    .comm2dl dt{margin-bottom: 1em; text-align: center;font-size: 3.0rem;}
    .comm2dl dd strong{font-size: 2.0rem;}
    .comm2dl dd p{font-size: 1.6rem;}
}


.tb-style {width:100%; margin:0 auto;border-top:2px solid #005f9f;}
.tb-style th {font-size:1.8rem;  padding:0.6em 5px; background:#e9f4ff; border-left:1px solid #d7dae5;    color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { font-size:1.6rem; padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #d7dae5; border-bottom:1px solid #d7dae5; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em;}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0; }
.bl1{border-left:1px solid #d7dae5 !important;}
.bdb1{border-bottom:1px solid #d7dae5 !important;}

.tb-style td br.br640 {display:none}
.tb-h3 {font-size: 2.4rem; color: #000; margin-bottom: 20px; border-left: 7px solid #0047ab; display: inline-block; padding-left: 10px;}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}


@media all and (max-width:640px){
	.tb-style td br.br640 {display:block}
}
@media all and (max-width:480px){
	.tb-style th {font-size:1.8rem}
	.tb-style td { font-size:1.5rem;}
}


#stepList {margin:2em 0 30px;  display:flex; flex-wrap:wrap; justify-content: space-between;}
#stepList li {width:250px; text-align:center; border-radius:30px; padding:2em; position:relative; counter-increment: number; margin-bottom: 20px;}
#stepList li:before {content: counter(number, decimal-leading-zero); font-size:10.0rem; color:#FFF; font-family:'Oswald'; position:absolute; right:0.2em; top:-0.5em; font-weight:800}
#stepList.bg1 li {background:rgba(233,244,255,0.7)}
#stepList.bg2 li { background:#fcf9f8}
#stepList dl { position:relative;}
#stepList dl dt {padding:1em 0 0.3em; font-size:2.2rem; font-weight:700; color:#555}
#stepList li .img {width:100px; height:100px; border-radius:100%; margin:0 auto;; position:relative; }
#stepList li .img img {width:100%}
#stepList.bg1 li .img {background:#005f9f }
#stepList.bg2 li .img {background:#665040 }

@media all and (max-width:1280px){
	#stepList {gap:10px}
	#stepList li {width:220px; }
}
@media all and (max-width:1024px){
	#stepList li {width:209px; }
}
@media all and (max-width:767px){
	#stepList li {width:48%; padding:1.5em 0.5em; margin-bottom: 10px;}
	#stepList li:last-child {width:100%;}
	#stepList li:before {font-size:13vw; right:1vw}
	#stepList li .img {width:70px; height:70px; }
}
@media all and (max-width:480px){
	#stepList li {border-radius:10px;}
	#stepList li .img {width:50px; height:50px; }
	#stepList dl dt {font-size:2.0rem; }
	#stepList dl dd {font-size:1.5rem; }
}



.sectionList .chapter {padding-top:180px; }
.sectionList #tab1.chapter {padding-top:0; }

@media all and (max-width:767px){
    .sectionList .chapter {padding-top:140px; }
}



#clinic_top { height:510px; background-size:auto 100%; background-position:left top; background-repeat:no-repeat; display:flex }
#clinic_top .contWrap {width:50%; margin-left: auto; height:100%; background:#FFF; display:flex; align-items: end;  }
#clinic_top .contWrap .cont {width:100%}
#clinic_top .contWrap .cont li {padding:4em 5em; position:relative}
#clinic_top .contWrap .cont li:before {content:''; width:2px; height:40px; background:#143f74; position:absolute; left:5em; bottom:0}
#clinic_top .contWrap .cont li h3 { font-size:4.4rem; color:#222; transform: rotate(-0.03deg); font-weight:300; margin-bottom: 10px;}
#clinic_top .contWrap .cont li .eng {font-size:1.4rem; opacity:.3; color:#143f74; font-family:'Montserrat'; letter-spacing:0.03em}
#clinic_top .contWrap .cont li .t1 {width:90%; max-width:700px; line-height:1.8em; font-size:1.8rem; color:#6b7478}
#clinic_top .contWrap .cont li.bg {background:#f1f9fd}
#clinic_top .contWrap .cont li.bg::before {bottom:unset; top:0}

#clinic_top.rehab1 { background-image:url('/images/sub/clinic_top_rehab1.jpg')}


@media all and (max-width:1280px) {
	#clinic_top { height:auto;}
	#clinic_top .contWrap { padding-top:5em}
	#clinic_top .contWrap .cont li {padding:3em }
	#clinic_top .contWrap .cont li:before { height:30px; left:3em;}
	
	#clinic_top .contWrap .cont li .t1 { line-height:1.6em }
	#clinic_top .contWrap .cont li .t1 br {display:none}
}
@media all and (max-width:1024px) {
	#clinic_top { background-size: 100% auto}
	#clinic_top .contWrap {padding-top:3em; margin-top:50vw; width:100%}
	#clinic_top .contWrap .cont li .t1 { max-width:100% }
	#clinic_top .contWrap .cont li .t1 br {display:block}
}
@media all and (max-width:767px) {
	#clinic_top .contWrap .cont li .t1 { width:100% }
	#clinic_top .contWrap .cont li .t1 br {display:none}
}
@media all and (max-width:480px) {
	#clinic_top .contWrap {padding-top:5vw;}
	#clinic_top .contWrap .cont li {padding:10vw 6vw }
	#clinic_top .contWrap .cont li:before { height:6vw;  left:6vw;}
}

/* medi_top */
.medi_top{margin: 100px 0;}
.medi_top .s-inner{}
.medi_top .s-inner h3{font-size: 40px; color: #000; font-weight: 500; margin-bottom: 30px;}
.medi_top .s-inner h3::before{content: ''; width: 6px; height: 16px; background-color: #0089d0; display: block; transform: skewX(-20deg); margin-left: 10px; margin-bottom: 15px;}
.medi_top .s-inner h4{font-size: 22px; color: #143f74; margin-bottom: 10px; font-weight: 600;}
.medi_top .s-inner p{font-size: 18px; color: #666; font-weight: 300; line-height: 1.8em; word-break: keep-all;}
.medi_top .img{width: 100%; margin: 60px 0;}
.medi_top .img img{width: 100%; object-fit: cover; height: 100%;}


@media all and (max-width:1440px){
    .medi_top .s-inner h3::before{margin-bottom: 12px;}
	.medi_top .s-inner h3{font-size: 36px; margin-bottom: 27px;}
    .medi_top .s-inner h4{font-size: 20px;}
	.medi_top .s-inner p{font-size: 17px;}
	.medi_top .img{margin-top: 50px; height: 320px;}
}
@media all and (max-width:976px){
    .medi_top{margin-top: 80px;}
    .medi_top .s-inner h3{font-size: 32px; margin-bottom: 24px;}
	.medi_top .s-inner p br{display: none;}
	.medi_top .img{margin-top: 45px; height: 280px;}
}
@media all and (max-width:640px){
    .medi_top{margin-top: 40px;}
	.medi_top .s-inner h3{font-size: 28px;}
    .medi_top .s-inner h4{font-size: 18px;}
	.medi_top .s-inner p{font-size: 16px;line-height: 1.6em;}
	.medi_top .img{margin-top: 40px; height: 240px;}
}
@media all and (max-width:480px){
	.medi_top .s-inner h3{font-size: 25px;}
	.medi_top .img{margin-top: 35px; height: 200px;}
}

/* m_list1 */
.m_list1{margin: 140px 0;}
.m_list1 .s-inner{}
.s_txt h3{color: #000; font-size: 36px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 2px solid #005f9f; font-weight: 400;}
.s_txt span{font-weight: bold; color: #005f9f;}
.m_list1 .s-inner ul{margin-top: 40px; display: flex; gap:30px 0; flex-wrap: wrap; justify-content: space-between;}
.m_list1 .s-inner ul li{width: 32%; background-color: #f9f8f7; border-radius: 10px; text-align: center; transition: 0.3s;}
.m_list1 .s-inner ul li:hover{background: #005f9f; transition: 0.3s;}
.m_list1 .s-inner ul li a{width: 100%;height: 100%; display: inline-block;padding: 30px 40px;}
.m_list1 .s-inner ul li h3{color: #000; font-size: 24px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #ddd;}
.m_list1 .s-inner ul li:hover a h3{color: #fff; border-bottom: 1px solid #fff;}
.m_list1 .s-inner ul li p{word-break: keep-all; font-size: 18px; color: #444; line-height: 1.6em;}
.m_list1 .s-inner ul li:hover a p{color: #fff;}


@media all and (max-width:1280px){
    .m_list1{margin: 120px 0;}
    .s_txt h3{font-size: 3rem;}
	.m_list1 .s-inner ul{gap:20px; margin-top: 35px;}
	.m_list1 .s-inner ul li a{padding: 25px 30px;}
	.m_list1 .s-inner ul li h3{font-size: 22px; padding-bottom: 13px; margin-bottom: 13px;}
	.m_list1 .s-inner ul li p{font-size: 17px;}
}
@media all and (max-width:976px){
    .m_list1{margin: 100px 0;}
	.m_list1 .s-inner ul{flex-wrap: wrap; margin-top: 30px; gap:15px;}
	.m_list1 .s-inner ul li{width: calc(100% / 2 - 15px / 2);}
}
@media all and (max-width:640px){	
    .m_list1{margin: 80px 0;}
    .s_txt h3{font-size: 2.5rem;}
	.m_list1 .s-inner ul li h3{font-size: 20px; padding-bottom: 12px; margin-bottom: 12px;}
	.m_list1 .s-inner ul li p{font-size: 15px;}
}
@media all and (max-width:480px){
	.m_list1{margin: 60px 0;}
	.m_list1 .s-inner ul li{width: calc(100% );}
	.m_list1 .s-inner ul li h3{font-size: 17px;}
}


#circleList {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top: 50px;}
#circleList li {border-radius:100%; background:#49afcf; display:flex; justify-content:center; align-items: center; counter-increment: number; position: relative; width: 220px;height: 220px;}
#circleList li:before {content: counter(number, decimal-leading-zero); font-size:5rem; color:#FFF; font-family:'Oswald'; position:absolute; right:0.5em; top:0.2em; font-weight:800; opacity: 0.3;}
#circleList li:nth-child(even) { background:#0047ab;}
#circleList li.none { background:#fff; display: none;}
#circleList li p { font-size:2.4rem; font-weight:700; color:#FFF; text-align: center;}

@media all and (max-width:1399px){
    #circleList li {width:180px; height:180px; }
}
@media all and (max-width:640px){
    #circleList li {width:130px; height:130px; }
    #circleList li:before {font-size:4rem; top: 0;}
    #circleList li p { font-size:2rem;}
    #circleList li.none {display: block;}
}
@media all and (max-width:480px){
    #circleList li:before {font-size:3rem; top: 0;}
    #circleList li p { font-size:1.6rem;}
	#circleList li {width:29vw; height:29vw; }
}



#checkList  {display:flex; flex-wrap:wrap; justify-content: space-between;} 
#checkList  li {padding:1.5em 1.7em 1.5em 0; width: 48.5%; border-radius: 50px; display: inline-block; position: relative; margin:6px 3px; background:#f6fafc url('/images/sub/check_icon.png') no-repeat 20px center;}
#checkList  li p {float: left; font-size:1.8rem; padding-left: 60px; line-height:1.4em}
#checkList.w100 li {width:100%}
#checkList.ver2 li {background:#FFF url('/images/sub/check_icon.png') no-repeat 20px center; border-bottom:1px dashed #e9e9e9; border-radius: 0; margin:0 }
#checkList li strong{color: #0b6eb5; padding-right: 0.5em;}
@media screen and (max-width:1060px) {	
	#checkList  {width:80%; margin:0 auto;}
	#checkList  li { width:calc(100% - 10px); }
}
@media screen and (max-width:976px) {	
	#checkList  {width:100%}
}
@media screen and (max-width:480px) {	
	#checkList  li {padding:1em 1em 1em 0; border-radius:5px;  margin:4px 0; background:#f6fafc url('/images/sub/check_icon.png') no-repeat 10px center; }
	#checkList  li p {padding-left: 50px; font-size: 1.6rem;}
}



ul.vid{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 0 15%;}
ul.vid li{width: 48%; padding-top: 26.25%; position: relative;}
ul.vid li iframe{width: 100%; height: 100%; position: absolute; top: 0;left: 0;}

ul.vid li:has(.txt){padding: 0; background-color: #f6fafc ; border-radius: 40px;}
ul.vid li .txt {padding: 50px; }
ul.vid li .txt h4{font-size: 3.2rem; color: #0b6eb5;}
ul.vid li .txt p{margin-top: 20px; display: flex; gap: 3px; align-items: flex-start; font-size: 1.8rem; line-height: 1.6; color: #333;}
ul.vid li .txt p span{font-size: 2rem; display: inline-block; margin-top: 3px;}
@media screen and (max-width:787px){
    ul.vid{gap: 30px; margin: 20px 0 20%;}
    ul.vid li{width: 100%;padding-top: 56.25%; }
    ul.vid li .txt{padding: 30px;}
    ul.vid li .txt h4{font-size: 2.5rem;}
    ul.vid li .txt p{}
}