@charset "utf-8"; 

#progator .container-3 { width: 1410px; margin: 0 auto; } 
#progator .top-intro { color: #fff; } 

#progator .section-1 .progatorImg1{display:flex; justify-content:center; width:100%; margin-top:170px;}
#progator .section-1 .progatorImg1 .inItem{display:inline-flex; flex-wrap:wrap; justify-content:center; width:437px; position:relative;}
#progator .section-1 .progatorImg1 .inItem img{width:100%;}
#progator .section-1 .progatorImg1 .inItem p{display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#cdcdcd; font-size:30px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#fff;}
#progator .section-1 .progatorImg1 .inItem + .inItem{margin-left:20px;}
#progator .section-1 .progatorImg1 .inItem + .inItem::before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; z-index:2; border:5px solid #900021;}
#progator .section-1 .progatorImg1 .inItem + .inItem p{background:#900021;}
#progator .section-1 .progatorImg2{display:flex; justify-content:center; width:100%; height:auto; margin-top:120px;}

/* section-2 */
#progator .section-2 {height:910px;}
#progator .section-2 .doctor-rotate {position:absolute; width:100%;}
#progator .section-2 .doctor-rotate1 {transform:translateY(65px);}
#progator .section-2 .doctor-rotate .doctor-represent-imgs {opacity: 0;transform: translateX(60px);}
#progator .section-2 .doctor-rotate.fade .doctor-represent-imgs {transform: translateX(0px); opacity: 1; transition: all 2s ease; }
#progator .section-2 .doctor-rotate .doctor-introduce {opacity: 0;transform: translateY(50px); transition-delay:0s;}
#progator .section-2 .gray-wrapbox {transition-delay:0s;}
#progator .section-2 .doctor-rotate.fade .doctor-introduce {transform: translateY(0px); opacity: 1; transition: all 2s ease;}
#progator .section-2 .doctor-rotate1.fade .doctor-introduce {transform: translateY(-35px);}

.youtubeBox{width:100%; height:auto; position:relative; padding-top:56.25%; overflow:hidden; margin-top:260px; transform:translateY(50px); opacity:0;}
.youtubeBox iframe{width:100%; height:100%; position:absolute; top:0; left:0;}
.viewing .youtubeBox{opacity:1; transform:translateY(0px); transition: all 1.5s ease .3s; } 

/* section-3 */
#progator .section-3 { margin-top: 140px; background:url("/images/progator_con_04_bg.jpg") no-repeat center top/contain; padding-top:120px;}
#progator .section-3 .container-3 { padding-left: 87px; opacity:0; transform:translateY(50px);} 
#progator .section-3 .section-tit { text-align: center; margin-bottom: 110px; opacity:0; transform:translateY(50px); } 
#progator .section-3 .section-tit .lrg-txt { display: block; font-size: 48px; font-weight: bold; line-height: 1; margin-bottom: 56px; } 
#progator .section-3 .section-tit .sml-txt { font-size: 20px; } 
#progator .section-3 .video-side {width:950px; height:536px; margin:0 auto;} 
#progator .section-3 .video-side > video {width: 100%; height: 100%; object-fit:cover;} 
#progator .section-3 .change-step-wrapper { margin-top: 130px; } 
#progator .section-3 .change-step-wrapper .step { float: left; opacity: 0; transform: translateX(90px); } 
#progator .section-3 .change-step-wrapper .step > p { margin-top: 30px; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 1; margin-bottom: 20px; } 
#progator .section-3 .change-step-wrapper .step > span { font-size: 16px; color: #666; } 
#progator .section-3 .change-step-wrapper .step-01, #progator .section-3 .change-step-wrapper .step-02, #progator .section-3 .change-step-wrapper .step-03 { width: 323px; position: relative; } 
#progator .section-3 .change-step-wrapper .step-01:after, #progator .section-3 .change-step-wrapper .step-02:after, #progator .section-3 .change-step-wrapper .step-03:after { content: ""; position: absolute; width: 18px; height: 35px; background: url("/images/urolift_next_step_arrow.png"); right: 15px; top: 115.5px; } 
#progator .section-3 .change-step-wrapper.viewing .step { opacity: 1; transform: translateX(0px); transition: all 1s ease; } 
#progator .section-3 .change-step-wrapper.viewing .step-02 { transition-delay: 0.4s; } 
#progator .section-3 .change-step-wrapper.viewing .step-03 { transition-delay: 0.8s; } 
#progator .section-3 .change-step-wrapper.viewing .step-04 { transition-delay: 1.2s; } 
#progator .section-3.viewing .section-tit { opacity:1; transform:translateY(0px); transition: all 1.5s ease; } 
#progator .section-3.viewing .container-3 { opacity:1; transform:translateY(0px); transition: all 1.5s ease .3s; } 

/* section-4 */
#progator .section-4 { margin: 196px 0; } 
#progator .section-4 .section-tit { text-align: center; margin-bottom: 100px; opacity: 0; transform: translateY(80px);} 
#progator .section-4 .section-tit .sml-txt { font-size: 20px; font-weight: 500; display: block; line-height: 1; margin-bottom: 50px; } 
#progator .section-4 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; line-height: 1; display: block; margin-bottom: 50px; } 
#progator .section-4 .recommend-lists { width: 616px; margin: 0 auto; } 
#progator .section-4 .recommend-lists .lists { float: left; width: 32%; text-align: center; font-size: 20px; opacity: 0; transform: translateY(60px);} 
#progator .section-4 .recommend-lists .lists-1 { margin-left: 2%; } 
#progator .section-4 .recommend-lists .lists-5 { margin-right: 2%; } 
#progator .section-4 .recommend-lists .lists > img { margin: 0 auto 35px; } 
#progator .section-4 .recommend-lists .lists .recommend-txt { line-height: 1.5; font-size: 20px;} 
#progator .section-4 .recommend-lists .lists .recommend-txt strong { /* color: #900020; */ font-weight: normal; font-size: 23px;font-weight: bold;} 
#progator .section-4.viewing .section-tit {opacity: 1; transform: translateY(0px); transition: all 1s ease;}
#progator .section-4.viewing .recommend-lists .lists {opacity: 1; transform: translateY(0px); transition: all 1s ease; } 
#progator .section-4.viewing .recommend-lists .lists-2 { transition-delay: 0.25s; } 
#progator .section-4.viewing .recommend-lists .lists-3 { transition-delay: 0.5s; } 
#progator .section-4.viewing .recommend-lists .lists-4 { transition-delay: 0.75s; } 
#progator .section-4.viewing .recommend-lists .lists-5 { transition-delay: 1s; } 

/* section-5 */
#progator .section-5 { margin-top: 240px; padding:115px 0 120px 0; background:#f6f6f6;}
#progator .section-5 .section-tit { text-align: center; } 
#progator .section-5 .section-tit .lrg-txt { font-size: 48px; font-weight: bold; }
#progator .section-5 .numberList{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; text-align:center; margin-top:85px;}
#progator .section-5 .numberList .listItem{display:flex; align-items:center; width:100%; flex-direction:row-reverse; opacity:0; transform:translateY(50px);}
#progator .section-5 .numberList .listItem + .listItem{margin-top:90px;}
#progator .section-5 .numberList .listItem:nth-child(2n){flex-direction:row;}
#progator .section-5 .numberList .listItem .textBox{width:50%;}
#progator .section-5 .numberList .listItem .textBox dt{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto;}
#progator .section-5 .numberList .listItem .textBox dt span{display:inline-flex; justify-content:center; align-items:center; width:60px; height:32px; border-radius:16px; background:#900020; font-size:18px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#fff; margin-bottom:19px;}
#progator .section-5 .numberList .listItem .textBox dt p{width:100%; font-size:42px; font-weight:700; letter-spacing:-0.025em; line-height:1.1; color:#333;}
#progator .section-5 .numberList .listItem .textBox dd{font-size:22px; font-weight:300; letter-spacing:-0.025em; line-height:1.636; color:#666; margin-top:32px;}
#progator .section-5 .numberList .listItem .textBox dd p.colorType2{color:#900020;}
#progator .section-5 .numberList .listItem .textBox dd p strong{font-weight:700;}
#progator .section-5 .numberList .listItem .imgBox{width:50%;}
#progator .section-5.viewing .section-tit { opacity:1; transform:translateY(0px); transition: all 1.5s ease; }
#progator .section-5.viewing .numberList .listItem{ opacity: 1; transform: translateX(0px); transition: all 1s ease; } 
#progator .section-5.viewing .numberList .lists-2{ transition-delay: 0.25s; } 
#progator .section-5.viewing .numberList .lists-3{ transition-delay: 0.5s; } 


/* urolift-insurance */
#progator .urolift-insurance {margin-top: 196px; background: url("/images/urolift_insurance_bg.jpg") no-repeat center; background-attachment:fixed; background-size: cover;height: 528px;padding: 100px 0; overflow:hidden;}
#progator .urolift-insurance .container-2 {position:relative; z-index:100;}
#progator .urolift-insurance .section-tit{color: #fff;text-align: center;line-height: 1;}
#progator .urolift-insurance .section-tit .sml-tit{font-size: 22px;display: block;margin-bottom: 50px;}
#progator .urolift-insurance .section-tit .lrg-tit{font-size: 48px;font-weight: bold; display: block;margin-bottom: 56px;}
#progator .urolift-insurance .comment-box {width: 940px;margin: 0 auto;background: rgba(255,255,255,.9);text-align: center;font-size: 22px;padding: 45px 0;letter-spacing: -0.5px;}
#progator .urolift-insurance .comment-box strong{color: #900020;}
#progator .urolift-insurance .effect-content-wrap {width: 1406px;position: relative;margin: 0 auto; }
#progator .urolift-insurance .effect-content-wrap > img{position: absolute;bottom: -96px; }
#progator .urolift-insurance .effect-content-wrap > img.effect-con-01{left: 36px; z-index:10;}
#progator .urolift-insurance .effect-content-wrap > img.effect-con-02{right: 214px; z-index:30;}
#progator .urolift-insurance .effect-content-wrap > img.effect-con-03{right: 34px; z-index:20;}

/* section-7 */
#progator .section-7 { margin-top: 100px; position: relative; } 
#progator .section-7 .section-7-bg {position: absolute;top: 0;left: 0;z-index: -1;height: 750px;transition: transform 1.5s ease;width: 100%;} 
#progator .section-7 .section-tit { padding-top: 153px; text-align: center; line-height: 1; color: #fff; } 
#progator .section-7 .section-tit .sml-txt-1 { display: block; font-size: 20px; font-weight: 500; margin-bottom: 50px; } 
#progator .section-7 .section-tit .sml-txt-2 { line-height: 1; margin-top: 50px; display: block; font-size: 20px; margin-bottom: 117px; } 
#progator .section-7 .section-tit .lrg-txt { display: block; font-size: 48px; font-weight: bold; line-height: 1.3; } 
#progator .section-7 .machine-list-wrap { position: relative; height: 490px; margin-bottom: 75px; opacity: 0; transform: translateY(60px);} 
#progator .section-7 .machine-list-wrap.viewing {opacity: 1; transform: translateY(0px); transition: all 1s ease;}
#progator .section-7 .machine-list-wrap li { position: absolute; } 
#progator .section-7 .machine-list-wrap li > .model-name { text-align: center; font-size: 20px; padding-top: 80px; position: relative; } 
#progator .section-7 .machine-list-wrap li > .model-name:after { content: ""; width: 1px; height: 75px; background: #333; position: absolute; left: 50%; top: -28px; transform: translateX(-50%); } 
#progator .section-7 .machine-list-wrap .left { left: 0; } 
#progator .section-7 .machine-list-wrap .center { left: 50%; transform: translateX(-50%); } 
#progator .section-7 .machine-list-wrap .right { right: 0; }