@charset "utf-8";

.sec1 {position:relative;text-align:center;}
.sec1 h2 {position:absolute;top:1%;left:0;width:100%;line-height:1.0;color:#fff;font-size: 11vw;opacity:0;transition:all 1s 0.3s;z-index:10;}
.sec1 p.desc_h2 {position:absolute;top:19%;left:0;width:100%;color:#fff;font-size:4vw;opacity:0;transition:all 1s 0.6s;z-index:10;line-height:1.4;font-weight:500;} 
.sec1 .light_img {position:absolute;top:72.16%;left:36.4%;width:30.46%;z-index:10;}
.sec1 .light_img div {width:0;opacity:0;transition:all 1s 0.9s;}
.sec1.current h2 {top: 14%;opacity:1;} 
.sec1.current p.desc_h2 {top: 30%;opacity:1;} 
.sec1.current .light_img div {width:100%;opacity:1;}
.sec2 {position:relative;text-align:center;}
.sec2 .desc_h2 {position:absolute;top:5%;left:0;width:100%;color:#5d50f5;font-size:23px;}
.sec2 h3 {position:absolute;top:12%;left:0;width:100%;color:#5d50f5;font-size:26px;}
.sec2 .desc {position:absolute;top:23%;left:0;width:100%;line-height:1;color:#fff;}
.sec2 ul {position:absolute;top:30.5%;bottom:45.5%;left:8%;right:8%;box-sizing:border-box;}
.sec2 ul li {line-height:1.1;height:33.33%;box-sizing:border-box;padding:1.5% 0 0;}
.sec2 ul li span { display:flex;width:49%;height:27px;line-height:1;border-radius:3px;justify-content:center;align-items:center;width:50%;}
.sec2 ul li .left {float:left;color:#fff;}
.sec2 ul li .right {float:right;color:#000;}
.sec2 .desc2 {position:absolute;top:62.17%;left:0;width:100%;line-height:1.3;color:#fff;font-size:4vw;}
.sec2 .desc3 {position:absolute;top:79.84%;left:0;width:100%;line-height:1.5;color:#3b3a45;letter-spacing:-1px;}
.sec2 .desc3 b {letter-spacing:-1px;}
.sec3 {position:relative;text-align:center;}
.sec3 h3 {position:absolute;top:15%;left:0;width:100%;line-height:1.4;color:#fff;font-size:22px;}
.sec3 h3 span.l3 {line-height:1.1;}
.sec3 h3 span.m5 {line-height:1.3;}
.sec3 .type1 {position:absolute;top:59.1%;left:3.125%;width:46.875%;color:#fff;}
.sec3 .type2 {position:absolute;top:59.1%;right:3.125%;width:46.875%;color:#fff;}
.sec4 {position:relative;text-align:center;}
.sec4 h3 {position:absolute;top:19%;left:0;width:100%;line-height:1.2;color:#fff;font-size:23px;}
.sec4 .desc {position:absolute;top:25%;left:0;width:100%;line-height:1.3;color:#fff;font-size:17px;}
.sec5 {position:relative;text-align:center;}
.sec5 p.desc_h2 {position:absolute;top:59%;left:0;width:100%;color:#fff;font-size:18px;}
.sec5 h3 {position:absolute;top:65%;left:0;width:100%;font-size:12px;line-height:1.3;color:#3b3a45;letter-spacing:-1px;}
.sec5 h3 span.color {color:#5d50f5;}
.sec5 ul.info_list {position:absolute;top:77.5%;left:11%;width:86.57%;}
.sec5 ul.info_list li {margin-bottom:1.5%;color:#3b3a45;text-align:left;}     
.sec5_2 {position:relative;padding:9% 3.12% 14.84%;background:#eee;text-align:center;}
.sec5_2 h3 {line-height:1.1;margin-bottom:4.68%;color:#5d50f5;font-size:18px;}
.sec6 {position:relative;text-align:center;}
.sec6 p.desc_h2 {position:absolute;top:59.2%;left:0;width:100%;color:#fff;font-size:16px;}
.sec6 h3 {position:absolute;top:65%;left:3%;right:3%;line-height:1.2;color:#3b3a45;font-size:4vw;letter-spacing:-1px;}
.sec6 h3 span.color {color:#5d50f5;}
.sec6 ul.info_list {position:absolute;top:77.5%;left:11%;width:86.57%;}
.sec6 ul.info_list li {margin-bottom:1.51%;color:#3b3a45;font-size:3vw;text-align:left;}
.sec6_2 {position:relative;padding:9.37% 3.12% 5.78%;background:#eee;text-align:center;}
.sec6_2 h3 {line-height:1.3;margin-bottom:4.68%;color:#5d50f5;font-size:25px;}            
.sec6_2 video {width:100%;}
.sec6_2 .video_text {padding:4.68% 0;background:#3b3a45;}
.sec6_2 .video_text p {line-height:1.4;color:#fff;font-size:3vw;letter-spacing:0;}
.sec6_2 .video_text h4 {line-height:1.4;margin-top:15px;color:#fff;font-size:4.5vw;letter-spacing:0;}
.sec6_2 h4 b {letter-spacing:0;}
.sec7 {position:relative;text-align:center;}
.sec7 h3 {position:absolute;top:6%;left:0;width:100%;line-height:100%;color:#fff;font-size:17px;}
.sec7 h3 span.m5 {line-height:2.5;color:#fff;font-size:19px;}
.sec7 h3 em, .sec7 h3 span.text {font-size:21px;}
.sec7 p.desc {position:absolute;top:81.52%;left:3%;right:3%;line-height:1.4;color:#fff;font-size:3.5vw;letter-spacing:-1px;}
.sec7 p.desc b {letter-spacing:-1px;}
.sec8 {position:relative;text-align:center;}
.sec8 h3 {position:absolute;top:4%;left:0;width:100%;line-height:1.2;color:#fff;font-size:26px;}
.sec8 h3 span {line-height:1.6;font-size:21px;}
.sec8 .desc_h3 {position:absolute;top:21.5%;left:0;width:100%;color:#fff;font-size:4vw;line-height:1.1;}
.sec8 .desc {position:absolute;bottom:3%;left:0;width:100%;line-height:1.6;color:#fff;font-size:3.8vw;letter-spacing:-1px;}
.sec8 .desc span {line-height:1.5;background:#5d50f5;letter-spacing:0;}
.sec8 .desc b {letter-spacing:0;}
.sec9 {position:relative;text-align:center;}
.sec9 .desc_h3 {position:absolute;top:6%;left:0;width:100%;color:#fff;font-size:4vw;}
.sec9 h3 {position:absolute;top:10.5%;left:0;width:100%;line-height:1;color:#fff;font-size:8.8vw;}
.sec9 .desc {position:absolute;top:22%;left:0;width:100%;line-height:1.2;color:#fff;font-size:4.1vw;}
.sec10 .desc_h3 {width:100%;line-height:1;color:#5d50f5;font-size:4vw;}
.sec10 h3 {width:100%;line-height:1.3;color:#5d50f5;font-size:6.8vw;}
.sec10 h3 b {font-size:9vw;}
.sec10 .tag_box {padding:15px}
.sec10 .com_tag {display:flex;justify-content:space-around;margin-bottom:10px;;color:#fff;font-size:4vw;display:inline-block;padding:7px 10px;line-height:1;border-radius:30px;background:linear-gradient(45deg, #5353ed, #00babf);}    
.sec10 .tag1 {left:11.4%;}
.sec10 .tag2 {left:39.21%;}
.sec10 .tag3 {left:66.71%;} 
.sec10 {position:relative;background:#eee;text-align:center;}
.sec10 .inner {display:block;position:relative;padding:40px 0 0;}
.sec10 .ba-slider {position:relative;width:59.38%;margin:6.24% auto 3.12%;box-sizing:border-box;}
.sec10 .ba-slider img {width:100%;display:block;max-width:inherit;}
.sec10 .ba-slider2 {position:relative;width:59.38%;margin:3.12% auto 6.24%;box-sizing:border-box;}
.sec10 .ba-slider2 img {width:100%;display:block;max-width:inherit;}
.sec10 .resize {position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;}
.sec10 .handle {position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;cursor:ew-resize;}     
.sec10 .handle:after {position:absolute;bottom:20px;width:30px;height:30px;margin:0 0 0 -16px;background:rgba(0,0,0, 0.5) url("/m/img/skin/inmode/slide_btn.png") 50% 50% no-repeat;content:'';font-family:xeicon, sans-serif;color:white;font-weight:bold;font-size:30px;text-align:center;line-height:40px;transition:all 0.3s ease;border:1px solid #fff;border-radius:50%;}
.sec10 .draggable:after {width:30px;height:30px;margin:0 0 0 -15px;line-height:30px;font-size:20px;}
.sec10 .com_txt strong {display:block;margin-bottom:1.56%;color:#3b3a45;font-size:3.8vw;}
.sec10 .com_txt span {display:block;margin-bottom:5.5%;color:#858585;font-size:3vw;}
.sec10 .text2 {padding-bottom:6%;}
.sec10 .text2 span {margin-bottom:0;}
.sec11 {position:relative;text-align:center;}
.sec11 .desc {position:absolute;top:20%;left:0;width:100%;line-height:1.2;color:#fff;font-size:4vw;}
.sec11 h3 {position:absolute;top:48%;width:100%;line-height:1;padding-left:4%;color:#fff;font-size:7vw;box-sizing:border-box;}
.sec11 h3 span {display:inline-block;width:10%;}
.sec12 {position:relative;text-align:center;}
.sec12 h3 {position:absolute;top:41%;width:100%;color:#fff;font-size:3.3vw;letter-spacing:0;}
.sec12 p {position:absolute;bottom:2%;left:3%;right:3%;line-height:1.3;color:#5d50f5;}
.sec12 p b {font-size:3.5vw;}
.sec13 {position:relative;text-align:center;} 
.sec13 h3 {position:absolute;top:5%;left:3%;right:3%;line-height:1.3;color:#fff;}
.sec13 .desc {position:absolute;top:16%;left:0;width:100%;line-height:1.3;color:#fff;font-size:3.8vw;}
.sec13 {position:relative;}
.sec13 .date_area {position:absolute;bottom:3.2%;left:0;width:100%;text-align:center;}
.sec13 .date_area .time_line {margin-bottom:3.2%;color:#00dfe6;font-size:8vw;font-weight:700;}
.sec13 .date_area .time_line .time {font-size:16vw;}
.sec13 .date_area .date {color:#00dfe6;font-size:4vw;} 
.sec14 {position:relative;text-align:center;}
.sec14 h3 {position:absolute;top:35%;left:0;width:100%;line-height:1.3;color:#5d50f5;letter-spacing:-2px;font-size:20px;}
.sec14 h3 em {letter-spacing:0;}
.sec14 p {position:absolute;top:87.2%;left:0;width:100%;line-height:1.2;color:#3b3a45;}
.sec14 .com_box {position:absolute;top:53.8%;width:41.4%;}
.sec14 .com_box.left {left:7.8%;}
.sec14 .com_box.right {right:7.8%;}
.sec14 .com_box strong {display:block;width:100%;margin-bottom:10%;color:#3b3a45;}
.sec14 .com_box.right strong {color:#fff;margin-bottom:20.6%;}
.sec14 .com_box ul {margin-top:15px;}
.sec14 .com_box ul li {margin-bottom:12%;padding-left:41.5%;color:#3b3a45;letter-spacing:0;text-align:left;}
.sec14 .com_box.right ul li {margin-bottom:19.7%;color:#fff;}
.slide_area {overflow:hidden;margin-top:1px;}
.slide_area:after {content:'';display:block;clear:both;}
.slide_area .left {float:left;width:17.66%;}
.slide_area .left a {display:block;background-size:cover !important;cursor:pointer;}
.slide_area .left a:nth-child(1) {background:url("/m/img/skin/inmode/tab_list_img1.jpg") 50% 0 no-repeat;}
.slide_area .left a:nth-child(2) {background:url("/m/img/skin/inmode/tab_list_img2.jpg") 50% 0 no-repeat;}
.slide_area .left a:nth-child(3) {background:url("/m/img/skin/inmode/tab_list_img3.jpg") 50% 0 no-repeat;}
.slide_area .left a:nth-child(1).active {background:url("/m/img/skin/inmode/tab_list_img1_on.jpg") 50% 0 no-repeat;}
.slide_area .left a:nth-child(2).active {background:url("/m/img/skin/inmode/tab_list_img2_on.jpg") 50% 0 no-repeat;}
.slide_area .left a:nth-child(3).active {background:url("/m/img/skin/inmode/tab_list_img3_on.jpg") 50% 0 no-repeat;}
.slide_area .left a img {width:100%;}
.slide_area .panel {position:relative;float:right;width:82.34%;z-index:10;}
.slide_area .panel li {position:relative;}
.slide_area .panel li .overimg {position:absolute;top:0;left:0;opacity:0;transition:all 1s 0.1s;}
.slide_area .panel li .overimg.on {opacity:1;}
.slide_area .panel .bottom_p {height:15.625%;line-height:1.5;padding:3% 0;background:#fff;color:#002d5f;font-size:3vw;text-align:center;}
.com_tab {overflow:hidden;position:absolute;top:0px;left:0;width:100%;padding:0 3.12%;box-sizing:border-box;}
.com_tab:after {content:'';display:block;clear:both;}
.com_tab li {float:left;width:50%;height:50px;}
.com_tab li button {width:100%;height:100%;line-height:1.3;padding-top:0;background:#fff;border:0;color:#000;font-size:3.2vw;box-sizing:border-box;}
.com_tab li.on button {background:#5d50f5;color:#fff;}            

@media (min-width:640px){
	.sec1 h2 {font-size:60px;} 	
	.sec1 p.desc_h2 {font-size:25px;} 
	.sec1.current h2 {top:16%;}
	.sec1.current p.desc_h2 {top:30%;}
	.com_tab li button {font-size:16px;}
	.sec2 .desc_h2 {font-size:30px;}
	.sec2 h3 {font-size:40px;}
	.sec2 .desc {font-size:18px !important;}
	.sec2 ul li span {font-size:16px;height:auto;}
	.sec2 .desc2 {font-size:24px;}
	.sec2 .desc2 b {font-size:22px;}	
	.sec2 .desc3 {font-size:20px;}
	.sec3 h3 {font-size:40px;}
	.sec3 h3 span.m5 {font-size:35px;}
	.sec3 .type1,
	.sec3 .type2,
	.sec5 h3,	
	.sec6 h3 {font-size:21px;}
	.sec4 h3 {font-size:40px;}
	.sec4 .desc {font-size:25px;}
	.sec5 p.desc_h2 {font-size:18px;}
	.sec5 h3 em {font-size:23px;}
	.sec5 ul.info_list li {font-size:18px;}
	.sec5_2 h3 {font-size:40px;}
	.sec6 p.desc_h2 {font-size:18px;}
	.sec6 h3 em {font-size:23px;}
	.sec5 ul.info_list li,
	.sec6 ul.info_list li {font-size:18px;}
	.sec6_2 h3 {font-size:40px;}
	.sec6_2 .video_text p {font-size:16px;}
	.sec6_2 .video_text h4 {font-size:21px;}
	.sec7 h3,
	.sec7 h3 span.m5 {font-size:21px;}
	.sec7 h3 em,
	.sec7 h3 span.text {font-size:40px;}
	.sec7 p.desc {font-size:22px;}
	.sec8 h3,
	.sec9 h3,
	.sec10 h3 b {font-size:40px;line-height:1.3;}	
	.sec8 h3 span {font-size:19px;}
	.sec8 .desc_h3 {font-size:20px;top:22%;}
	.sec8 .desc {font-size:22px;}
	.sec9 {font-size:21px;}
	.sec9 .desc_h3 {font-size:12px;}
	.sec9 .desc {font-size:22px;line-height:1.3;}
	.sec10 .desc_h3 {font-size:18px;}
	.sec10 h3 {font-size:32px;}
	.sec10 .com_tag {font-size:22px;}
	.sec10 .com_txt strong {font-size:18px;}
	.sec10 .com_txt span {font-size:16px;}
	.sec11 .desc {font-size:19px;}
	.sec11 h3 {font-size:32px;line-height:1.5;padding:0 18px 0 0;}
	.sec12 h3 {font-size:18px;}
	.sec12 p {font-size:18px;}
	.sec12 p b {font-size:21px;}
	.sec13 h3 {font-size:40px;line-height:1.1;}
	.sec13 .desc {top:20%;font-size:22px;}
	.sec13 .date_area .time_line {font-size:40px;}
	.sec13 .date_area .time_line .time {font-size:60px;}
	.sec13 .date_area .date {font-size:21px;} 
	.sec14 h3 {font-size:35px;}
	.sec14 p {font-size:18px;}
	.sec14 .com_box strong {font-size:19px;}
	.sec14 .com_box ul li {font-size:18px;}
}