@charset "utf-8";


#content{padding-top: 100px;}

@media all and (max-width:1170px){
	#content{padding-top: 60px;}
}

.italic{font-style: italic;}

#mVisual{width: 100%; }
#mVisual .mv{width: 100%; height: calc(100vh - 100px); background-position: 70% center; background-repeat: no-repeat; background-size: cover;}
#mVisual .mv.mv1{background-image: url('/images/main/mv1.jpg');}
#mVisual .mv.mv2{background-image: url('/images/main/mv2.jpg');}
#mVisual .mv.mv .inner{display: flex;}
#mVisual .mv .txt{margin-top: 120px; margin-left: 70px; text-align: center; word-break: keep-all;}
#mVisual .mv .txt span{word-break: keep-all;}
#mVisual .mv .txt h3{font-family: 'EliceDigitalBaeum-Bd'; font-size: 6.5rem; color: #333;}
#mVisual .mv .txt h4{margin:3.0rem 0; display: inline-block; font-family: 'EliceDigitalBaeum-Bd'; font-size: 2.8rem; }
#mVisual .mv .txt h4 span{background:linear-gradient(to right, #57a432, #14588f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#mVisual .mv .txt p{font-size: 1.8rem; color: #474748; line-height: 1.8;}
#mVisual .slick-dots{transform: translateX(-50%);}
#mVisual .slick-dots li.slick-active{background: #fff; opacity: 1;}
#mVisual .slick-dots li{opacity: 0.5; width: 11px; height: 11px; background: transparent; border:1px solid #fff;}

@media all and (max-width:1280px){
    /* #mVisual .mv{background-position: center;} */
}
@media all and (max-width:976px){
    /* #mVisual .mv{height: 80vh;} */
    #mVisual .mv .txt h3{font-size: 5.5rem;}
    #mVisual .mv .txt h4{font-size: 2.2rem;}
}
@media all and (max-width:768px){
    
    #mVisual .slick-dots{bottom: 3%;}

    #mVisual .mv{background-position: 83%;}
    #mVisual .mv .txt{margin-left: 0; margin-top: 55%; color: #fff; background: #00000046; padding: 20px 30px;}
    #mVisual .mv .txt h3{color: #fff;font-size: 4.0rem;}
    #mVisual .mv .txt h4{color: #fff;}
    #mVisual .mv .txt h4 span{color: #fff;}
    #mVisual .mv .txt p{color: #fff;}
    #mVisual .mv .inner{justify-content: center;}
}
@media all and (max-width:568px){
    #mVisual .slick-dots{bottom: 3%;}
}
@media all and (max-width:500px){
    /* #mVisual .mv{height: 70vh;} */
    #mVisual .mv .inner{height: 100%; align-items: center;}
    #mVisual .mv .txt{margin-top: 63%; padding: 20px 10px;}
    #mVisual .mv .txt h3{font-size: 3.0rem;}
    #mVisual .mv .txt h4{font-size: 1.8rem;}
    #mVisual .mv .txt p{font-size: 1.4rem; word-break: keep-all;}
}


.mPart{padding: 110px 0;}

.mtit{text-align: center; color: #222;}
.mtit h4{font-size: 1.4rem; text-transform: uppercase; font-family: 'Poppins'; letter-spacing: 0.25rem;}
.mtit h3{margin:3.0rem 0 1.5rem; font-size: 4.5rem;}
.mtit p{font-size: 1.9rem; color: #686868; opacity: 0.7; word-break: keep-all;}
@media all and (max-width:976px){
    .mPart{padding: 55px 0;}
    .mtit h3{font-size: 3.5rem;}
    .mtit p{font-size: 1.6rem;}
}
@media all and (max-width:500px){
    .mPart{padding: 40px 0;}
    .mtit h3{font-size: 3.0rem;}
    .mtit p{font-size: 1.5rem;}
}

.sec1 .f-inner{display: flex; align-items: flex-end;}
.sec1 .l-cont{position: relative; margin-top: -80px; width: 590px; height: 330px; border-radius: 0 80px 0 0; background: linear-gradient(45deg, #57a432, #14588f);}
.sec1 .l-cont:before{content: ''; position: absolute; right: 25px; top: 25px; width: 240px; height: 142px; background: url('/images/main/sec1-bg1.png')no-repeat; z-index: 2;}
.sec1 .l-cont .txt{margin-left: 165px; padding-top: 100px; color: #fff; word-break: keep-all;}
.sec1 .l-cont .txt h4{font-size: 4.5rem;}
.sec1 .l-cont .txt p{margin-top: 2.0rem; line-height: 1.6; font-size: 1.9rem; opacity: 0.7;}
.sec1 .r-cont{width: calc(100% - 590px); height: 250px; display: flex; justify-content: space-between; align-items: center; padding-right: 170px; padding-left: 40px; background-color: #f9f9f9;}
.sec1 .r-cont a{margin: 5px;}
.sec1 .r-cont a p{margin-top: 15px; font-weight: 500; text-align: center; font-size: 1.8rem; color: #333;}
@media all and (max-width:1680px){
    .sec1 .l-cont{ width: 450px;}
    .sec1 .r-cont{width: calc(100% - 450px);}
    .sec1 .l-cont .txt{margin-left: 60px;}
}
@media all and (max-width:1599px){
    .sec1 .r-cont{padding-right: 40px;}
    .sec1 .r-cont a img{max-width: 100%;}
}
@media all and (max-width:1530px){
    /* .sec1 .f-inner{flex-wrap: wrap;} */
    .sec1 .l-cont{ width: 380px; height: 300px;}
    .sec1 .l-cont .txt{padding-top: 45px; padding-right: 15px; margin-left: 20px;}
    .sec1 .l-cont .txt h4{font-size:3.5rem }
    .sec1 .l-cont .txt p{font-size: 1.6rem; word-break: keep-all;}
    .sec1 .l-cont .txt p br{display: none;}
    .sec1 .r-cont {width: 100%; height: 220px;}

}
@media all and (max-width:1080px){
    .sec1 .f-inner{flex-wrap: wrap;}
    .sec1 .l-cont{width: 100%; border-radius: 0; margin-top: 0; text-align: center; height: auto;}
    .sec1 .l-cont:before{right: 5px; top: 5px;}
    .sec1 .l-cont .txt{height: 100%; padding: 40px 15px; margin: 0;}
    .sec1 .r-cont{flex-wrap: wrap; justify-content: center; padding-right: 40px; height: auto; padding-top:30px; padding-bottom: 30px;}
    .sec1 .r-cont .icon{max-width: 100px;}
}
@media all and (max-width:620px){
    .sec1 .r-cont a .icon{max-width: 80px;}
    .sec1 .r-cont a .icon img{max-width: 100%;}
}
@media all and (max-width:460px){
    .sec1 .l-cont .txt h4{font-size:3.0rem }
    
    .sec1 .r-cont{padding-left: 15px; padding-right: 15px;}
    .sec1 .r-cont a .icon{max-width: 60px;}
    .sec1 .r-cont a p{font-size: 1.5rem;}
}
@media all and (max-width:390px){
    .sec1 .l-cont .txt h4{font-size: 2.8rem;}
}
.sec2 ul{margin-top: 80px; display: flex; flex-wrap: wrap; gap: 20px;}
.sec2 ul li{width: calc((100% - 60px)/4); height: 420px; background-position: center bottom; background-size: cover; background-repeat: no-repeat; border-radius: 15px; overflow: hidden;;}
.sec2 ul li.internal{background-image: url('/images/main/sec2-img1.png');}
.sec2 ul li.scope{background-image: url('/images/main/sec2-img2.png');}
.sec2 ul li.ultra{background-image: url('/images/main/sec2-img3.png');}
.sec2 ul li.nutri{background-image: url('/images/main/sec2-img4.png');}
.sec2 ul li a{display: block; width: 100%; height: 100%;}
.sec2 ul li .txt{text-align: center;}
.sec2 ul li .txt h5{margin-top: 40px; color: #222; font-size: 3.5rem;}
.sec2 ul li .txt p{margin-top: 15px; line-height: 1.6; font-size: 1.6rem; color: #686868; opacity: 0.7;}
@media all and (max-width:1280px){
    .sec2 ul li{width: calc((100% - 20px)/2);}
    .sec2 ul li{background-position: center}
}
@media all and (max-width:640px){
    .sec2 ul{margin-top: 40px; gap: 10px; justify-content: center;}
    .sec2 ul li{width: 100%; max-width: 80%; height: 320px;}
}
@media all and (max-width:480px){
    .sec2 ul li{max-width: 90%;}
}



.sec3 {margin-top: 110px; display: flex; align-items: flex-end;}
.sec3 .dr{position: relative; width: 1060px; background-color: #f9f9f9; border-radius: 0 250px 250px 0;}
.sec3 .dr:before{content: 'DOCTORS'; position: absolute; left: 0; bottom: 97%; font-size: 98px; font-family: 'Poppins'; font-weight: 800; color: #f9f9f9; line-height: 1;}
.sec3 .dr .img{position: absolute; right: 75px; bottom: 0;}
.sec3 .txt1{padding: 40px 0; margin-left: 160px;}
.sec3 .txt1 h3{font-size: 5.5rem; font-weight: 800; color: #222;}
.sec3 .txt1 h3 span{font-size: 4.5rem;}
.sec3 .txt1 h4{margin: 20px 0 30px; font-size: 2.0rem; font-weight: 600;}
.sec3 .txt1 ul li{font-size: 1.7rem; color: #686868; margin-bottom: 10px;}
.sec3 .txt1 ul li:before{content: ''; vertical-align: middle; margin-right: 8px; display: inline-block; width: 3px; height: 3px; background:#57a432; border-radius: 50%;}
.sec3 .btn-detail{display: inline-block; border-radius: 25px; overflow: hidden;;}
.sec3 .btn-detail a{display: block; width: 180px; height: 50px; line-height: 50px; display: flex; justify-content: space-around; color: #fff; font-family: 'Poppins'; font-weight: 600; font-size: 1.4rem; text-transform: uppercase;}
.sec3 .btn-detail img{vertical-align: middle; display: inline-block; margin-bottom: 1px;}
.sec3 .dr .btn-detail{position: absolute; right:0; bottom:35px; z-index: 5; background-color: #57a432;}
.sec3 .equip{position: relative; display: flex; padding-left: 50px; padding-right: 20px; width: calc(100% - 1060px);}
.sec3 .equip h3{font-size: 4.5rem; color: #222; word-break: keep-all;}
.sec3 .equip h3 span{word-break: keep-all;}
.sec3 .equip .t1{display: flex; margin-top: 40px;}
.sec3 .equip .t1 .line{margin-top: 8px; width: 80px; height: 1px; background-color: #14588f;}
.sec3 .equip .t1 .text{margin-left: 10px; font-size: 1.7rem; color: #686868; line-height: 1.8; word-break: keep-all;}
.sec3 .equip .btn-detail a{background-color: #14588f;}
.sec3 .equip:before{content: ''; position: absolute; left: -1%; top: -10%; width: 400px; height: 400px; background: #f2f9ff; z-index: -1; border-radius: 50%;}
.sec3 .equip:after{content: 'EQUIPMENT'; position: absolute; right: 0; bottom: 10%; font-size: 92px; font-family: 'Poppins'; font-weight: 800; color: #f9f9f9; line-height: 1; z-index: -1;}
.sec3 .equip .img.mobile{display: none;}
@media all and (max-width:1680px){
    .sec3 .dr{width: 900px;}
    .sec3 .equip{width: calc(100% - 900px);}
    .sec3 .txt1{margin-left: 60px;}
}
@media all and (max-width:1500px){
    
    .sec3 .dr{width: 85%;}
    .sec3 .dr .img img{width: 25vw;}
    .sec3 .equip{margin-top: 80px; margin-left: auto; width: 740px;}
}
@media all and (max-width:1370px){
    .sec3 .txt1 h3{font-size: 4.0rem;}
    .sec3 .txt1 h3 span{font-size: 3.8rem;}
    .sec3 .txt1 h4{font-size: 1.8rem;}
    .sec3 .txt1 ul li{font-size: 1.6rem;}
    .sec3 .equip h3{font-size: 2.8rem;}
    .sec3 .equip .t1 .line{width: 40px;}
}
@media all and (max-width:1280px){
    .sec3 .dr:before{font-size: 7.0rem;}
    .sec3 .txt1{position: relative; z-index: 10;}
    .sec3 .dr .txt1 h4{padding-right: 50%; word-break: keep-all; font-size: 1.7rem;}
    .sec3 .txt1 ul li{font-size: 1.5rem;}
    .sec3 .equip{padding-left: 3%;}
    .sec3 .equip .img img{width: 18vw;}
    .sec3 .equip:before{top: -30%; width:300px; height: 300px;}
    .sec3 .equip:after{display: none;}

}
@media all and (max-width:1080px){
    .sec3 .txt1{margin-left: 6%; }
    .sec3 .equip{padding: 0 1%;}
}
@media all and (max-width:1024px){
    .sec3{flex-wrap: wrap;}
    .sec3 .dr .img img{width: 35vw;}
    .sec3 .equip{width: 100%; justify-content: center;}
}
@media all and (max-width:976px){
    .sec3 {margin-top: 55px;}

}
@media all and (max-width:880px){
    .sec3 .dr .img img{width: 330px;}
    .sec3 .equip .img img{max-width: 100%;}
    .sec3 .equip:before{width: 30vw; height: 30vw; left:5%; top: -15%;}
}
@media all and (max-width:770px){
    .sec3 .dr .txt1{display: none;}
    .sec3 .dr{width: 85%; height: 450px;}
    .sec3 .inner{display: block !important;}
    .sec3 .txt1.second{width: 100%; margin-left: 0; text-align: center;}

    
    .sec3 .equip:after{display: none;}
}
@media all and (max-width:640px){
    .sec3 .dr{width:95%;}
}
@media all and (max-width:580px){
    .sec3 {margin-top: 40px;}
    .sec3 .equip{flex-wrap: wrap; padding: 0; margin: 0;}
    .sec3 .equip:before{display: none;}
    .sec3 .equip .img{width: 100%; text-align: center; margin-bottom: 20px;}
    .sec3 .equip .img.pc{display: none;}
    .sec3 .equip .img.mobile{display: block;}
    .sec3 .equip .img.mobile img{width: auto; max-width: 65%;}
    .sec3 .equip .txt{width: 100%; text-align: center;}
    .sec3 .equip .txt .t1{display: block;}
    .sec3 .equip .txt .t1 .line{display: inline-block}
    .sec3 .equip .txt .t1 .text{margin-left: 0; margin-top: 15px;}

    .sec3 .btn-detail a{width: 150px; height: 40px; line-height: 40px;}
}
@media all and (max-width:450px){
    .sec3 .dr{height: 350px;}
    .sec3 .dr .img{right: 50px;}
    .sec3 .dr .img img{max-width: 280px;}
    .sec3 .dr .btn-detail{bottom: 30px;}
    .sec3 .equip .img img{width: 80%;}
    .sec3 .equip .txt .t1{margin-top: 13px;}
}
@media all and (max-width:380px){
    .sec3 .dr{height: 300px;}
    .sec3 .dr .img{right: 45px;}
    .sec3 .dr .img img{max-width: 230px;}
    .sec3 .txt1.second{text-align: left; padding: 20px 0;}
    .sec3 .txt1 h4{font-size: 1.8rem;}
    .sec3 .dr .btn-detail{bottom: 20px;}
}
.sec4 .map_border{display: none;}
.sec4 .wrap_controllers {display: none;}
.sec4 .inner{position: relative;}
.sec4 .txt{padding:60px; color:#fff; position: absolute; right: 0; top: 0; height: 100%; z-index: 90; background-color: rgba(22, 54, 92, 0.95); text-align: center; border-radius: 80px 0 0 0;}
.sec4 .txt h3{font-size: 3.2rem;}
.sec4 .txt h3 + p{margin: 15px 0 25px; font-size: 1.6rem; opacity: 0.7;}
.sec4 .txt .call{display: flex; align-items: center; justify-content: center; font-size: 4.2rem; font-weight: 900; color: #67ff1d;}
.sec4 .txt .call img{margin-right: 15px;}
.sec4 .txt .addr{margin: 30px 0 ; padding: 18px 30px; border: 2px dashed #68ff1d73; border-left: 0; border-right: 0;}
.sec4 .txt .addr .t1{font-size: 2.2rem; font-weight: 600;}
.sec4 .txt .addr .t2{margin-top: 10px; font-size: 1.7rem;}
.sec4 .txt ul{text-align: left; font-size: 1.8rem;}
.sec4 .txt ul li:not(:last-child){margin-bottom: 10px;}
.sec4 .txt ul li dl{display: flex; align-items: center;}
.sec4 .txt ul li dl dt{width: 100px; flex:0 0 auto;}
.sec4 .map{width: 120%; margin-left: -10%;}

@media all and (max-width:1480px){
    .sec4 .map{width: 120%; margin-left: -20%;}
}
@media all and (max-width:976px){
    .sec4 .map{width: 100%; margin-left: 0;}
    .sec4 .txt{position: relative; margin-top: -150px; width: 95%; margin-left: auto;}
}
@media all and (max-width:580px){
    .sec4 .map{height: 400px !important;}
    .sec4 .wrap_map{height: 400px !important;}
    .sec4 .txt{position: static; margin-top: 0; padding: 45px; width: 100%; border-radius: 0;}
    .sec4 .txt h3{font-size: 2.8rem;}
    .sec4 .txt h3 + p{margin: 10px 0 15px; font-size: 1.5rem;}
    .sec4 .txt .call{font-size: 3.5rem;}
    .sec4 .txt .call img{width: 35px;}
    .sec4 .txt .addr .t1{font-size: 2.0rem; word-break: keep-all;}
    .sec4 .txt .addr .t2{font-size: 1.5rem; word-break: keep-all;}
    .sec4 .txt ul{font-size: 1.6rem;}
}
@media all and (max-width:420px){
    .sec4 .txt{padding: 30px;}
    .sec4 .txt .call{font-size: 2.5rem;}
    .sec4 .txt .call img{width: 25px;}
    .sec4 .txt .addr{margin: 15px 0; padding: 15px 0;}
}