@charset "utf-8";

.bar{width: 100%; height: 1px; background-color: #ddd; display: block; margin: 2em 0;}

.cln-top { position: relative; display: table; table-layout: fixed; text-align: center; }
.cln-top > div { display: table-cell; vertical-align: middle; width: 50%; }
.cln-top .img img { max-width: 100%; }
.cln-top .txt { font-family: 'SBAggro';  color:#fff; background: #0196da url("/images/sub/symbolBG.png") no-repeat right bottom; }
.cln-top .txt h4 { font-size: 5.5rem; font-weight: 500; }
.cln-top .txt p { font-size: 3.6rem; }


@media all and (max-width:1280px) {
  .cln-top .txt { background-size: auto 90%; }
  .cln-top .txt h4 { font-size: 4.5rem; }
  .cln-top .txt p { font-size: 3.2rem; }
}

@media all and (max-width:976px) {
  .cln-top .txt h4 { font-size: 4rem; }
  .cln-top .txt p { font-size: 2.8rem; }
}

@media all and (max-width:767px) {
  .cln-top { display: block; }
  .cln-top > div { display: block; width: 100%; }
  .cln-top .txt  { padding: 8% 5%; width: 80%; margin: -10vw auto 0; z-index:10; position: relative; }
}

@media all and (max-width:480px) {
  .cln-top .txt  { padding: 10% 5%; width: 100%; margin-top:0; }
  .cln-top .txt h4 { font-size: 3.8rem; }
  .cln-top .txt p { font-size: 2.6rem; }
}


.stit1 { font-size: 3.6rem; color:#000e35; font-family: 'SBAggro'; font-weight: 500; margin-bottom: 0.7em; }
.stit1.fs-s { font-size: 3rem;  }
.stit2 { font-size: 2.4rem; color:#000e35; font-weight: 600; margin-bottom: 0.7em; }
.stit2.mbs { margin-bottom: 0.4em; }
.stit3 { font-size: 2.4rem; color:#fff; background-color: #000e35; font-weight: 600; margin-bottom: 0.7em; display: inline-block; padding: .5em .5em;}
.stit4 { font-size: 2.4rem; color:#fff; background-color: #ee3335; font-weight: 600; margin-bottom: 0.7em; display: inline-block; padding: .5em .5em;}
.stit5 { font-size: 2.1rem; color:#000e35; margin-bottom: 0.5em; }
.stxt1 { font-size: 1.8rem; color:#585858; line-height: 1.8em; font-weight: 400; }
.underline{text-decoration: underline;}
.stxt2 { font-size: 1.9rem; color:#212121; line-height: 1.5em; font-weight: 500 }
.stxt3 { font-size: 1.7rem; line-height: 1.7em; }


.typo1 { font-size: 2.2rem; color:#000e35; font-family: 'SBAggro'; font-weight: 300; line-height: 1.7em; }
.em1 { font-size: 2.2rem; color:#000e35; font-weight: 500; }
.arr { font-size: 0.7em; color:#c8d1d7; display: inline-block; vertical-align: middle; margin: 0 0.5em; line-height: 1.0em;}

.s-section { padding: 5% 0; }
.s-section.pts { padding-top: 3%; }

.BG1 { background: #f3f9fb; }
.BG2 { background: #fafafa; }
.bdBox { border: 10px solid #f3f9fb; }

.BG1.pd3 { padding: 3%; }
.BG1.pd4 { padding: 4%; }
.BG1.pd5 { padding: 5%; }

.bdBox.pd4 { padding: 4%; }

.imgWrap { padding: 3%; text-align: center; }
.imgWrap img { max-width: 100%; }

@media all and (max-width:976px) {
    .s-section { padding: 7% 0; }
}


@media all and (max-width:767px) {
  .s-section { padding: 9% 0; }
  .stit1 { font-size: 3.4rem; }
  .stxt1 { text-align: left; }
  .stxt1 br { display: none;  }
  .typo1 { line-height: 1.4em; }

  .BG1.pd4 { padding: 7%; }
  .bdBox.pd4 { padding: 7%; }

  .imgWrap { padding: 7%;  }
}

.halfCont { position: relative; width: 100%; overflow: hidden; display: table; margin-top: 4%;}
.halfCont > div { position: relative; display: table-cell; vertical-align: middle;}
.halfCont .img { width: 40%;  }
.halfCont .img img { width: 100%;}
.halfCont .cont {  width: 60%;  position: relative; padding:  3%; background: #fff; }
.halfCont .cont.bdBox { border-width: 6px;   border:10px solid #ecf2f5}

@media all and (max-width:1280px) {
  .halfCont  { background: #fff; }
  .halfCont .cont { padding: 3% 5%; }
  .halfCont .cont.bdBox { padding: 3% 4%; }

  .halfCont.mbdBox { border: 6px solid #ebeef8; }
  .halfCont.mbdBox .cont.bdBox { border-width: 0; }
}
@media all and (max-width:976px) {
  .halfCont { display: block;  margin: 4% auto 4%;}
  .halfCont > div { display: block; width: 100%; }
  .halfCont .img { width:100%;  }
  .halfCont .cont {  width: 100%; padding: 5% !important; }
}



.titBox { position: relative; width: 100%; border: 10px solid #f3f9fb;  text-align: center; padding: 5% 2% 3%; margin-top: 7%;  }
.titBox > dt { font-size: 2.6rem; font-family: 'SBAggro'; font-weight: 500; background: #1cccc6; color:#fff; display: inline-block;
                padding: 0 1.2em; line-height: 2em; border-radius: 60px; position: absolute; left: 50%; top: calc(-1em - 5px);
                transform: translateX(-50%);}


.circleList { font-size:0; text-align: center; }
.circleList li { position: relative; display: inline-block; vertical-align: middle; width: 160px; height: 160px; border: 5px solid #c7cdd8;
                  font-size: 2.2rem; font-family: 'SBAggro'; font-weight: 500; border-radius: 100%; margin: .5em 10px; }
.circleList.active li {border: 5px solid #1cccc6; }
.circleList li p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color:#455a7e; line-height: 1.2em;}
.circleList.active li p {color:#1cccc6;}


@media all and (max-width:1280px) {
  .titBox dt  { font-size: 2.4rem; }
  .circleList li { margin: 0 5px; width: 140px; height: 140px; max-width: 12vw; max-height: 12vw;  }
}

@media all and (max-width:1080px) {
  .titBox dt { font-size: 2.2rem; line-height: 1.2em; padding: 0.5em 1em; }
  .circleList li { font-size: 1.9rem; }
}

@media all and (max-width:860px) {
  .titBox dt { width: 70%;  }

  .circleList { max-width: 60vw; margin: 0 auto; }
  .circleList li { max-width: 18vw; max-height: 18vw; margin: 3px; }
}

@media all and (max-width:640px) {
  .titBox { padding-top: 8%; }
  .titBox dt { width: 80%;  }

  .circleList { max-width: 80vw; }
  .circleList li { max-width: 24vw; max-height: 24vw; }
}


@media all and (max-width:500px) {
  .titBox { padding-top: 10%; margin-top: 10%;  }
  .titBox dt  { width: 90%; font-size: 2rem; }
}

@media all and (max-width:480px) {
  .titBox { padding: 7% 4%; margin-top:5%; }
  .titBox dt { position: relative; transform: none; top: inherit; left: inherit; background: none; color:#1cccc6; font-size: 2.2rem; }
}

@media all and (max-width:360px) {
  .circleList li { max-width: 30vw; max-height: 30vw; }
}



.contList { position: relative; width: 100%; display: table; table-layout: fixed; text-align: center; overflow: hidden; }
.contList li { display: table-cell; vertical-align: top; width: 50%; padding: 0 3.5%; border-right: 1px solid #dbe0e4; }
.contList.pl li{padding: 0 1%;}
.contList li:first-child { border-left: 1px solid #dbe0e4;  }
.contList li img { max-width: 100%; margin: 10px 0; }
.contList li h5 { font-size: 2.4rem; background: #0196da; color:#fff; padding: 1em; display: block; width: 100%; word-break: keep-all}
.contList li h5 span{color: greenyellow}
.contList li p { font-size: 2rem; color:#585858; padding: 1em; padding-bottom: 0;}
.contList li p.stxt1{line-height: 1.6em; font-size: 1.8rem; padding-top: 1em;}
.contList li p.stxt1::before{content: '·';}
.contList li:nth-child(even) h5 { background: #2155ae; }


@media all and (max-width:767px) {
  .contList  { display: block; }
  .contList li  { display: block; width: 100%; border: 0 !important; padding:0; max-width: 600px; margin: 0 auto; }
  .contList li + li { margin-top: 7%; }
}



.stepCont { position: relative; text-align: center; overflow: hidden; }
.stepCont li { width: calc((100% - 60px) / 4); float: left; margin-left: 20px; }
.stepCont.d5 li { width: calc((100% - 80px) / 5); float: left; margin-left: 20px; }
.stepCont.d3 li { width: calc((100% - 60px) / 3); float: left; margin-left: 30px; }
.stepCont li:first-child { margin-left:0; }
.stepCont li.col2 { width: calc((100% - 60px) / 2); }
.stepCont li dl { width: 100%; margin-bottom: 20px; }
.stepCont li.col2 dl { width: calc((100% - 20px) / 2); float: left; }
.stepCont li.col2 dl:nth-child(even) { margin-left: 20px; }
.stepCont li dl dt { padding: 1em; font-size: 2rem; color:#fff; font-weight: 600; }
.stepCont li dl dd { font-size: 1.7rem; padding: 1.5em 1em; border: 1px solid #e5e5e5; }
.stepCont li p { font-size: 1.7rem; line-height: 1.5em; padding: 0 1em; }
.stepCont li p.result { background: #dbe0e4; padding: 0.7em 1em; color:#212121; margin-top: 20px;  }

.stepCont li dl.step1 dt { background: #0196da; }
.stepCont li dl.step2 dt { background: #2155ae; }
.stepCont li dl.step3 dt { background: #455a7e; }
.stepCont li dl.step4 dt { background: #1a2f53; }
.stepCont li dl.step5 dt { background: #030a2c; }


@media all and (max-width:1080px) {
  .stepCont li { width: calc((100% - 30px) / 4); margin-left: 10px; }
    .stepCont.d5{flex-wrap: wrap; display: flex;}
    .stepCont.d5 li { width: calc((100% - 80px) / 3);  margin: 0 10px;}
  .stepCont li.col2 { width: calc((100% - 30px) / 2); }
  .stepCont li.col2 dl { width: calc((100% - 10px) / 2); }
  .stepCont li.col2 dl:nth-child(even) { margin-left: 10px; }
  .stepCont li p { padding: 0; }
}

@media all and (max-width:860px) {
  .stepCont li p { font-size: 1.6rem; }
}

@media all and (max-width:767px) {
    .stepCont.d3 li{width: 100%; margin: 0;}
    .stepCont li { width: 100%; margin: 5% auto 0 !important; float: inherit;  }
    .stepCont.d5 li { width: 100%;}
    .stepCont li.col2 { width: 100%;  }
}

@media all and (max-width:480px) {
  .stepCont li { width: 100%; }
  .stepCont li.col2 dl { width: 100%; }
  .stepCont li.col2 dl:nth-child(even) { margin-left:0; }
}




.clinicList { position: relative; width: 100%;  margin: 0 auto; overflow: hidden; }
.clinicList li { position: relative; float: left; width: calc((100% - 60px) / 7); margin: 5px 0 5px 10px; overflow: hidden;
                  cursor: pointer; border-bottom: 1px solid #dfe7ed; border-right: 1px solid #e6eef4; }
.clinicList li:nth-child(7n+1) { margin-left:0; }
.clinicList li > div { padding: 3em 5%; width: 100%; height: 100%; }
.clinicList li .view { background: #fff; }
.clinicList li .view img { max-width: 45%; }
.clinicList li .view p { font-size: 2rem; color:#212121; font-weight: 500; margin-top: 1.7em; }
.clinicList li .hide { transition: all 0.5s; position: absolute; top: 100%; opacity: 0; background: #2155ae; color:#fff; }
.clinicList li:hover .hide { top: 0; opacity: 1; }
.clinicList li .hide .in { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; }
.clinicList li .hide .in > p { font-size: 2.2rem; font-weight: 500; }
.clinicList li .hide a { display: block; background: #1cccc6; color:#fff; padding: 0 1em; line-height: 2.5em; text-align: left; margin-top: 4em;}
.clinicList li .hide a span { display: block; }
.clinicList li .hide a span::after { content:'→'; float: right; }


@media all and (max-width:1480px) {
  .clinicList li > div { padding: 2.5em 5%; }
}

@media all and (max-width:1280px) {
  .clinicList li {  width: calc((100% - 40px) / 5);  }
  .clinicList li:nth-child(7n+1) { margin-left:10px; }
  .clinicList li:nth-child(5n+1) { margin-left:0; }
}

@media all and (max-width:1080px) {
  .clinicList li {  width: calc((100% - 30px) / 4);  }
  .clinicList li:nth-child(5n+1) { margin-left:10px; }
  .clinicList li:nth-child(4n+1) { margin-left:0; }
  .clinicList li .hide .in { width: 80%; }
}

@media all and (max-width:860px) {
  .clinicList li {  width: calc((100% - 20px) / 3);  }
  .clinicList li:nth-child(4n+1) { margin-left:10px; }
  .clinicList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:640px) {
  .clinicList li .view img { max-width: 45%; }
  .clinicList li .hide .in > p { font-size: 2.2rem; }
  .clinicList li .hide a { font-size: 1.5rem; }
}

@media all and (max-width:568px) {
  .clinicList li > div { padding: 2.5em 5% 2em; }
  .clinicList li .view p { margin-top: 1.5em; }
  .clinicList li .hide .in > p { font-size: 1.8rem; }
}

@media all and (max-width:480px) {
  .clinicList li {  width: calc((100% - 10px) / 2);  }
  .clinicList li:nth-child(3n+1) { margin-left:10px; }
  .clinicList li:nth-child(2n+1) { margin-left:0; }
}




.centerTop { background: #f3f9fb; padding: 5%; }
.centerTop h3 { font-size: 3.6rem; font-family: 'SBAggro'; font-weight: 300; color:#000e35; margin-bottom: 0.5em; }
.centerTop .t1 { font-size: 2.2rem; color:#212121; font-weight: 500; margin-bottom: 2em; line-height: 1.3em; }
.centerTop .t1.mbs { margin-bottom: 0.2em; }
.centerTop .t2 { font-size: 1.8rem; color:#585858; line-height: 1.8em; }

@media all and (max-width:1080px) {
  .departTop .t2 br.mo,
  .centerTop .t2 br.mo { display: none; }
}

@media all and (max-width:976px) {
  .centerTop { padding: 7%; }
}

@media all and (max-width:568px) {
  .centerTop { padding: 9%; }
}

@media all and (max-width:480px) {
  .centerTop { padding: 11% 9%; }
  .centerTop h3 { font-size: 3.2rem; }
}

.titCont { position: relative; margin-top: 4%; border-top: 1px solid #dbe0e4; overflow: hidden; }
.titCont::before { content:''; width: 24%; height: 1px; position: absolute; left:0; top:0; background: #2155ae; }
.titCont > div { float: left; padding: 4rem 0 4rem 2rem; }
.titCont .tit { width: 24%; }
.titCont .tit h4 { font-size: 2.65rem; color:#212121;  }
.titCont .cont { width: 76%; padding-top: 4.5rem; }
.titCont .cont p { }
.titCont .cont.pd0 { padding:0 0 0 2rem; }

.titCont.ver2 { border-top:0;  }
.titCont.ver2::before { display: none; }
.titCont.ver2 > div { padding:0; }
.titCont.ver2 .cont { padding-top:0; padding-left: 2rem; }

@media all and (max-width:1280px) {
  .titCont { padding: 4% 2%; }
  .titCont > div { padding: 0; }
  .titCont .tit { width: 100%; }
  .titCont .cont { width: 100%; }
  .titCont .tit h4 br { display: none; }

  .titCont.ver2 { padding: 2% 0; }
  .titCont.ver2 .cont { padding-top: 2%; padding-left: 0; }
}

@media all and (max-width:480px) {
    .titCont { padding: 6% 2%; }
}


.titCont2 { position: relative; margin-top: 4%; border-top: 1px solid #dbe0e4; overflow: hidden; }
.titCont2::before { content:''; width: 32%; height: 1px; position: absolute; left:0; top:0; background: #0196da; }
.titCont2 > div { float: left; padding: 4rem 0; }
.titCont2 .tit { font-size: 0;  width: 32%; }
.titCont2 .tit img { display: inline-block; vertical-align: middle; }
.titCont2 .tit h4 { display: inline-block; vertical-align: middle; font-size: 2.2rem; color:#000e35; font-family: 'SBAggro';
                         font-weight: 300; line-height: 1.25em; width: calc(100% - 90px); padding: 0.4em 0 0 1em; }
.titCont2 .tit h4 .em { font-size: 1.6em; font-weight: 500; line-height: 1.25em; }
.titCont2 .tit p { font-size: 1.7rem; color:#455a7e; margin-top: 1.5em; line-height: 1.5em; width: 75%; }
.titCont2 .cont { width: 68%; padding-left: 3rem; }

@media all and (max-width:1280px) {
  .titCont2 { padding: 4rem 0; }
  .titCont2::before,
  .titCont2 .tit { width: 100%; }
  .titCont2 .tit h4 { padding-left: 0.5em; }
  .titCont2 .tit h4 .em { font-size: 1.5em; }
  .titCont2 > div { padding:0; }
  .titCont2 .cont { width: 100%; padding:0; padding-top: 4rem;  }
}


@media all and (max-width:767px) {
  .titCont2 .tit img { width: 70px; }
  .titCont2 .tit h4 { width: calc(100% - 70px); }
}




.drProfile { position: relative; width: 100%; display: table; padding-bottom: 3%; border-bottom: 1px solid #dbe0e4; }
.drProfile:last-child { border-bottom:0; padding-bottom:0;}
.drProfile > div { display: table-cell; vertical-align: middle; }
.drProfile .dr-img { text-align: center; }
.drProfile .dr-img.imgX { width: 285px; height: 270px; background: #f9f9f9; }
.drProfile .dr-img a { display: block; padding: 1em; color:#fff; background: #143c81; }
.drProfile .dr-img a p::before { content: ''; width: 28px; height: 28px; display: inline-block; margin-right: 0.5em; vertical-align: middle;
                                            background: url("/images/sub/ico_drprofile.png") no-repeat center; }
.drProfile .dr-cont { padding-left: 5%;  }
.drProfile .dr-cont h5 { font-size: 2.2rem; color:#212121; }
.drProfile .dr-cont .dr-part { margin: 1em 0 1.8em; font-size: 1.7rem; line-height: 1.4em;}
.drProfile .dr-cont .dr-part dt { font-weight: 600; color:#212121; margin-bottom: 0.2em; }

.drProfile .dr-cont .dr-part dl { margin-top: 0.3em; }

.drProfile ~ .drProfile { margin-top: 3%; }

@media all and (max-width:1080px) {
  .drProfile  { padding-bottom: 5%; }
  .drProfile > div { vertical-align: top; }
  .drProfile .dr-img { width: 30%; }
  .drProfile .dr-img img { max-width: 100%; }
  .drProfile .dr-img.imgX { width: 30%; height: 100%; }
  .drProfile .dr-cont { padding-top: 0.5em; }

  .drProfile + .drProfile { margin-top: 5%; }

  .drProfile .dr-img a { padding: 0.5em 1em; }
}


@media all and (max-width:568px) {
  .drProfile { display: block; }
  .drProfile > div { display: block; }
  .drProfile .dr-img { width: 100%; }
  .drProfile .dr-img a { max-width: 285px; margin: 0 auto; }
  .drProfile .dr-img.imgX { display: none; }

  .drProfile .dr-cont { padding: 5% 0 !important; }
}


.profileWrap { background: #f3f9fb; padding: 4%; }
.profileWrap h5 { font-size: 2rem; color:#212121; font-weight: 700; margin-bottom: 0.5em; }
.profileWrap ul + ul { margin-top: 2em; }


.tb-scroll { position: relative; width: 100%; overflow-x: auto; }

.tb-style1 { position: relative; width: 100%; font-size: 1.7rem; border-top: 1px solid #586b8b; }
.tb-style1 th, .tb-style1 td { padding: 0.8em 1.5em; border-bottom: 1px solid #dbe0e4; }
.tb-style1 th { font-weight: 600; color:#212121; background: #f3f9fb; text-align: left; }


.tb-style2 { position: relative; width: 100%; font-size: 1.6rem; border-top: 1px solid #586b8b; }
.tb-style2 th, .tb-style2 td { word-break:keep-all;  padding: 0.5em 0; border-bottom: 1px solid #dbe0e4;  }
.tb-style2 thead th { background: #f3f9fb; font-weight: 600; color:#000e35; border-left: 1px solid #dbe0e4; padding: 0.7em 0; }
.tb-style2 thead th:first-child { border-left:0; }
.tb-style2 td { border-left: 1px solid #dbe0e4; }
.tb-style2 tbody th { color:#000e35; font-weight: 600; }
.tb-style2 tbody td:first-child { border-left-width:0; }
.tb-style2 tbody td.bdl { border-left-width:1px; }

.tb-style2.drHour { text-align: center; }
.tb-style2.drHour .on::before { content:''; display: inline-block; width: 10px; height: 10px; background: #2155ae; border-radius: 100%; }
.tb-style2.drHour .op::before { content:''; display: inline-block; width: 10px; height: 10px; background: #d52334; border-radius: 100%; }
.tb-style2.drHour .op2::after { content:''; display: inline-block; width: 10px; height: 10px; background: #d52334; border-radius: 100%; margin-left: 0.3em; }

.tb-style2.drHour + .caption { margin-top: 1em; }
.tb-style2.drHour + .caption p { display: inline-block; vertical-align: middle; margin-right: 1em; line-height: 1.0em; }
.tb-style2.drHour + .caption p::before { content:''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 100%; margin-right: 0.3em;  }
.tb-style2.drHour + .caption p.on::before { background: #2155ae; }
.tb-style2.drHour + .caption p.op::before { background: #d52334; }

.tb-style2.pdb td { padding: 0.7em 1.5em; }
.tb-style2.wide th, .tb-style2.wide td { padding: 1.2em 1.5em;  }
.tb-style2.wide td { line-height: 1.5em; }


@media all and (max-width:1280px) {
.tb-style2.unpaid { font-size: 1.5rem; }
}


.boxList { overflow: hidden; text-align: left; counter-reset: orderList; font-size: 1.7rem;}
.boxList > li { position: relative; counter-increment: orderList; padding: 0.6em 0.5em; border-bottom: 1px dashed #dedede;
                   float: left; width: calc(97% / 4); margin-left: 1%;  }
.boxList > li:nth-child(4n+1) { margin-left:0; clear: both; }
.boxList > li::before {  content: counter(orderList, decimal-leading-zero); color:#455a7e;
                              width: 32px; line-height: 28px; display: inline-block;
                              border: 2px solid #cdd6e6;  border-radius: 5px; text-align: center;
                              font-size: 1.3rem; font-weight: 700; vertical-align: middle; }
.boxList > li p,
.boxList > li a { max-width: calc(100% - 32px); display: inline-block; vertical-align: middle; line-height: 1.3em;
                       padding-left: 0.7em; }

.boxList.fs-s li p,
.boxList.fs-s li a { font-size: 1.6rem; }

.boxList.col2 > li { width: 48%; }
.boxList.col2 > li:nth-child(even) { float: right;  }

.boxList.col3 > li { width: calc(97% / 3); }
.boxList.col3 > li:nth-child(4n+1) { margin-left:1%; clear: inherit; }
.boxList.col3 > li:nth-child(3n+1) { margin-left:0; clear: both; }

.boxList > li.col2 { width: 49.5%; }


@media all and (max-width:1080px) {
  .boxList > li { width: calc(98% / 3);}
  .boxList > li:nth-child(4n+1) { margin-left:1%; clear: inherit; }
  .boxList > li:nth-child(3n+1) { margin-left:0; clear: both; }
}

@media all and (max-width:640px) {
  .boxList > li { width: calc(98% / 2); margin-left: 2% !important; clear: inherit !important; }
  .boxList > li:nth-child(odd) { margin-left:0 !important; clear: both !important; }
  .boxList > li::before { width: 30px; line-height: 26px; }
  .boxList > li p,
  .boxList > li a { max-width: calc(100% - 30px); }
}

@media all and (max-width:360px) {
  .boxList > li { width: 100%; margin-left: 0 !important; padding: 0.4em 0.1em; }
  .boxList > li::before { width: 28px; line-height: 24px; }
  .boxList > li p, .boxList > li a { max-width: calc(100% - 28px); }
}



.checkList { overflow: hidden; text-align: left; }
.checkList > li { width: 100%; float: left; border: 4px solid #f3f9fb; border-radius: 70px; padding: 0.6em 1em; margin: 2px 0; }
.checkList > li::before { content: ''; width: 30px; height: 30px; border-radius: 100%; display: inline-block; vertical-align: middle;
                               background: #2155ae url("/images/sub/ico_check.png") no-repeat center; background-size: 100% auto; }
.checkList > li p { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); padding-left: 0.7em; font-size: 1.8rem; }

.checkList.col2 > li { width: 48%; }
.checkList.col2 > li:nth-child(even) { float: right; }
.checkList.col2 > li:nth-child(odd) { clear: both; }

.checkList.col3 > li { width: calc(94% / 3); float: left; }
.checkList.col3 > li + li { margin-left: 2%;  }
.checkList.col2 > li:nth-child(3n+1) { clear: both; margin-left:0;  }

.checkList.ver2 > li { border:0; border-bottom: 3px solid #f3f9fb; border-radius: 0; padding: 0.8em 1em;}
.checkList.ver2 > li:first-child { padding-top:0; }

@media all and (max-width:976px) {
  .checkList.col3 > li { width: calc(94% / 2); }
  .checkList.col3 > li:nth-child(odd) { clear: both; margin-left: 0; }
}

@media all and (max-width:640px) {
  .checkList.col2.wide > li { width: 100%; }

  .checkList.col3 > li { width: 100%; }
  .checkList.col3 > li + li { margin-left: 0;  }
}

@media all and (max-width:480px) {
  .checkList > li  { border-radius: 10px; }
  .checkList > li::before { width: 22px; height: 22px; }
  .checkList > li p { max-width: calc(100% - 22px);  }

  .checkList.col2 > li { width: 100%; }
}


.orderList { overflow: hidden; text-align: left; counter-reset: orderList; }
.orderList > li { position: relative; counter-increment: orderList; padding: 0.6em 0.5em; border-bottom: 1px dashed #dedede; }
.orderList > li::before {  content: counter(orderList, decimal-leading-zero); color:#fff;
                              width: 34px; line-height: 34px; display: inline-block; margin-right: 1.4em;
                              background:#455a7e; border-radius: 5px; text-align: center;
                              font-size: 1.3rem; font-weight: 700; vertical-align: middle; }
.orderList > li p { display: inline-block; max-width: calc(100% - 34px - 1.4em); vertical-align: middle; line-height: 1.3em; font-size: 1.7rem; }

.orderList.fs-s li p { font-size: 1.6rem; }

.orderList.col2 > li { width: 48%; float: left; }
.orderList.col2 > li:nth-child(even) { float: right;  }


@media all and (max-width:860px) {
  .orderList.col2 > li { width: 100%; }
}




.dotList > li { position: relative; padding-left: 1em; margin: 0.7em 0; }
.dotList > li:before { content:''; width: 4px; height: 4px; background:#28cbd5; position: absolute; left:0; top: 0.6em;}
.dotList > li p { line-height: 1.3em; }

.dotList.col3 { font-size:0; }
.dotList.col3 > li { display: inline-block; min-width: calc(100%/3); font-size: 1.6rem; }

.dotList.col2 { font-size:0; }
.dotList.col2 > li { display: inline-block; min-width: calc(100%/2); font-size: 1.6rem; }

@media all and (max-width:767px) {
  .dotList.col3 > li { min-width: calc(100%/2); margin: 0.4em 0; }
  .dotList.col2 > li { min-width: 100%; margin: 0.3em 0; }
}



/*모달팝업*/
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
   cursor: default;
    visibility: hidden;
    z-index: 999991;
    -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s;
    transition: opacity .5s;
}


.overlay:target {
    visibility: visible; opacity: 1; display: block;
}

.popup {
    background-color: #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 0;
    position: fixed;
/*    position: absolute;*/
    /*text-align: justify;*/
    top: 0;
    visibility: hidden;
    z-index: 999999;


    -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s;-o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;

}
.overlay:target+.popup {
/*    top: 0; */
    top: 50%;
    opacity: 1; visibility: visible;
}
.popup .close {
    background-color:#0196da;
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
}
.popup .close:before {
    color: #fff;
    content: '\e870';
    font-size: 40px; font-family:'Linearicons-Free';
    line-height: 80px;
}
.popup .close:hover {
    background-color:#444;
}


.popup { padding: 3%; width: 800px; max-width: 90%; max-height: 90vh; overflow-y: auto; }
.drPop-tit { text-align:  center; padding: 3% 0 7%; border-bottom: 1px dashed #dbe0e4; margin-bottom: 4%; }
.drPop-tit h5 { font-size: 3rem; color:#212121; }

.popCont .drProfile { border-bottom: 0; }
.popCont .drProfile > div { vertical-align: middle; }
.popCont .drProfile .dr-cont .dr-part { margin-top:0;  }
.popCont .drProfile .dr-cont .dr-part  dd { font-size: 1.55rem; }

@media all and (max-width:976px) {
  .popup .close { width: 60px; height: 60px; line-height: 60px; }
  .popup .close:before { line-height: 60px; font-size: 30px;}
}

@media all and (max-width:568px) {
  .popup .close { width: 50px; height: 50px; line-height: 50px; }
  .popup .close:before { line-height: 50px; font-size: 24px;}
}






/* 병원소개 */

/* 인사말 */
#greeting { overflow: hidden; max-height: 550px;  background: #fafafa url("/images/sub/intro2_img1.png") no-repeat left bottom; background-size: 55% auto; }
#greeting .txt { width: 50%; float: right; padding: 6.5% 5% 6% 6%; color:#212121; }
#greeting .txt .t1 { font-size: 3.4rem; font-weight: 300; font-family: 'SBAggro'; color:#212121; line-height: 1.25em; }
#greeting .txt .t2 { font-size: 2rem; line-height: 1.8em; font-weight: 500; margin: 2em 0 1.5em; }
#greeting .txt .t3 { font-size: 1.8rem; }
#greeting .txt .t3 .sign { font-size: 2.2em; font-family: 'ROEHOE-CHAN'; margin-left: 0.3em; }

.greet-txt { padding: 4% 0; font-size: 1.8rem; line-height: 2em; color:#585858; }


@media all and (max-width:1480px) {
  #greeting .txt { padding: 6% 3%; }
  #greeting .txt .t1 { font-size: 3rem; }
  #greeting .txt .t2 { font-size: 1.9rem; }
}

@media all and (max-width:1280px) {
  #greeting { background-size: 60% auto; }
}

@media all and (max-width:1080px) {
  #greeting { background-size: 70% auto; }
}

@media all and (max-width:976px) {
  #greeting { background-size: 90% auto; background-position: left top; padding-top: 50vw; max-height: inherit;  }
  #greeting .txt { width: 100%; padding: 9% 5% 7%; }
}

@media all and (max-width:767px) {
  #greeting { background-size: 100% auto; padding-top: 58vw; }
  .greet-txt { padding: 7% 0; }
}

@media all and (max-width:480px) {
  .greet-txt { padding: 9% 0; }
}



#mission { position: relative; width: 90%; max-width: 1000px; margin: 0 auto;  padding: 4%; background: #f3f9fb;
                border-radius: 0 50px 0 50px;  }

#vision { }

.icoBox { position: relative; overflow: hidden; }
.icoBox li { float: left; width: calc((100% - 120px) / 5); margin-left: 30px; border: 1px solid #dbe0e4; }
.icoBox li:first-child { margin-left:0 !important; }
.icoBox li img { max-width: 40%; margin: 15% 0; }
.icoBox li p { background: #f3f9fb; height: 150px; padding: 1.8em 1em; font-size: 1.8rem; line-height: 1.7em; color:#455a7e; }
.icoBox li dl { background: #f3f9fb; height: 180px; padding: 1.8em 1em; font-size: 1.6rem; line-height: 1.4em; color:#455a7e; }
.icoBox li dl dt { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.7em;  }

.icoBox.inblock { font-size: 0; }
.icoBox.inblock li { float: none; display: inline-block; vertical-align: top; }


.icoBox.col3 li { width: calc((100% - 40px) / 3); max-width: 250px; margin-left: 20px; }
.icoBox.col3 li p { height: 120px; padding: 1.4em 1em;  font-size: 1.6rem; line-height: 1.4em; }

.icoBox.col4 li { width: calc((100% - 90px) / 4); max-width: 250px; }

@media all and (max-width:1480px) {
  .icoBox li { width: calc((100% - 80px) / 5); margin-left: 20px; }
  .icoBox li p { font-size: 1.7rem; line-height: 1.5em; }
}

@media all and (max-width:1280px) {
  .icoBox li { width: calc((100% - 40px) / 5); margin-left: 10px; }
  .icoBox.col4 li { width: calc((100% - 30px) / 4);  }
}

@media all and (max-width:976px) {
  .icoBox { font-size:0; }
  .icoBox li { float: none; display: inline-block; vertical-align: top;   }
  .icoBox li { width: calc((100% / 3) - 10px); margin: 5px; max-width: 250px; }
  .icoBox li:first-child { margin-left: 5px !important; }
  .icoBox li p { height: 130px; font-size: 1.6rem; line-height: 1.4em; padding: 1.5em 1em; }

  .icoBox.col4 { max-width: 550px; margin: 0 auto; }
  .icoBox.col4 li { width: calc((100% / 2) - 10px);  }

  .icoBox.col3 li { width: calc((100% / 3) - 10px); margin: 5px; }

}

@media all and (max-width:767px) {
    .icoBox li dl { height: 150px; }
}


@media all and (max-width:480px) {
  .icoBox { width: 100%; position: relative; }
  .icoBox li { width: 100% !important; margin-left:0; margin: 3px 0 !important; display: table; table-layout: fixed; max-width: 100%;  }
  .icoBox li .ico, .icoBox li p, .icoBox li dl { display: table-cell; vertical-align: middle; }
  .icoBox li .ico { width: 30%; text-align: center; }
  .icoBox li p { height: auto !important; padding: 1.8em; text-align: left; line-height: 1.4em;}
  .icoBox li p br { display: none; }
  .icoBox li dl { height: auto !important; padding: 1.8em; text-align:  left; }

  .icoBox.col3 li { max-width: 100%; }
  .icoBox.col4 li { max-width: 100%; }

  .icoBox li:first-child { margin-left: 0 !important; }
}



#history_top { color:#fff; height: 438px; position: relative; display: table; padding: 0 5%; border-radius: 50px 0 50px 0;
                    background: url("/images/sub/history_top.png") no-repeat center; background-size: cover; }
#history_top dl { display: table-cell; vertical-align: middle; font-family: 'SBAggro'; }
#history_top dl dt { font-size: 5.5rem; color:#2155ae; font-weight:300; letter-spacing: -0.03em; }
#history_top dl dd { font-size: 3.6rem; color:#000e35; line-height: 1.8em; font-weight: 300; }


@media all and (max-width:1480px) {
  #history_top { height: 30vw; }
}

@media all and (max-width:1280px) {
  #history_top { height: auto; padding: 10% 5%;  }
  #history_top dl dt { font-size: 4.5rem; }
  #history_top dl dd { font-size: 3rem; }
}

@media all and (max-width:976px) {
    #history_top { padding: 12% 5%;  }
}

@media all and (max-width:640px) {
  #history_top dl dt { font-size: 4rem; }
}

@media all and (max-width:568px) {
  #history_top { background-position: 70% center; }
  #history_top dl dt { line-height: 1.0em; }
  #history_top dl dt span { display: block;  }
  #history_top dl dd { font-size: 2.6rem; }
}



#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e0ede6; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 40px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #28cbd5; font-size: 6rem; font-family: 'SBAggro'; position: relative; font-weight: 300;
                            line-height: 1.0em; margin-bottom: 0.6em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px;
                                        border-radius: 100%; background: #28cbd5; border: 6px solid #e9fafb; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #93e5ea; z-index:3;
                                      position: absolute; left:-56px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }

#history li .txt .cont p { margin-bottom: 0.5em; font-size: 1.7rem; color:#484848; line-height: 1.5em; font-weight: 400; }
#history li .txt .cont p.em { font-size: 2rem; font-weight: 700; color:#000e35;}

#history li:nth-child(even) dt { float: right; }

@media all and (max-width:767px) {
  #history li .txt { padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

  #history li .txt h4::after { width: 30px; }
  #history li .txt h4::before,
  #history li .txt h4::after { left: -40px; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
  #history::before { left: 8px; margin-left:0;}
  #history li .txt { width: 100%; padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
  #history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
  #history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }
}



.floorWrap { overflow: hidden; }
.floor-tit { position: relative; width: 40%; float: left; padding: 2%; }
.floor-tit img { margin-top: 5%; max-width: 100%;  }

.floor-info { margin: 0 auto; overflow: hidden; width: 60%; float: right;   }
.floor-info dl { position: relative; width: 100%; display: table; table-layout: fixed; margin: 5px 0;  }
/*.floor-info dl:nth-child(n+4) { float: left; direction: rtl; }
.floor-info dl:last-child { float: right; direction: ltr; }*/
.floor-info dl dt, .floor-info dl dd { display: table-cell; vertical-align: middle;  }
.floor-info dl dt { width: 180px; text-align: center; background: #000e35; color:#fff; font-size: 2.5rem; font-weight: 700;
                          line-height: 1.0em; padding: 1.5em 0; }
.floor-info dl dt .fs-s { font-size: 0.7em; font-weight: 500;  }
.floor-info dl dd { background: #f3f9fb; line-height: 1.7em; padding: 1.5em 2em; color:#585858; font-size: 1.7rem; }
.floor-info dl dd.lh0 { line-height: 1.2em; }
.floor-info dl dd.lh0 .fl_tit { line-height: 1.7em; display: block; }
.floor-info dl dd .fs-s { font-size: 0.9em; color:#989898; }
.floor-info dl dd p + p { margin-top: 0.5em; }

.floor-info dl.color2 dt { background: #2155ae; }
.floor-info dl.color3 dt { background: #0196da; }


@media all and (max-width:1080px) {
  .floor-tit { padding: 4% 3%; }
  .floor-info dl dt { font-size: 2.2rem; width: 120px; }
}

@media all and (max-width:976px) {
  .floor-tit { width: 100%; padding-bottom:0;}
  .floor-tit p { max-width: 50%; }
  .floor-tit img { float: right; margin-top:-20%; max-width: 60%; }
  .floor-info  { width: 100%; }
  .floor-info dl dt { width: 20%; }
}





/* 조직도 */
#organization { overflow: hidden; text-align: center; position: relative; font-size:0; display: inline-block; }
/* #organization::before { content:''; width:1px; height: 100%; background: #e0ede6; position: absolute; top: 0; left: 50%; margin-left: -0.5px; } */
#organization > li { position: relative; display: block; width: 100%;   }
#organization > li > div {  position: relative; display: inline-block; vertical-align: top; width: 280px; line-height: 65px;
                                     font-size: 1.8rem;  margin: 50px 30px;  max-width: calc((100% / 4) - 60px); }
#organization > li > div > p { color:#fff; }
#organization > li.depth1 div { width: 180px; height: 180px; line-height: 180px; margin-top:0; font-size: 2rem; max-width: 100%; }
#organization > li.depth1 h4 { background: #24314b; border-radius: 100%; color:#fff;   }

#organization > li.depth2 div h4 { background: #2155ae; margin: 10px 0; color:#fff; font-weight: 400; border-radius: 5px; }
#organization > li.depth2 div h4.nbsp { background: none; }
#organization > li.depth2 div > p { background: #00a3a0; margin: 10px 0; border-radius: 5px; }
#organization > li.depth2 div > dl { margin: 10px 0; border-radius: 5px; overflow: hidden; }
#organization > li.depth2 div > dl dt { background: #00a3a0; color:#fff; }
#organization > li.depth2 div > dl dd { background: #f5f7fc;  color:#585858; border-top: 1px solid #e0ede6;  }

#organization > li.depth2 div:nth-child(2) dt,
#organization > li.depth2 div:nth-child(2) > p {  }

#organization > li.depth2 div.color1 > p, #organization > li.depth2 div.color1 > dl dt { background: #0196da; }
#organization > li.depth2 div.color2 > p, #organization > li.depth2 div.color2 > dl dt { background: #28cbd5; }
#organization > li.depth2 div.color3 > p, #organization > li.depth2 div.color3 > dl dt { background: #455a7e; }
#organization > li.depth2 div.color4 > p, #organization > li.depth2 div.color4 > dl dt { background: #798ac8; }


@media all and (max-width:1080px) {
  #organization > li > div { max-width: calc((100% / 4) - 30px); margin: 50px 15px; font-size: 1.6rem; }
  #organization > li.depth1 div { width: 140px; height: 140px; line-height: 140px; font-size: 1.8rem;  }
}

@media all and (max-width:860px) {
  #organization > li > div  { max-width: calc((100% / 4) - 14px); margin: 30px 7px; line-height: 55px; }
}

@media all and (max-width:767px) {
  #organization > li.depth1 div { line-height: 20vw;  width: 20vw; height: 20vw; }
}

@media all and (max-width:680px) {
  #organization > li > div { line-height: 1.25em; }
  #organization > li.depth2 div h4,
  #organization > li.depth2 div > p,
  #organization > li.depth2 div > dl dt,
  #organization > li.depth2 div > dl dd { padding: 1em 0.2em; }
}

@media all and (max-width:480px) {
  #organization > li.depth2 div h4,
  #organization > li.depth2 div > p,
  #organization > li.depth2 div > dl dt,
  #organization > li.depth2 div > dl dd { padding: 1em 0.5em; word-break: break-all; }
  }
}

/*@media all and (max-width:480px) {
  #organization  { width: 100%; }
  #organization > li.depth2 { display: flex; flex-direction: column-reverse;  }
  #organization > li > div { width: 100%; max-width: 100%; margin: 10px 0;  }
  #organization > li.depth2 div h4.nbsp { display: none; }
  #organization .depth3.color1 { order:3; }
  #organization .depth3.color2 { order:1; }
  #organization .depth3.color3 { order:2; }
  #organization .depth3.color4 { order:4; }
}*/


#mLocation.sMap { margin: 0; }
#mLocation.sMap .root_daum_roughmap .wrap_map  { height: 600px !important; }
#mLocation.sMap .loca-info { text-align: right; }
#mLocation.sMap .loca-info .cont { text-align: left; }

@media all and (max-width:976px) {
  #mLocation.sMap .root_daum_roughmap .wrap_map  { height: 70vw !important; }
}


.img_box{ padding: 3em; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; max-width: 1324px; border: 1px solid #ddd;}
.titBox .img_box{padding: 0 2em; border: 0px;}
.img_box .text{width: 48%;}
.img_box .img.w50{width: 48%;}
.img_box .img.w100{width: 100%;}
.img_box .img img{width: 100%; max-width: 100%;}
.img_box .img img.pc{display: block}
.img_box .img img.mo{display: none}

@media (max-width:1080px){
    .titBox .img_box{padding: 0em;}
}
@media (max-width:976px){
    .img_box{flex-direction: column; padding: 2em;}
    .img_box .text{width: 100%; order: -1;}
    .img_box .img{width: 100% !important; max-width: 100%; margin-top: 2em;}
    .img_box .img img.pc{display: none}
    .img_box .img img.mo{display: block}
}


ul.orderlist{display: flex; justify-content: center;}
ul.orderlist li{text-align: center; width: 200px; height: 200px; padding-top: 40px; position: relative; margin: 0 1em;  margin-top: 4em;}
ul.orderlist li::before{content: ''; display: block; z-index: 0; width: 200px; height: 200px; background-color: rgba(1,150,218,0.6); position: absolute; top: 0; left: 0; transform: rotate(-45deg); }
ul.orderlist li:nth-child(odd)::before{background-color:rgba(0,204,198,0.6) ;}
ul.orderlist li h3{font-size: 2.5em; margin-bottom: 1rem; position:relative; z-index: 2; color: #fff;}
ul.orderlist li p{font-size: 1.125em; word-break: keep-all; position:relative; z-index: 2; color: #333; text-align: center !important;}

@media all and (max-width:1279px){
    ul.orderlist{flex-wrap: wrap;}
    ul.orderlist li{}
}
@media all and (max-width:639px){
    ul.orderlist li{width: 160px; height: 160px; padding-top: 20px;}
    ul.orderlist li::before{width: 160px; height: 160px;}
}
@media all and (max-width:480px){
    ul.orderlist li{width: 130px; height: 130px; padding-top: 6px;}
    ul.orderlist li::before{width: 130px; height: 130px;}
}

ul.orderlist2{display: flex;  flex-wrap: wrap;}
ul.orderlist2 li{text-align: center; width: 19%; margin: 0 0.5%; padding: 2em; position: relative;  border: 6px solid rgb(1,150,218); box-sizing: border-box; margin-bottom: 1%; background-color: #fff;}
ul.orderlist2 li.col6{width: 48%}
ul.orderlist2 li:nth-child(odd){border: 6px solid rgb(0,204,198);}
ul.orderlist2 li h3{font-size: 2.5em; margin-bottom: 1rem; position:relative; z-index: 2; color:rgb(1,150,218);}
ul.orderlist2 li h3 span{font-size: 2.4rem; line-height: 1em;}
ul.orderlist2 li:nth-child(odd) h3{color:rgb(0,204,198);}
ul.orderlist2 li p{font-size: 1.125em; word-break: keep-all; position:relative; z-index: 2; color: #333;}

@media all and (max-width:1080px){
    ul.orderlist2 li{width: 32.3333%;}
}
@media all and (max-width:639px){
    ul.orderlist2 li.col6{width: 100%;}
    ul.orderlist2 li{width: 48%; margin: 0 1%; margin-bottom: 2%; border-color: rgb(0,204,198) !important; padding: 1em;}
    ul.orderlist2 li h3{color: rgb(0,204,198) !important;}
    ul.orderlist2 li:nth-child(2),
    ul.orderlist2 li:nth-child(3),
    ul.orderlist2 li:nth-child(6),
    ul.orderlist2 li:nth-child(7),
    ul.orderlist2 li:nth-child(10){border-color: rgb(1,150,218) !important;}

    ul.orderlist2 li:nth-child(2) h3,
    ul.orderlist2 li:nth-child(3) h3,
    ul.orderlist2 li:nth-child(6) h3,
    ul.orderlist2 li:nth-child(7) h3,
    ul.orderlist2 li:nth-child(10) h3{color: rgb(1,150,218) !important;}
}
@media all and (max-width:480px){
}

ul.list{display: flex; flex-wrap: wrap;}
ul.list.w73{max-width: 73%; margin-left: auto; margin-right: auto; flex-wrap: wrap;}
ul.list.d5 li{width: 18%; margin: 1%;}
ul.list li{width: 23%; margin: 1%;}
ul.list li.col4{width: 31.3333%; margin: 0 1%;}
ul.list li .img{border: 1px solid #ddd;}
ul.list li .img img{width: 100%; max-width: 100%;}
ul.list li .stxt1 span{color: #ee3335; font-weight: 500;}

ul.tb1{display: flex;}
ul.tb1 .box{width: 31.33333%; margin: 0 1%; border-right: 1px solid #ddd; padding: 0 1%; padding-right: 2%;}
ul.tb1 .box:last-child{border-right: 0;}
ul.tb1 .box h3{font-size: 2.5em; color: #aaa;}
ul.tb1 .box .line{margin-top: .5em; font-size: 1.5em; color: #444; border-top: 4px solid #72C1C5; display: inline-block; padding-top: 10px;}
ul.tb1 .box .top{ padding-bottom: 2em; border-bottom: 1px solid #ddd;}
ul.tb1 .box .bottom{padding: 2em;}
ul.tb1 .box .stxt1{text-align: left;}
ul.tb1 .box .stxt1 br{display: block;}

@media all and (max-width:1080px){
    ul.list{flex-wrap: wrap;}
    ul.list.w73{max-width: 100%;}
    ul.list.d5 li{width: 31.33333%; margin-bottom: 3%;}
    ul.list li{width: 48%; margin-bottom: 3%;}
    ul.list li.col4{width: 48%; margin-bottom: 3%;}
    ul.list li .stxt1{text-align: center;}
    ul.list li .stxt1 br{display: block !important;}
    ul.tb1{flex-wrap: wrap;}
    ul.tb1 .box{width: 100%;  margin-bottom: 3%; border: 1px solid #ddd; padding: 2em;}
    ul.tb1 .box:last-child{border-right: 1px solid #ddd;}
}
@media all and (max-width:639px){
    ul.list.d5 li{width: 48% !important}
    ul.list li{width: 48% !important;}
}

.circle_list{display: flex; justify-content: center; margin: 3em 0;}
.circle_list li{width: 23%; height: 160px; margin: 0 2%; font-size: 2rem; font-weight: 500; display: flex; justify-content: center; align-items: center; border: 8px solid #ccc; padding: 0 1%;}
.circle_list li.on{background-color: #00ccc6; border-color: #00ccc6; position: relative; color: #fff;}
.circle_list li.on::after{content: '▶'; position: absolute; right: -45px; color: #00ccc6;}
.circle_list li.on:last-child::after{display: none;}
@media all and (max-width:1080px){
    .circle_list{flex-wrap: wrap;}
    .circle_list li{width: 31.3333%; height: 20vw; margin: 0 1%; border-radius: 0;}
    .circle_list li.w100{width: 100%; margin-bottom: 2em;}
    .circle_list li.on{width: 100%; margin-bottom: 2em;}
    .circle_list li.on::after{content: '▼'; right: auto; bottom: -35px;}
}


.dotlist{margin-top: 4em; display: flex; padding: 2em; border: 1px solid #ddd; justify-content: center; flex-wrap: wrap; margin-bottom: 2em;}
.dotlist li{font-size: 1.8rem;margin: 0 1rem; margin-bottom: 1rem; color: #333;}
.dotlist li::before{content: '○'; padding-right: 1em; font-size: .5em; vertical-align: text-bottom; line-height: 18px;}

@media all and (max-width:769px){
    .dotlist{text-align: left; justify-content: flex-start;}
}

ul.table{display: flex; margin-top: 2em; flex-wrap: wrap;}
ul.table li{width: 25%; border-right: 1px solid #fff; background-color: #f5f5f3;}
ul.table li.col4{width: 33.333333%;}
ul.table li h3{ background-color: #00ccc6; color: #fff; padding: 1em 0; font-size: 1.25em;}
ul.table li:nth-child(even) h3{ background-color: #10a5a2;}
ul.table li p{text-align: left; margin: .75em 2em; font-size: 1.7rem;}
ul.table li p::before{content: '·'; padding-right: .5em;}
ul.table li p:nth-child(2){margin-top: 1.5em;}
ul.table li.col4 p:nth-child(2){margin-top: .75em;}
ul.table li p:last-child{margin-bottom: 1.5em;}
ul.table li p b{color: #333;}

@media all and (max-width:1080px){
    ul.table{flex-wrap: wrap;}
    ul.table li{width: 50%;}
    ul.table li.col4{width: 50%;}
}
@media all and (max-width:639px){
    ul.table li {width: 100%;}
    ul.table li.col4 {width: 100%;}
}

#top-img {width:100%; height:420px; border-top-right-radius:60px; border-bottom-left-radius:60px;  background-position:right center; background-repeat:no-repeat; background-size:cover; position:relative; margin: 0 auto 2em;}
#top-img:before {content:'Emergency medicine'; font-size:3.3em; opacity:.3; color:#000; position:absolute; left:0.5em; top:10px;  }
#top-img .top-cont {width:93%; max-width:898px; height:330px; padding:4em 5em; color:#FFF; background:url('/images/sub/top-cont-bg.png') no-repeat; background-size:cover; position:absolute; left:0; bottom:0;border-top-right-radius: 60px;}
#top-img .top-cont h3 {font-size:3.2rem; padding-bottom:0.8em;  line-height:1.2em; }

#bottom-img{height: auto; padding: 5em 5em; background-size: cover; background-repeat: no-repeat;}
#bottom-img .circle_list{margin-bottom: 0;}
#bottom-img .circle_list li{background-color: #fff; flex-direction: column; color: #333;}
#bottom-img .circle_list li h3{opacity: 0.6; color: #1cccc6}
#bottom-img .circle_list li.on{background-color: #fff; border-color: #1cccc6;}
#bottom-img .circle_list li.on::after{color: #1badb9;}
#bottom-img .circle_list li.on:last-child::after{display: none;}
#bottom-img .stit1{color: #1cccc6;}
#bottom-img .stit3{background-color: #1badb9;}


.clinic2-t-bg {background-image:url('/images/sub/top-bg-clinic2.png')}
.clinic2-b-bg {background-image:url('/images/sub/bottom-bg-clinic2.png')}

.top-cont-list {}
.top-cont-list li {margin-bottom:1em; border-bottom:1px dotted rgba(255,255,255,0.3); position:relative}
.top-cont-list li:last-child {margin-bottom:0;}
.top-cont-list li:before {content:''; width:16px; height:15px; background:url('/images/sub/top-cont-icon.png') no-repeat; position:absolute; left:0; top:8px;}
.top-cont-list li p {padding-left:25px; font-size:1.8rem; line-height:1.2em; padding-bottom:0.6em;}

@media all and (max-width:739px){
    #bottom-img{padding: 3em;}
    #top-img .top-cont{padding: 3em 4em; height: auto;}
    #top-img:before{font-size: 3rem;}
}
@media all and (max-width:480px){
    #bottom-img{padding: 3em 1.5em;}
    #top-img .top-cont{padding: 3em 3em;}
}

ul.tab{display: flex; margin-bottom: 5%;}
ul.tab li{background-color: #bbb; width: 20%; cursor: pointer; padding: 1em 0;}
ul.tab li h3{color: #fff; font-size: 4rem;}
ul.tab li p{color: #fff; font-size: 1.25em; margin-top: 10px;}
ul.tab li.on{background-color: #1cccc6;}
ul.tab li.on h3{}
ul.tab li.on p{}

.tabcontent{display: none; border: 1px solid #ddd; padding: 3em 2em;}
.tabcontent.on{display: block;}

@media all and (max-width:639px){
    ul.tab{flex-wrap: wrap;}
    ul.tab li{width: 33.33333%; padding-left: 1em; padding-right: 1em;}
    ul.tab li h3{font-size: 3.2rem;}
    ul.tab li p{font-size: 1em; margin-top: 5px;}
    .tabcontent{padding: 2em 1em}
}


.img_w2{display: flex;gap: 20px; margin-top: 50px;}
.img_w2 li img{width: 100%;}

@media all and (max-width:1280px){
    .img_w2{margin-top: 30px; flex-wrap: wrap;gap: 10px;}
}