@charset "utf-8";

.visual-section {position:relative; width:100%; overflow:hidden;}
.visual-section a {display:block;}
.visual-section .slide {color:#fff;}
.visual-section .slide .contain {display:table; position:relative; height:840px; z-index:2;}
.visual-section .slide .article {display:table-cell; width:100%; height:100%; vertical-align:middle; color:#fff;}
.visual-section .slide .article .en {margin-bottom:2px; font-size:25px; font-weight:500; line-height:1.3em; letter-spacing:.3em; opacity:.8;}
.visual-section .slide .article .txt {margin-bottom:15px; font-size:35px; font-weight:500; line-height:1.3em; letter-spacing:-.02em; opacity:.8;}
.visual-section .slide .article h2 {margin-bottom:60px; font-size:50px; line-height:1.3em; letter-spacing:-.03em;}
.visual-section .slide .article .more {display:inline-block; vertical-align:top; padding:10px 18px; color:#fff; border:1px solid #fff; font-size:15px; line-height:23px; letter-spacing:0;}
.visual-section .slide .article .more .ico {display:inline-block; margin:-.2em 0 0 24px; vertical-align:middle; width:7px; height:13px; background:url("../images/main/angle_right.png") 50% 50% no-repeat;}
.visual-section .slide .background {position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 0; background-repeat:no-repeat; background-size:cover; z-index:1;}
.visual-section .slide1 .article .more {opacity:.5;}
.visual-section .slide1 .background {background-image:url("../images/main/visual1.jpg");}
.visual-section .slide2 .background {background-image:url("../images/main/visual2.jpg");}
.visual-section .slide3 .background {background-image:url("../images/main/visual3.jpg");}
.visual-section .slide4 .background {background-image:url("../images/main/visual4.jpg");}
.visual-section .slide5 .background {background-image:url("../images/main/visual5.jpg");}
.visual-section .slide6 .background {background-image:url("../images/main/visual6.jpg");}
.visual-section .slide-btn {position:absolute; top:50%; margin-top:-22px; z-index:50;}
.visual-section .slide-btn a {display:block; width:44px; height:44px; background-position:50% 50%; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}
.visual-section .slide-prev {left:9%;}
.visual-section .slide-next {right:9%;}
.visual-section .slide-prev a {background-image:url("../images/main/slide_prev.png");}
.visual-section .slide-next a {background-image:url("../images/main/slide_next.png");}

.solution-section {padding:60px 0 50px; overflow:hidden;}
.solution-section .head {margin-bottom:20px; text-align:center;}
.solution-section .head h2 {color:#444; font-size:30px; font-weight:500; line-height:1.3em;}
.solution-section .head h2 span {font-weight:300;}
.solution-section .body {overflow:hidden;}
.solution-section .body ul {*zoom:1; margin:0 -10px;}
.solution-section .body ul:after {content:" "; display:block; clear:both;}
.solution-section .body ul li {float:left; width:33.33333333%; padding:10px;}
.solution-section .body ul li a {position:relative; display:block;}
.solution-section .body ul li a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:0 solid rgba(255,255,255,.5); transition: all 0.2s ease-in-out;}
.solution-section .body ul li a:hover::after {border-width:6px;}

.banner-section {position:relative; background:#131313; overflow:hidden;}
.banner-section .contain {position:relative; height:550px; z-index:2;}
.banner-section .inner {position:absolute; top:0; right:30px; height:100%;}
.banner-section .inner-wrap {display:table; width:100%; height:100%;}
.banner-section .inner-txt {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.banner-section p {margin-bottom:20px; color:#fff; font-size:30px; line-height:1.3em;}
.banner-section h2 {margin-bottom:65px; color:#6dc5e7; font-size:40px; line-height:1.3em;}
.banner-section .more {display:inline-block; vertical-align:top; padding:12px 24px; color:#fff; border:1px solid #fff; font-size:15px; line-height:22px;}
.banner-section .more .ico {display:inline-block; margin:-.2em 0 0 60px; vertical-align:middle; width:7px; height:13px; background:url("../images/main/angle_right.png") 50% 50% no-repeat;}
.banner-section .background {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("../images/main/banner_bg.jpg"); background-attachment:fixed; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

.clinic-section {padding:60px 0 50px; overflow:hidden;}
.clinic-section .head {margin-bottom:20px; text-align:center;}
.clinic-section .head h2 {color:#444; font-size:30px; font-weight:500; line-height:1.3em;}
.clinic-section .body .row {*zoom:1; margin:0 -10px;}
.clinic-section .body .row:after {content:" "; display:block; clear:both;}
.clinic-section .body .col {float:left; padding:10px;}
.clinic-section .body .col-1 {width:33.3333333%;}
.clinic-section .body .col-2 {width:50%;}
.clinic-section .bnr-about {display:block; position:relative; height:315px; overflow:hidden;}
.clinic-section .bnr-about:before {content:""; position:absolute; top:0; left:0; width:96px; height:4px; background-repeat:no-repeat; background-position:100% 0; z-index:2;}
.clinic-section .bnr-about:after {content:""; position:absolute; bottom:0; right:0; width:96px; height:4px; background-repeat:no-repeat; background-position:0 0; z-index:2;}
.clinic-section .bnr-about .txt-wrap {position:absolute; display:table; top:0; left:0; width:100%; height:100%; z-index:2;}
.clinic-section .bnr-about .txt-inner {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.clinic-section .bnr-about h3 {color:#fff; font-size:22px; font-weight:500; line-height:1.3em; margin-bottom:5px;}
.clinic-section .bnr-about p {font-size:15px; line-height:1.3em; letter-spacing:.3em;}
.clinic-section .bnr-about .background {position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.5s ease-in-out; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.clinic-section .bnr-about:hover .background {
	transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.clinic-section .bnr-gallery {display:block; position:relative; height:315px; text-align:center; color:#fff; background-size:cover; overflow:hidden;}
.clinic-section .bnr-gallery .top {height:22px; margin-bottom:53px; font-size:15px; line-height:1em; letter-spacing:.3em; background:url("../images/main/clinic_top_bg.png") 50% 0 no-repeat;}
.clinic-section .bnr-gallery h3 {margin-bottom:13px; font-size:30px; font-weight:500; line-height:1.3em;}
.clinic-section .bnr-gallery .txt {margin-bottom:42px; font-size:16px; line-height:1.6em;}
.clinic-section .bnr-gallery .txt strong {font-weight:500;}
.clinic-section .bnr-gallery .more {display:inline-block; vertical-align:top; padding:10px 18px; border:1px solid #fff; font-size:12px; line-height:18px; letter-spacing:0;}
.clinic-section .bnr-gallery .more .ico {display:inline-block; margin:-.2em 0 0 25px; vertical-align:middle; width:7px; height:13px; background:url("../images/main/angle_right.png") 50% 50% no-repeat;}

.clinic-about:before {background-image:url("../images/main/clinic_about_line_top.png");}
.clinic-about:after {background-image:url("../images/main/clinic_about_line_but.png");}
.clinic-about p {color:#ef5b9e;}
.clinic-about .background {background-image:url("../images/main/clinic_about.jpg");}
.clinic-about:hover .background {background-image:url("../images/main/clinic_about_on.jpg");}

.clinic-doctor:before {background-image:url("../images/main/clinic_doctor_line_top.png");}
.clinic-doctor:after {background-image:url("../images/main/clinic_doctor_line_but.png");}
.clinic-doctor p {color:#2dd0df;}
.clinic-doctor .background {background-image:url("../images/main/clinic_doctor.jpg");}
.clinic-doctor:hover .background {background-image:url("../images/main/clinic_doctor_on.jpg");}

.clinic-review {background:url("../images/main/clinic_review_bg.jpg") 0 0 no-repeat;}
.clinic-review .top {color:#44c1bb;}

.clinic-gallery {background:url("../images/main/clinic_gallery_bg.jpg") 0 0 no-repeat;}
.clinic-gallery .top {color:#585279;}

.clinic-model {display:block; height:315px; padding:32px 0 0 39px; background:url("../images/main/clinic_model_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.clinic-model h3 {margin-bottom:16px; color:#434242; font-size:25px; font-weight:500; line-height:1.2em;}
.clinic-model .txt1 {color:#5d5d5d; font-family:"Roboto",sans-serif; font-size:40px; font-weight:300; line-height:1.3em;}
.clinic-model .txt1 strong {font-weight:500;}
.clinic-model .txt2 {margin-bottom:48px; color:#575656; font-size:15px; line-height:1.3em;}
.clinic-model .more {display:inline-block; vertical-align:top; padding:10px 18px; color:#5d5d5d; border:1px solid #a4a5a6; font-size:12px; line-height:18px; letter-spacing:0;}
.clinic-model .more .ico {display:inline-block; margin:-.2em 0 0 25px; vertical-align:middle; width:7px; height:13px; background:url("../images/main/angle_right2.png") 50% 50% no-repeat;}

.review-section {padding:90px 0; text-align:center; background:#191a1c url("../images/main/review_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.review-section a {
	display:table; width:266px; height:266px; margin:0 auto; color:#fff; border-radius:50%; overflow:hidden;
	background: #02a0d2; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #02a0d2 , #00b2a5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #02a0d2, #00b2a5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #02a0d2, #00b2a5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #02a0d2 , #00b2a5); /* Standard syntax */
}
.review-section .cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.review-section h3 {margin-top:20px; margin-bottom:15px; margin-right:-.25em; font-size:40px; font-weight:500; line-height:1em; letter-spacing:.25em; text-shadow:0 0 5px rgba(36,36,36,.15);}
.review-section .txt1 {margin:26px 5px 10px 0px; font-size:18px; line-height:1.3em; width:100%;}
.review-section .txt2 {margin:13px 0 17px 0; font-size:19px; line-height:1.3em; letter-spacing:0.3px;}
.review-section .more {display:inline-block; vertical-align:top; width:120px; font-size:14px; line-height:35px; border:1px solid #fff;}