@charset "utf-8";

@media (max-width: 1280px){
	.visual-section .slide .contain {padding:0 100px; height:640px;}
	.visual-section .slide .article .en {font-size:20px;}
	.visual-section .slide .article .txt {font-size:30px;}
	.visual-section .slide .article h2 {margin-bottom:50px; font-size:45px;}
	.visual-section .slide-prev {left:1%;}
	.visual-section .slide-next {right:1%;}
}

@media (max-width: 1024px){
	.visual-section .slide .contain {padding:0 80px; height:500px;}
	.visual-section .slide .article .en {font-size:20px;}
	.visual-section .slide .article .txt {font-size:30px;}
	.visual-section .slide .article h2 {margin-bottom:50px; font-size:45px;}
	.visual-section .slide-btn {margin-top:-15px;}
	.visual-section .slide-btn a {width:30px; height:30px; background-size:contain;}

	.banner-section .contain {height:400px;}
	.banner-section p {font-size:23px;}
	.banner-section h2 {font-size:38px;}
	.banner-section .more {font-size:10px 18px; font-size:14px;}
	.banner-section .more .ico {margin-left:28px;}

	.clinic-section .bnr-about,
	.clinic-section .bnr-gallery,
	.clinic-model {height:250px;}
	.clinic-section .bnr-gallery .top {margin-bottom:35px;}
	.clinic-section .bnr-gallery h3 {font-size:24px;}
	.clinic-section .bnr-gallery .txt {margin-bottom:30px; font-size:14px;}
	.clinic-model {padding:25px 0 0 27px;}
	.clinic-model h3 {font-size:22px;}
	.clinic-model .txt1 {font-size:33px;}
	.clinic-model .txt2 {margin-bottom:20px;}
}

@media (max-width: 800px){
	.visual-section .slide .contain {padding:0 60px; height:400px;}
	.visual-section .slide .article .en {font-size:16px;}
	.visual-section .slide .article .txt {font-size:22px;}
	.visual-section .slide .article h2 {margin-bottom:50px; font-size:32px;}
	.visual-section .slide .article .more {padding:6px 12px; font-size:13px;}
	.visual-section .slide .article .more .ico {margin-left:18px;}
	.visual-section .slide-btn {margin-top:-12px;}
	.visual-section .slide-btn a {width:24px; height:24px; background-size:contain;}

	.solution-section {padding:30px 0;}
	.solution-section .head h2 {font-size:27px;}
	.solution-section .body ul {margin:0 -6px;}
	.solution-section .body ul li {padding:6px;}

	.banner-section .contain {height:300px;}
	.banner-section p {font-size:20px;}
	.banner-section h2 {font-size:33px;}
	.banner-section .more {padding:6px 18px; font-size:13px;}
	.banner-section .more .ico {margin-left:18px;}

	.clinic-section {padding:30px 0;}
	.clinic-section .head h2 {font-size:27px;}
	.clinic-section .body .row {margin:0 -6px;}
	.clinic-section .body .col {padding:6px;}

	.review-section {padding:40px 0;}
}

@media (max-width: 640px){
	.visual-section .slide .contain {padding:0 20px; height:300px;}
	.visual-section .slide .article .en {font-size:11px;}
	.visual-section .slide .article .txt {font-size:16px;}
	.visual-section .slide .article h2 {margin-bottom:30px; font-size:24px;}
	.visual-section .slide .article .more {padding:2px 10px; font-size:11px;}
	.visual-section .slide .article .more .ico {margin-left:10px; background-size:5px auto;}
	.visual-section .slide-btn {display:none;}
	.visual-section .bx-wrapper .bx-pager {bottom:14px;}

	.solution-section .head {margin-bottom:10px;}
	.solution-section .head h2 {font-size:22px;}
	.solution-section .body ul {margin:0 -4px;}
	.solution-section .body ul li {width:50%; padding:4px;}

	.banner-section {background:url("../images/main/banner_bg_m2.jpg") 50% 50% no-repeat; background-size:cover; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
	.banner-section .contain {height:250px;}
	.banner-section .inner {right:inherit; left:20px; top:inherit; bottom:20px; height:auto;}
	.banner-section .inner-wrap {display:block; height:auto;}
	.banner-section p {font-size:14px; margin-bottom:5px;}
	.banner-section h2 {font-size:22px; margin-bottom:13px;}
	.banner-section .more {padding:2px 12px; font-size:11px;}
	.banner-section .more .ico {margin-left:10px; background-size:5px auto;}
	.banner-section .background {display:none;}

	.clinic-section .head {margin-bottom:10px;}
	.clinic-section .head h2 {font-size:22px;}
	.clinic-section .body .row {margin:0 -4px;}
	.clinic-section .body .col {padding:4px;}
	.clinic-section .body .col-1 {width:50%;}
	.clinic-section .body .col-sm-2 {width:100% !important;}
	.clinic-section .bnr-about {height:140px;}
	.clinic-section .bnr-about h3 {font-size:18px;}
	.clinic-section .bnr-about p {font-size:12px;}
	.clinic-section .bnr-about .txt-inner {padding:8px;}
	.clinic-section .bnr-about:before {width:55px; height:3px; background-size:auto 3px;}
	.clinic-section .bnr-about:after {width:55px; height:3px; background-size:auto 3px;}
	.clinic-section .bnr-gallery {height:140px;}
	.clinic-section .bnr-gallery .top {margin-bottom:28px; height:14px; font-size:11px; letter-spacing:.15em; background-size:auto 14px;}
	.clinic-section .bnr-gallery .txt {display:none;}
	.clinic-section .bnr-gallery h3 {margin-bottom:25px; font-size:18px;}
	.clinic-section .bnr-gallery .more {padding:4px 12px; font-size:11px;}
	.clinic-section .bnr-gallery .more .ico {margin-left:10px; background-size:5px auto;}
	.clinic-model {height:auto; min-height:140px; padding:15px;}
	.clinic-model h3 {margin-bottom:10px; font-size:16px;}
	.clinic-model .txt1 {font-size:25px;}
	.clinic-model .txt2 {margin-bottom:15px; width:80%; font-size:13px;}
	.clinic-model .more {padding:4px 12px; font-size:11px;}
	.clinic-model .more .ico {margin-left:10px; background-size:5px auto;}

	.review-section {padding:30px 0;}
	.review-section a {width:200px; height:200px;}
	.review-section .cell {padding:8px;}
	.review-section h3 {margin-top:15px; margin-bottom:10px; font-size:28px;}
	.review-section .txt1 {font-size:17px;}
	.review-section .txt2 {margin-bottom:15px; font-size:13px;}
	.review-section .more {width:88px; font-size:11px; line-height:26px;}
}