@charset "utf-8";


.subCon { position: relative; min-width: 1200px;  font-weight: 300; letter-spacing: -2px; }
.subCon .inner { position: absolute; top: 0; width: 1200px; margin-left: -600px; }
.eb7 {  font-weight: 700; letter-spacing: -2px; }
.r4 {  font-weight: 400; letter-spacing: 0px; }
.l3 {  font-weight: 300; letter-spacing: -1px; }
.m5 {  font-weight: 500; letter-spacing: -2px; }
.b6 {  font-weight: 700; letter-spacing: -1px; }
.en { letter-spacing: -1px; }

h3 { font-weight: 300; }
i { font-style: normal; }

b,   
em,
strong { font-style: normal;  font-weight: 700; letter-spacing: -1px; }
.c_img { position:relative; left:50%; max-width: 1920px !important; margin-left:-960px!important; line-height:0; font-size:0;}

.sec1 .com_span { display: inline-block; position: absolute; color: #fff; }
.sec1 .text1 { top: 277px; left: 43px; font-size: 40px;  }
.sec1 .text2 { top: 334px; left: 40px; font-size: 98px; }
.sec1 .text3 { top: 455px; left: 40px; font-size: 98px; letter-spacing: -9px; }

.sec1 .text4 { top: 345px; right: 0; font-size: 98px; text-align: left; }
.sec1 .text5 { top: 470px; right: 0; font-size: 98px; text-align: left; }
.sec1 .text6 { top: 583px; right: 0; width: 357px; height: 40px; line-height: 40px; background: #7c27b3; font-size: 29px; text-align: center; font-weight: 300; }
.sec1 p.desc { height: 270px; line-height: 1.5; padding-top: 90px; background: #931ede; color: #fff; font-size: 60px; text-align: center; }
.sec1 p.desc span { display: inline-block; position: relative; }
.sec1 p.desc span:after { content: ''; display: inline-block; position: absolute; top: -2px; left: 22px; width: 8px; height: 8px; background: #fff; }

.sec2 .com_span { display: inline-block; position: absolute; color: #5546c1; font-size: 60px; letter-spacing: -7px; }
.sec2 p { text-align: right; }
.sec2 .text1 { top: 186px; right: 768px; opacity: 0; transition: all 0.9s 0.4s; }
.sec2 .text2 { top: 267px; right: 768px; opacity: 0; transition: all 0.9s 0.8s; }
.sec2 .text3 { top: 346px; right: 768px; opacity: 0; transition: all 0.9s 1.2s; }
.sec2 .text4 { top: 177px; left: 857px; font-weight: 300; text-align: left; opacity: 0; transition: all 0.9s 1.6s; }
.sec2 .text5 { top: 264px; left: 857px; text-align: left; opacity: 0; transition: all 0.9s 2.0s; }
.sec2 .text6 { top: 345px; left: 857px; font-weight: 300; text-align: left; opacity: 0; transition: all 0.9s 2.4s; }

.sec2.current .text1 { top: 236px; opacity: 1; }
.sec2.current .text2 { top: 317px; opacity: 1; }
.sec2.current .text3 { top: 396px; opacity: 1; }
.sec2.current .text4 { top: 227px; opacity: 1; }
.sec2.current .text5 { top: 314px; opacity: 1; }
.sec2.current .text6 { top: 395px; opacity: 1; }

        .sec3 span { display: inline-block; position: absolute; top: 80px; left: 440px; padding: 12px 45px; background: #5546c1; color: #fff; font-size: 30px; border-radius: 45px; }
.sec3 h3 { position: absolute; top: 150px; left: 0; width: 100%; line-height: 1.3; color: #5546c1; font-size: 46px; text-align: center;  }
.sec3 h3 b { font-size: 60px; }
.sec3 p { position: absolute; top: 323px; left: 0; width: 100%; line-height: 1.3; color: #505050; font-size: 24px; text-align: center; }
.sec3 p b { color: #5546c1; } 

.sec4 {  }
.sec4 h3 { position: absolute; top: 70px; left: 0; width: 100%; line-height: 1.4; color: #fff; font-size: 45px; text-align: center;  }
.sec4 h3 b { font-size: 60px; }
.sec4 p { position: absolute; top: 680px; left: 0; width: 100%; line-height: 1.5; color: #fff; font-size: 24px; text-align: center; letter-spacing: 0px; }
.sec4 p b { color: #f9ffb4; }
.sec5 { }
.sec5 span { display: inline-block; position: absolute; top: 189px; left: 630px; padding: 12px 45px; background: #7c27b3; color: #fff; font-size: 30px; border-radius: 45px; opacity: 0; transition: all 0.9s 0.4s;  }
.sec5 .com_p { position: absolute; left: 630px; line-height: 1.3; color: #fff; font-size: 60px; text-align: left; }
.sec5 .p1 { top: 250px; opacity: 0; transition: all 0.9s 0.8s; }
.sec5 .p2 { top: 330px; opacity: 0; transition: all 0.9s 1.2s; }
.sec5 .p3 { top: 405px; opacity: 0; transition: all 0.9s 1.6s; }
.sec5 h3 { position: absolute; top: 490px; left: 630px; line-height: 1.4; color: #fff; font-size: 60px; text-align: left; letter-spacing: -5px; opacity: 0; transition: all 0.9s 2.0s; }

.sec5.current span { top: 239px; opacity: 1; }
.sec5.current .p1 { top: 300px; opacity: 1; }
.sec5.current .p2 { top: 380px; opacity: 1; }
.sec5.current .p3 { top: 455px; opacity: 1; }
.sec5.current h3 { top: 540px; opacity: 1; }

.sec6 span.desc { display: inline-block; position: absolute; top: 80px; left: 440px; padding: 12px 45px; background: #7c27b3; color: #fff; font-size: 30px; border-radius: 45px; }
.sec6 h3 { position: absolute; top: 150px; left: 0; width: 100%; line-height: 1.3; color: #7c27b3; font-size: 46px; text-align: center;  }
.sec6 h3 b { font-size: 60px; }
.sec6 ul { position: absolute; top: 628px; left: 0; width: 100%; }
.sec6 ul li { float: left; width: 386px; margin-left: 21px; text-align: center; font-size: 20px;  }
.sec6 ul li em { display: block; margin-bottom: 15px;  color: #7c27b3; font-size: 24px; }
.sec6 ul li span { line-height: 1.4; color: #505050; font-size: 20px; }
.sec6 ul li span strong { color: #7c27b3; }
.sec6 ul li:first-child { margin-left: 0; }
/*
.sec6 p { position: absolute; top: 323px; left: 0; width: 100%; line-height: 1.3; color: #505050; font-size: 24px; text-align: center; }
.sec6 p b { color: #5546c1; }
*/
.sec7 {}
.sec7 span.desc { display: inline-block; position: absolute; top: 128px; left: 187px; padding: 12px 40px; background: #7c27b3; color: #fff; font-size: 30px; border-radius: 45px; }
.sec7 h3 { position: absolute; top: 205px; left: 65px; width: 610px; line-height: 1.3; color: #7c27b3; font-size: 54px; text-align: center; letter-spacing: -5px; }
.sec7 p { position: absolute; top: 643px; left: 65px; width: 610px; line-height: 1.3; color: #505050; font-size: 24px; text-align: center; letter-spacing: -1px; }
.sec7 p b { color: #7c27b3; }

.sec8 h3 { position: absolute; top: 90px; left: 0; width: 100%; line-height: 1.3; color: #7c27b3; font-size: 46px; text-align: center;  }
.sec8 h3 b { font-size: 60px; }
.sec8 .c_type  { position: absolute; left: 0; width: 600px; text-align: center; }
.sec8 .c_type.type1 { top: 417px; }
.sec8 .c_type.type2 { top: 620px; }
.sec8 .c_type  em { display: block; margin-bottom: 20px; color: #7c27b3; font-size: 30px; } 
.sec8 .c_type  span { display: block; line-height: 1.4; color: #505050; font-size: 20px; } 

.sec8 h4 { position: absolute; top: 945px; left: 0; width: 100%; line-height: 1.3; color: #7c27b3; font-size: 46px; text-align: center; font-weight: 300;  }
.sec8 h4 b { font-size: 60px; }

.sec8 ul { position: absolute; top: 1757px; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; }
.sec8 ul li { float: left; width: 386px; margin-left: 1px; text-align: center;  }
.sec8 ul li em { display: block; line-height: 1.2; margin-bottom: 10px;  color: #7c27b3; font-size: 22px; }
.sec8 ul li span { line-height: 1.4; color: #505050; font-size: 18px; }
.sec8 ul li span strong { color: #7c27b3; }
.sec8 ul li:first-child { margin-left: 0; }
.sec9 .p1 { position: absolute; top: 295px; left: 0px; color: #fff; font-size: 60px; text-align: left; opacity: 0; transition: all 0.9s 0.4s; }
.sec9 .p2 { position: absolute; top: 375px; left: 0px; color: #fff; font-size: 60px; text-align: left; opacity: 0; transition: all 0.9s 0.8s; }
.sec9 h3 { position: absolute; top: 465px; left: 0px; color: #fff; font-size: 70px; text-align: left; opacity: 0; transition: all 0.9s 1.2s; }

.sec9.current .p1 { top: 345px; opacity: 1; }
.sec9.current .p2 { top: 425px; opacity: 1; }
.sec9.current h3 { top: 515px; opacity: 1; }

.sec10 h3 { position: absolute; top: 75px; left: 0; width: 100%; line-height: 1.3; color: #fff; font-size: 46px; text-align: center; }
.sec10 h3 b { font-size: 60px; }