@font-face{font-family:Bold;src:url(../fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../fonts/MarkOT.otf)}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec1out{position:relative;height:55.859375vw}.sec1out .colorText{font-size:1.875vw;font-family:Bold;margin-left:2.9296875vw;margin-top:2.5vw;background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent}.sec1out .sec2Wrapper{position:absolute;top:0;left:0;z-index:1;width:100%}.sec1out .sec1Wrapper{position:relative;z-index:2}.sec1{position:relative;width:100%;height:46.875vw;min-height:calc(100vh - 50px);padding-top:17.8515625vw;padding-left:5.7421875vw;overflow:hidden;background:url(../images/sec1Bg.jpg) no-repeat top center/cover}.sec1 .group{display:flex;gap:1.5625vw;align-items:center;padding-left:0vw}.sec1 .slogen{width:19.53125vw;color:#32323c;font-size:3.125vw;font-family:Bold;line-height:1.075}.sec1 .logo{width:12.1484375vw;height:5.78125vw;background:url(../images/sec1logo.png) no-repeat top center/contain}.sec1 .params{display:flex;gap:.78125vw;align-items:center;margin-top:1.5625vw;color:#32323c;text-align:center}.sec1 .line{width:0px;height:2.421875vw;box-shadow:0 0 0 1px #ff073c}.sec1 .f1{font-size:1.484375vw;font-family:Bold;line-height:.9473684211}.sec1 .f2{margin-top:.46875vw;font-size:.859375vw;font-family:Normal;line-height:1.3636363636}.sec1 .sec1white{position:absolute;top:9.375vw;left:43.671875vw;width:37.1875vw;height:46.25vw;background:url(../images/sec1White.png) no-repeat top center/contain}.sec1 .sec1blue{position:absolute;top:0;left:62.5vw;z-index:2;width:36.6015625vw;height:48.515625vw;background:url(../images/sec1Blue.png) no-repeat top center/contain}.sec1 .sec1mask{position:absolute;top:26.71875vw;left:62.5vw;z-index:1;width:15.0390625vw;height:19.140625vw;background:url(../images/sec1Mask.png) no-repeat top center/contain}@media screen and (max-width: 751px){.sec1out{height:auto}.sec1out .colorText{margin:auto;font-size:3.2vw;margin-top:2.6666666667vw}.sec1{height:144vw;padding-top:8.5333333333vw;padding-left:0;background:url(../images/sec1MobBG.jpg) no-repeat top center/cover}.sec1 .group{display:block}.sec1 .sec1white{top:76.8vw;left:6.6666666667vw;width:56.5333333333vw;height:106.6666666667vw}.sec1 .sec1blue{top:48vw;left:35.6vw;width:58.2666666667vw;height:65.2vw;background:url(../images/sec1MobBlue.png) no-repeat top center/contain}.sec1 .sec1mask{top:104vw;left:35.4666666667vw;width:38.5333333333vw;height:49.0666666667vw}.sec1 .logo{width:22.8vw;height:10.6666666667vw;margin:auto;background:url(../images/sec1moblogo.png) no-repeat top center/contain}.sec1 .slogen{width:90%;max-width:90%;margin:3.4666666667vw auto 0;font-size:4.8vw;line-height:1.2777777778;text-align:center}.sec1 .params{gap:4.2666666667vw;width:fit-content;margin:1.6vw auto 0}.sec1 .f1{font-size:2.6666666667vw;line-height:1.6}.sec1 .f2{margin-top:.2666666667vw;font-size:1.6vw;line-height:1.25}.sec1 .line{width:0vw;height:3.7333333333vw}}.sec2{position:relative;width:100%;height:55.859375vw;background-color:#f3f3f3}.sec2 .img{position:absolute;z-index:3;width:3.4765625vw;height:3.4765625vw;margin:auto;background:url(../images/play.png) no-repeat center/contain;top:0;right:0;bottom:0;left:0}.sec2 video{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width: 751px){.sec2{height:216.2666666667vw}.sec2 .img{width:11.8666666667vw;height:11.8666666667vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec3{padding-top:10.9375vw;padding-bottom:0vw}.sec3 .wrapper{overflow:hidden}.sec3 .group{display:flex;gap:1.0546875vw;width:fit-content;padding-right:12.890625vw;padding-left:12.890625vw}.sec3 .box{position:relative;flex-shrink:0;width:23.90625vw;height:32.109375vw;padding-top:3.125vw;border-radius:1.171875vw;cursor:pointer;transition:all .5s}.sec3 .box:hover{background-size:110% 110%}.sec3 .text{max-width:86%;margin:auto;font-size:2.03125vw;font-family:Bold;line-height:1.2692307692;text-align:center}.sec3 .f1{background:url(../images/sec3F1.png) no-repeat center/cover;background-size:100% 100%}.sec3 .f2{background:url(../images/sec3F2.png) no-repeat center/cover;background-size:100% 100%}.sec3 .f3{background:url(../images/sec3F3.png) no-repeat center/cover;background-size:100% 100%}.sec3 .f4{background:url(../images/sec3F4.png) no-repeat center/cover;background-size:100% 100%}.sec3 .f4 .text{max-width:78%}.sec3 .f5{background:url(../images/sec3F5.png) no-repeat center/cover;background-size:100% 100%}.sec3 .f6{background:url(../images/sec3F6.png) no-repeat center/cover;background-size:100% 100%}.sec3 .icon{position:absolute;right:1.8359375vw;bottom:1.8359375vw;width:2.4609375vw;height:2.4609375vw;background:url(../images/sec3Icon.png) no-repeat center/contain;cursor:pointer}.sec3 .icon a{display:block;width:100%;height:100%}@media screen and (max-width: 751px){.sec3{padding-top:24vw;padding-bottom:0vw}.sec3 .group{gap:2.1333333333vw;margin-left:4.5333333333vw;padding-right:0vw;padding-left:0vw}.sec3 .box{width:64vw;height:93.3333333333vw;border-radius:2.1333333333vw}.sec3 .icon{right:3.2vw;bottom:3.2vw;width:4.8vw;height:4.8vw}.sec3 .btn{display:flex;gap:6.9333333333vw;margin-top:16vw;margin-left:72.5333333333vw}.sec3 .btn div{display:flex;align-items:center;justify-content:center;width:8vw;height:8vw;background:url(../images/sec2left.jpg) no-repeat center/contain;border-radius:50%}.sec3 .btn div.dis{background:url(../images/sec3dis.jpg) no-repeat center/contain}.sec3 .right{transform:rotate(180deg);opacity:.8}.sec3 .text{max-width:75%;font-size:4.2666666667vw;line-height:1.25}.sec3 .f4 .text{max-width:57%}.sec3 .f5 .text{max-width:60%}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.colorText{--gradient-angle: 0%;--gradient-angle1: 100%;--gradient-angle2: 200%;--gradient-angle3: 300%;width:fit-content;height:fit-content;margin:auto;font-size:5.46875vw;font-family:Bold;line-height:1.2642857143;text-align:center;background:linear-gradient(90deg,#000 var(--gradient-angle),#000 var(--gradient-angle1),#4facfe var(--gradient-angle2),#00f2fe var(--gradient-angle3));-webkit-background-clip:text!important;background-clip:text!important;transform:scale(1.2);-webkit-text-fill-color:transparent}@media screen and (max-width: 751px){.colorText{font-size:8vw;line-height:1.2666666667}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec4{position:relative;max-width:80%;height:calc(100vh - 44px);margin:auto;padding-top:0vw}.sec4 .colorText{position:absolute;width:fit-content;height:fit-content;margin:auto;top:0;right:0;bottom:0;left:0}@media screen and (max-width: 751px){.sec4{height:fit-content;padding:48vw 0 26.6666666667vw}.sec4 .colorText{position:relative}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec5{margin-top:0vw;padding-bottom:16.40625vw}.sec5 .mainContent{position:relative;height:38.8671875vw;overflow:hidden;border-radius:1.171875vw}.sec5 .contentA{position:absolute;top:0;left:0;width:100%;height:100%;padding:5.5078125vw 9.4921875vw;background-color:#fff}.sec5 .inner{height:fit-content}.sec5 .contentB{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;padding-top:8.59375vw;background-color:#f3f3f3b3}.sec5 .infoa{max-width:90%;margin-top:1.25vw;margin-bottom:5.390625vw}.sec5 .infob{max-width:90%;margin-top:1.25vw}.sec5 .grid{display:grid;grid-template-rows:repeat(3,6.8359375vw);grid-template-columns:repeat(6,6.8359375vw);gap:2.1484375vw;justify-content:space-between;width:100%;height:100%}.sec5 .grid .f1{background:url(../images/sec5f1.png) no-repeat top center/contain}.sec5 .grid .f2{background:url(../images/sec5f2.png) no-repeat top center/contain}.sec5 .grid .f3{background:url(../images/sec5f3.png) no-repeat top center/contain}.sec5 .grid .f4{background:url(../images/sec5f4.png) no-repeat top center/contain}.sec5 .grid .f5{background:url(../images/sec5f5.png) no-repeat top center/contain}.sec5 .grid .f6{background:url(../images/sec5f6.png) no-repeat top center/contain}.sec5 .grid .f7{background:url(../images/sec5f7.png) no-repeat top center/contain}.sec5 .grid .f8{background:url(../images/sec5f8.png) no-repeat top center/contain}.sec5 .grid .f9{background:url(../images/sec5f9.png) no-repeat top center/contain}.sec5 .grid .f10{background:url(../images/sec5f10.png) no-repeat top center/contain}.sec5 .grid .f11{background:url(../images/sec5f11.png) no-repeat top center/contain}.sec5 .grid .f12{background:url(../images/sec5f12.png) no-repeat top center/contain}.sec5 .grid .f13{background:url(../images/sec5f13.png) no-repeat top center/contain}.sec5 .grid .f14{background:url(../images/sec5f14.png) no-repeat top center/contain}.sec5 .grid .f15{background:url(../images/sec5f15.png) no-repeat top center/contain}.sec5 .grid .f16{background:url(../images/sec5f16.png) no-repeat top center/contain}.sec5 .grid .f17{background:url(../images/sec5f17.png) no-repeat top center/contain}.sec5 .grid .f18{background:url(../images/sec5f18.png) no-repeat top center/contain}.sec5 .grid .f2,.sec5 .grid .f4,.sec5 .grid .f6,.sec5 .grid .f8,.sec5 .grid .f10,.sec5 .grid .f12,.sec5 .grid .f14,.sec5 .grid .f16,.sec5 .grid .f18{margin-top:3.359375vw}.sec5 .grid div{width:6.8359375vw;height:6.8359375vw;background-color:red}@media screen and (max-width: 751px){.sec5{margin-top:0;padding-top:0vw;padding-bottom:16vw}.sec5 .mainContent{height:99.0666666667vw;border-radius:2.6666666667vw}.sec5 .contentB{padding-top:21.3333333333vw}.sec5 .subTitle{max-width:95%;font-size:5.3333333333vw;font-family:Medium;line-height:1.25}.sec5 .infoa{margin-bottom:23.6vw}.sec5 .subInfo{max-width:95%;margin-top:1.6vw;font-size:2.6666666667vw;font-family:Normal;line-height:1.5}.sec5 .contentA{padding:8vw 2.6666666667vw}.sec5 .contentA .f1{grid-row:2/3;grid-column:2/3}.sec5 .contentA .f2{grid-row:1/2;grid-column:1/2;margin-top:8.2666666667vw}.sec5 .contentA .f3{grid-row:4/5;grid-column:2/3}.sec5 .contentA .f4{grid-row:2/3;grid-column:5/6;margin-top:8.2666666667vw}.sec5 .contentA .f5{grid-row:3/4;grid-column:4/5}.sec5 .contentA .f6{grid-row:2/3;grid-column:4/5;margin-top:0}.sec5 .contentA .f7{grid-row:2/3;grid-column:1/2;margin-top:8.2666666667vw}.sec5 .contentA .f8{grid-row:1/2;grid-column:3/4;margin-top:8.2666666667vw}.sec5 .contentA .f9{grid-row:2/3;grid-column:3/4;margin-top:8.2666666667vw}.sec5 .contentA .f10{grid-row:4/5;grid-column:4/5;margin-top:0}.sec5 .contentA .f11{grid-row:1/2;grid-column:5/6;margin-top:8.2666666667vw}.sec5 .contentA .f12{grid-row:1/2;grid-column:4/5;margin-top:0}.sec5 .contentA .f13{grid-row:3/4;grid-column:1/2;margin-top:8.2666666667vw}.sec5 .contentA .f14{grid-row:3/4;grid-column:2/3;margin-top:0}.sec5 .contentA .f15{grid-row:4/5;grid-column:3/4;margin-top:8.2666666667vw}.sec5 .contentA .f16{grid-row:3/4;grid-column:5/6;margin-top:8.2666666667vw}.sec5 .contentA .f17{grid-row:3/4;grid-column:3/4;margin-top:8.2666666667vw}.sec5 .contentA .f18{grid-row:1/2;grid-column:2/3;margin-top:0}.sec5 .grid{grid-template-rows:repeat(4,12vw);grid-template-columns:repeat(5,12vw);row-gap:8.2666666667vw;column-gap:6.2666666667vw}.sec5 .grid div{width:12vw;height:12vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec6 .mainContent{display:flex;gap:1.171875vw}.sec6 .img{width:23.9453125vw;height:35.15625vw;border-radius:1.171875vw}.sec6 .f1 .left{width:4.1015625vw;height:3.046875vw;background:url(../images/sec6Photo.png) no-repeat top center/contain}.sec6 .f1 .img{background:url(../images/sec6F1.png) no-repeat top center/cover}.sec6 .f2 .left{width:3.4375vw;height:3.4375vw;background:url(../images/sec6Music.png) no-repeat top center/contain}.sec6 .f2 .img{background:url(../images/sec6F2.png) no-repeat top center/cover}.sec6 .f3 .left{width:4.296875vw;height:3.359375vw;background:url(../images/sec6Video.png) no-repeat top center/contain}.sec6 .f3 .img{background:url(../images/sec6F3.png) no-repeat top center/cover}.sec6 .box{display:flex;flex-direction:column;gap:2.34375vw;align-items:center}.sec6 .bot{display:flex;gap:1.5625vw;align-items:center;width:fit-content}.sec6 .number{color:#49c2ff;font-size:2.34375vw;font-family:Medium;line-height:1.2666666667}.sec6 .info{font-size:1.171875vw;font-family:Medium;line-height:1.2666666667}@media screen and (max-width: 751px){.sec6 .mainContent{display:grid;grid-template-rows:38.9333333333vw 38.9333333333vw;grid-template-columns:44.4vw 44.4vw;row-gap:2.1333333333vw}.sec6 .box{position:relative;overflow:hidden;border-radius:2.6666666667vw}.sec6 .img{width:100%;height:100%;background-size:cover!important}.sec6 .bot{position:absolute;bottom:0;gap:1.6vw;align-items:center;justify-content:center;width:100%;height:6.8vw;background:rgba(0,0,0,.6)}.sec6 .number{color:#fff;font-size:3.2vw;line-height:1.25}.sec6 .info{color:#fff;font-size:1.6vw;font-family:Normal;line-height:1.25}.sec6 .right{display:flex;flex-direction:row;gap:1.0666666667vw;align-items:baseline}.sec6 .f1 .left{width:5.3333333333vw;height:4.5333333333vw;background:url(../images/sec5MobPhoto.png) no-repeat top center/contain}.sec6 .f2 .left{width:5.0666666667vw;height:5.0666666667vw;background:url(../images/sec5MobMusci.png) no-repeat top center/contain}.sec6 .f3{grid-row:1/3;grid-column:2/3}.sec6 .f3 .left{width:5.7333333333vw;height:4.5333333333vw;background:url(../images/sec5MobVideo.png) no-repeat top center/contain}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec7{--gradient-angle: 0%;--gradient-angle1: 100%;--gradient-angle2: 200%;--gradient-angle3: 300%;margin-top:16.796875vw;padding-bottom:16.40625vw}.sec7 .common{display:flex;align-items:center;justify-content:space-between}.sec7 .subTitle{max-width:50%;margin-left:0;text-align:left}.sec7 .subInfo{max-width:60%;margin-left:0;text-align:left}.sec7 .f1{align-items:center}.sec7 .f2{align-items:center;margin-top:.78125vw}.sec7 .top{font-size:4.296875vw;font-family:Medium;line-height:1.2636363636}.sec7 .top span{background:linear-gradient(to bottom,#000 var(--gradient-angle),#000 var(--gradient-angle1),#49c2ff var(--gradient-angle2),#49c2ff var(--gradient-angle3));-webkit-background-clip:text!important;background-clip:text!important;transform:scale(1.2);-webkit-text-fill-color:transparent}.sec7 .bot{font-size:1.171875vw;font-family:Medium;text-align:right}.sec7 .img{flex:1;width:100%;height:30.46875vw;margin-top:2.34375vw;background:url(../images/sec7Bg.png) no-repeat top center/cover;border-radius:1.171875vw}@media screen and (max-width: 751px){.sec7{margin-top:42.6666666667vw;padding-bottom:42.6666666667vw}.sec7 .mainContent{max-height:unset}.sec7 .subTitle{max-width:90%;font-family:Bold}.sec7 .f2{margin-top:0}.sec7 .subInfo{max-width:85%;margin-top:2.6666666667vw;font-family:Normal}.sec7 .params{display:flex;gap:26.8vw;margin-top:3.2vw}.sec7 .top{font-size:5.3333333333vw;line-height:1.25}.sec7 .top span{margin-left:1.0666666667vw}.sec7 .bot{margin-top:.5333333333vw;font-size:2.6666666667vw;font-family:Normal;line-height:1.25}.sec7 .img{height:138.6666666667vw;margin-top:4.2666666667vw;background:url(../images/sec7mob.jpg) no-repeat top center/cover}}@media screen and (max-height: 49.609375vw){.sec7 .mainContent{display:flex;flex-direction:column;height:calc(100vh - 54px)}.sec7 .mainContent .img{flex:1}}@media screen and (max-height: 184.5333333333vw) and (max-width: 751px){.sec7 .mainContent{display:flex;flex-direction:column;height:calc(100vh - 54px)}.sec7 .mainContent .img{flex:1}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.secAdd{position:relative;height:30.3515625vw;margin:auto;padding-top:0vw;background-color:#111}.secAdd .colorText{position:absolute;right:0;bottom:0;left:0;width:fit-content;max-width:60%;height:fit-content;margin:auto;background:linear-gradient(90deg,#fff var(--gradient-angle),#fff var(--gradient-angle1),#4facfe var(--gradient-angle2),#00f2fe var(--gradient-angle3))}@media screen and (max-width: 751px){.secAdd{height:36.2666666667vw;padding-top:0vw}.secAdd .colorText{max-width:70%}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec8{position:relative;height:80vw;padding-top:0vw;background:url(../images/sec8Dark.jpg) no-repeat 204% center/contain;background-color:#111}.sec8 .subTitle{max-width:80%;margin-left:0;color:#fff;text-align:left}.sec8 .subInfo{max-width:37%;margin-top:1.25vw;margin-left:0;color:#fff;text-align:left}.sec8 .text{position:absolute;bottom:3.125vw;left:13.0078125vw;z-index:3}.sec8 .titles{position:relative;z-index:2;max-width:60%;margin:auto;color:#fff;font-size:5.46875vw;font-family:Bold;line-height:1.2642857143;text-align:center}.sec8 .light{position:absolute;top:0;left:0;z-index:1;width:132%;height:100%;background:url(../images/sec8Light.jpg) no-repeat top center/contain}@media screen and (max-width: 751px){.sec8{height:fit-content;padding-top:26.6666666667vw;padding-bottom:0vw;background:unset;background-color:#111}.sec8 .titles{max-width:70%;font-size:8vw;line-height:1.2666666667}.sec8 .subTitle{max-width:88%;margin:auto;text-align:center}.sec8 .subInfo{max-width:77%;margin:2.6666666667vw auto 0;text-align:center}.sec8 .text{position:relative;right:0;bottom:0;left:0;margin:auto;margin-top:5.3333333333vw}.sec8 .dark{position:relative;top:unset;width:100%;height:90.4vw;background:url(../images/sec8Dark.jpg) no-repeat top center/contain}.sec8 .light{top:26.6666666667vw;bottom:unset;width:100%;height:90.4vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec9{position:relative;z-index:2;margin-top:0vw;padding-top:9.375vw;text-align:left;background-color:#111}.sec9 .imgGroup{display:flex;justify-content:space-between;margin-top:0vw}.sec9 .img{width:31.875vw;height:36.71875vw;overflow:hidden;border-radius:1.171875vw}.sec9 .f1{display:flex;flex-direction:column}.sec9 .f1 .inner{width:100%;height:100%;background:url(../images/sec9Light.jpg) no-repeat top center/cover;background-position:center}.sec9 .f2{display:flex;flex-direction:column}.sec9 .f2 .inner{width:100%;height:100%;background:url(../images/sec9Dark.jpg) no-repeat top center/cover;background-position:center}.sec9 .text{margin-top:1.5625vw;color:#49c2ff;font-size:1.953125vw;font-family:Bold;line-height:1.26}.sec9 .desc{margin-top:1.09375vw;color:#fff;font-size:1.171875vw;font-family:Medium;line-height:1.2666666667}@media screen and (max-width: 751px){.sec9{padding-top:.1333333333vw}.sec9 .img{order:3;width:100%;height:56vw;margin-top:5.3333333333vw;border-radius:2.1333333333vw}.sec9 .text{order:1;margin-top:0;font-size:5.3333333333vw;font-family:Medium;line-height:1.25;text-align:center}.sec9 .desc{order:2;margin-top:1.6vw;font-size:3.2vw;font-family:Light;line-height:1.5;text-align:center}.sec9 .f1{display:flex;flex-direction:column}.sec9 .f1 .img{margin-top:2.6666666667vw;background:url(../images/sec9mobLight.jpg) no-repeat top center/cover}.sec9 .f2{display:flex;flex-direction:column}.sec9 .f2 .img{margin-top:2.6666666667vw;background:url(../images/sec9mobDark.jpg) no-repeat top center/cover}.sec9 .imgGroup{flex-direction:column;gap:8vw;height:auto;margin-top:42.6666666667vw}}@media (max-height: 44.6875vw){.sec9 .imgGroup{height:calc(100vh - 54px)}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec10{margin-top:-1px;padding-top:16.40625vw;padding-bottom:7.8125vw;background-color:#111}.sec10 .subTitle{max-width:30%;margin-left:27.421875vw;color:#fff;text-align:left}.sec10 .subInfo{max-width:80%;margin-top:1.5625vw;margin-left:27.421875vw;color:#fff;text-align:left}.sec10 .imgGroup{min-height:29.296875vw;margin-top:3.1640625vw}.sec10 .inner{display:flex;gap:.546875vw;width:fit-content;padding-left:27.421875vw}.sec10 .box{flex-shrink:0}.sec10 .bot{display:flex;gap:1.5625vw;align-items:center;margin-top:1.6796875vw}.sec10 .name{color:#fff;font-size:1.171875vw;font-family:Book;line-height:1.2666666667}.sec10 .box1 .img{width:33.59375vw;height:26.0546875vw;background:url(../images/sec10Portrait.png) no-repeat top center/cover;opacity:1}.sec10 .box1 .icon{width:1.6015625vw;height:1.6796875vw;background:url(../images/sec10PortraitIcon.png) no-repeat top center/cover}.sec10 .box2 .img{width:13.125vw;height:17.6953125vw;background:url(../images/sec10Building.png) no-repeat top center/cover;opacity:.5}.sec10 .box2 .icon{width:1.7578125vw;height:1.71875vw;background:url(../images/sec10BuildingIcon.png) no-repeat top center/cover}.sec10 .box3 .img{width:23.7109375vw;height:17.6953125vw;background:url(../images/sec10Sky.png) no-repeat top center/cover;opacity:.5}.sec10 .box3 .icon{width:2.03125vw;height:1.2890625vw;background:url(../images/sec10SkyIcon.png) no-repeat top center/cover}.sec10 .box4 .img{width:13.125vw;height:17.6953125vw;background:url(../images/sec10Beach.png) no-repeat top center/cover;opacity:.5}.sec10 .box4 .icon{width:2.109375vw;height:2.109375vw;background:url(../images/sec10BeachIcon.png) no-repeat top center/cover}.sec10 .box5 .img{width:23.7109375vw;height:17.6953125vw;background:url(../images/sec10Food.png) no-repeat top center/cover;opacity:.5}.sec10 .box5 .icon{width:1.5234375vw;height:1.9140625vw;background:url(../images/sec10FoodIcon.png) no-repeat top center/cover}.sec10 .box6 .img{width:13.125vw;height:17.6953125vw;background:url(../images/sec10Pet.png) no-repeat top center/cover;opacity:.5}.sec10 .box6 .icon{width:1.5625vw;height:1.484375vw;background:url(../images/sec10PetIcon.png) no-repeat top center/cover}@media screen and (max-width: 751px){.sec10{padding-top:42.6666666667vw;padding-bottom:0}.sec10 .subTitle{max-width:80%;margin-left:4.5333333333vw}.sec10 .subInfo{max-width:80%;margin-top:2.6666666667vw;margin-left:4.5333333333vw}.sec10 .imgGroup{margin-top:4.2666666667vw}.sec10 .inner{gap:2.1333333333vw;margin-left:4.5333333333vw;padding-left:0}.sec10 .box{width:44.5333333333vw;opacity:.5;transition:all .5s}.sec10 .box .img{width:44.5333333333vw;height:53.3333333333vw;border-radius:1.3333333333vw;opacity:1}.sec10 .box.active{opacity:1}.sec10 .bot{gap:1.8666666667vw;justify-content:center;margin-top:5.3333333333vw}.sec10 .name{font-size:4vw;font-family:Normal;line-height:1.2666666667}.sec10 .box1 .img{background:url(../images/sec10MobPortrait.png) no-repeat top center/contain}.sec10 .box1 .icon{width:5.4666666667vw;height:5.7333333333vw}.sec10 .box2 .img{background:url(../images/sec10MobBuilding.png) no-repeat top center/contain}.sec10 .box2 .icon{width:6vw;height:5.8666666667vw}.sec10 .box3 .img{background:url(../images/sec10MobSky.png) no-repeat top center/contain}.sec10 .box3 .icon{width:6.9333333333vw;height:4.4vw}.sec10 .box4 .img{background:url(../images/sec10MobBeach.png) no-repeat top center/contain}.sec10 .box4 .icon{width:7.2vw;height:7.2vw}.sec10 .box5 .img{background:url(../images/sec10MobFood.png) no-repeat top center/contain}.sec10 .box5 .icon{width:5.2vw;height:6.5333333333vw}.sec10 .box6 .img{background:url(../images/sec10MobPet.png) no-repeat top center/contain}.sec10 .box6 .icon{width:5.3333333333vw;height:5.0666666667vw}.sec10 .btn{display:flex;gap:8vw;margin-top:10.6666666667vw;margin-left:71.4666666667vw}.sec10 .btn div{display:flex;align-items:center;justify-content:center;width:8vw;height:8vw;background:url(../images/sec10Left.png) no-repeat center/contain;border-radius:50%}.sec10 .btn div.dis{background:url(../images/sec10Dis.png) no-repeat center/contain}.sec10 .right{transform:rotate(180deg);opacity:.8}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec11{margin-top:-1px;padding-top:8.59375vw;padding-bottom:0vw;padding-left:28.125vw;background-color:#111}.sec11 .content{display:flex;gap:3.59375vw;align-items:center;justify-content:flex-start}.sec11 .img{position:relative;width:18.28125vw;height:38.90625vw;border-radius:1.171875vw}.sec11 .img div{position:absolute;top:0;left:0;width:100%;height:100%}.sec11 .img .f1{z-index:2;background:url(../images/sec11f1.png) no-repeat top center/cover}.sec11 .img .f2{z-index:1;background:url(../images/sec11f2.png) no-repeat top center/cover}.sec11 .img .f3{z-index:1;background:url(../images/sec11f3.png) no-repeat top center/cover}.sec11 .img .f4{z-index:1;background:url(../images/sec11f4.png) no-repeat top center/cover}.sec11 .img .f5{z-index:1;background:url(../images/sec11f5.png) no-repeat top center/cover}.sec11 .subTitle{margin-left:0;color:#fff;text-align:left}.sec11 .subInfo{max-width:100%;margin-top:1.953125vw;margin-left:0;color:#fff;text-align:left}.sec11 .play{width:7.2265625vw;height:1.796875vw;margin:2.03125vw auto 0;padding-left:1.71875vw;color:#fff;font-size:.9375vw;font-family:Book;line-height:1.796875vw;background-color:#ffffff30;border-radius:.8984375vw}.sec11 .play span{display:inline-block;width:1.2890625vw;height:1.2890625vw;margin-left:.5859375vw;vertical-align:text-top;background:url(../images/sec11Icon.png) no-repeat top center/contain}.sec11 .play.pc{margin-top:3.125vw;margin-left:0}@media screen and (max-width: 751px){.sec11{padding-top:0;padding-bottom:0;padding-left:0}.sec11 .content{flex-direction:column;gap:0;padding-top:42.6666666667vw}.sec11 .subTitle{margin:auto;text-align:center}.sec11 .subInfo{max-width:90%;margin:2.6666666667vw auto 0;text-align:center}.sec11 .img{width:46.4vw;height:98.6666666667vw;margin-top:4.2666666667vw;background:url(../images/sec11Mob.png) no-repeat top center/cover}.sec11 .right{order:-1;width:100%}.sec11 .play{width:24.6666666667vw;height:6.1333333333vw;margin-top:5.3333333333vw;padding-left:5.8666666667vw;font-size:3.2vw;line-height:6.1333333333vw;border-radius:3.0666666667vw}.sec11 .play span{width:4.4vw;height:4.4vw;margin-top:-.1333333333vw;margin-left:2vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec12{margin-top:-1px;padding-top:14.84375vw;background-color:#111}.sec12 .content{display:flex;gap:8.125vw;padding-left:12.890625vw}.sec12 .left{padding-top:13.828125vw}.sec12 .subTitle{max-width:91%;margin-left:0;color:#fff;text-align:left}.sec12 .subInfo{max-width:100%;margin-top:2.96875vw;margin-left:0;color:#fff;text-align:left}.sec12 .right{position:relative;flex-shrink:0;width:50vw;height:52.65625vw}.sec12 .right div{position:absolute;right:4.84375vw;bottom:0;width:40.2734375vw;height:48.671875vw}.sec12 .right .bg{z-index:1;width:100%;height:100%;background:url(../images/sec12Bgs.png) no-repeat center/cover}.sec12 .right .f1{z-index:2;background:url(../images/sec12Light.png) no-repeat center/cover}.sec12 .right .f2{z-index:3;background:url(../images/sec12Dark.png) no-repeat center/cover;opacity:.8}.sec12out .pin-spacer{background-color:#111}@media screen and (max-width: 751px){.sec12{min-height:unset;padding-top:0}.sec12 .left{padding-top:32vw}.sec12 .content{flex-direction:column;gap:4.2666666667vw;padding-left:0}.sec12 .subTitle{max-width:50%;margin:auto;text-align:center}.sec12 .subInfo{max-width:90%;margin:2.6666666667vw auto 0;text-align:center}.sec12 .right{width:100%;height:117.3333333333vw;margin:auto}.sec12 .right .bg{right:0;background:url(../images/sec12Bgs.png) no-repeat top center/cover}.sec12 .right .f1,.sec12 .right .f2{top:0;left:14.9333333333vw}.sec12 .right div{width:100vw;height:117.3333333333vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec13{position:relative;max-width:66%;height:103vh;margin:auto;padding-top:0vw}.sec13 .colorText{position:absolute;width:fit-content;height:fit-content;margin:auto;top:0;right:0;bottom:0;left:0}@media screen and (max-width: 751px){.sec13{max-width:70%;height:fit-content;padding:21.3333333333vw 0 26.6666666667vw}.sec13 .colorText{position:relative}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec14{padding-top:0vw}.sec14 .content{position:relative;width:85.8984375vw;height:42.96875vw;max-height:calc(100vh - 54px);margin:auto}.sec14 .left{position:absolute;top:0;left:0;width:53.3203125vw;height:42.96875vw;border-radius:1.171875vw}.sec14 .right{position:absolute;top:0;right:0;width:30.9765625vw;height:42.96875vw;border-radius:1.171875vw}.sec14 .com{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:3.90625vw;background-color:#fff;border-radius:1.171875vw}.sec14 .f1{z-index:1;opacity:0;transition:all .5s}.sec14 .f1 .left{background:url(../images/sec14WhiteLeft.png) no-repeat center/cover}.sec14 .f1 .right{background:url(../images/sec14WhiteRight.png) no-repeat center/cover}.sec14 .f1.active{opacity:1}.sec14 .f2{z-index:2;opacity:0;transition:all .5s}.sec14 .f2 .left{background:url(../images/sec14BlueLeft.png) no-repeat center/cover}.sec14 .f2 .right{background:url(../images/sec14BlueRight.png) no-repeat center/cover}.sec14 .f2 .info{max-width:53%}.sec14 .f2.active{opacity:1}.sec14 .f3{z-index:3;opacity:0;transition:all .5s}.sec14 .f3 .left{background:url(../images/sec14BlackLeft.png) no-repeat center/cover}.sec14 .f3 .right{background:url(../images/sec14BlackRight.png) no-repeat center/cover;background-color:#000}.sec14 .f3 .info{max-width:55%}.sec14 .f3.active{opacity:1}.sec14 .title{position:relative;z-index:2;margin-top:33.2421875vw;font-size:1.953125vw;font-family:Bold;line-height:1.26}.sec14 .info{position:relative;z-index:2;max-width:56%;margin-top:1.40625vw;font-size:1.171875vw;font-family:Book}.sec14 .btnGroup{position:absolute;top:18.3984375vw;left:3.90625vw;z-index:4;display:flex;flex-direction:column;gap:1.09375vw}.sec14 .btnGroup .btns{width:1.25vw;height:1.25vw;border-radius:1.25vw;cursor:pointer}.sec14 .btnGroup .btnWhite{background:linear-gradient(180deg,#fffffe 0%,#dfdfdf 100%)}.sec14 .btnGroup .btnWhite.title{border:3px solid rgb(160,160,160);box-shadow:1px 2px 3px #37373747}.sec14 .btnGroup .btnBlue{background:linear-gradient(180deg,#fff9e8 0%,#81d1ff 100%)}.sec14 .btnGroup .btnBlue.active{border:3px solid rgb(243,243,243);box-shadow:1px 2px 3px #37373747}.sec14 .btnGroup .btnBlack{background:linear-gradient(180deg,#4d505e 0%,#2c2c2c 100%)}.sec14 .btnGroup .btnBlack.active{border:3px solid rgb(255,255,255);box-shadow:1px 2px 3px #37373747}@media screen and (max-width: 751px){.sec14{padding-top:0vw}.sec14 .mb .titlea .desc{width:87%}.sec14 .mb .titleb .desc{width:61%}.sec14 .mb .titlec .desc{width:73%}.sec14 .left,.sec14 .right{display:none}.sec14 .content{width:90.9333333333vw;height:120vw;margin-top:3.2vw}.sec14 .com{padding-left:0}.sec14 .f1{background:url(../images/sec14MobWhite.png) no-repeat top center/cover}.sec14 .f2{background:url(../images/sec14MobBlue.png) no-repeat top center/cover}.sec14 .f3{background:url(../images/sec14MobBlack.png) no-repeat top center/cover}.sec14 .btnGroup{top:36.5333333333vw;left:4.5333333333vw;gap:3.7333333333vw}.sec14 .btnGroup .btns{width:4.2666666667vw;height:4.2666666667vw;border-radius:50%}.sec14 .title{display:none}.sec14 .titlea,.sec14 .titleb,.sec14 .titlec{opacity:0}.sec14 .titlea.active,.sec14 .titleb.active,.sec14 .titlec.active{opacity:1}.sec14 .info{display:none}.sec14 .titleBox{position:relative;height:22.9333333333vw;padding-right:4.5333333333vw;padding-left:4.5333333333vw}.sec14 .titleBox>div{position:absolute;top:0;left:0}.sec14 .text{color:#212121;font-size:5.3333333333vw;font-family:Medium;line-height:1.25}.sec14 .desc{margin-top:1.0666666667vw;font-size:2.6666666667vw;font-family:Light;line-height:1.5}}@media screen and (max-height: 42.96875vw){.sec14 .com .info{position:absolute;bottom:.390625vw}.sec14 .com .title{position:absolute;bottom:5.46875vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec15{position:relative;margin-top:16.40625vw}.sec15 .subTitle{max-width:60%;margin-left:0;text-align:left}.sec15 .img{width:70.46875vw;height:60.3125vw;margin-top:0vw;margin-left:4.84375vw;position:relative}.sec15 .img .img1{width:100%;height:100%;background:url(../images/sec15Bg.png) no-repeat top center/cover;position:absolute;top:0;left:0;z-index:2}.sec15 .img .img2{width:100%;height:100%;background:url(../images/sec15Bg2.png) no-repeat top center/cover;position:absolute;top:0;left:0;z-index:1}.sec15 .texta{position:absolute;top:12.890625vw;left:13.28125vw;z-index:2;font-size:14.21875vw;font-family:Light;line-height:1.2664835165}.sec15 .textb{position:absolute;top:23.046875vw;left:49.0234375vw;z-index:2;font-size:14.21875vw;font-family:Light;line-height:1.2664835165}.sec15 .textc{position:absolute;top:14.765625vw;left:31.25vw;z-index:2;font-size:14.21875vw;font-family:Light;line-height:1.2664835165}.sec15 .textd{position:absolute;top:22.109375vw;left:50.5859375vw;z-index:2;font-size:14.21875vw;font-family:Light;line-height:1.2664835165;display:flex}.sec15 .textd .dot{font-size:2.734375vw;margin-left:.78125vw;margin-top:3.90625vw;display:inline-block}.sec15 .titleb{position:absolute;top:0;left:12.890625vw}@media screen and (max-width: 751px){.sec15{margin-top:42.6666666667vw}.sec15 .titleb{left:4.5333333333vw}.sec15 .img{width:120%;height:85.3333333333vw;margin-top:8vw;margin-left:0;background-size:cover}.sec15 .texta{top:28.4vw;left:4.5333333333vw;font-size:21.3333333333vw;line-height:1.2625}.sec15 .textb{top:50.6666666667vw;left:48.5333333333vw;font-size:21.3333333333vw;line-height:1.2625}.sec15 .textc{top:28.4vw;left:35.3333333333vw;font-size:21.3333333333vw}.sec15 .textd{top:50.6666666667vw;left:48.5333333333vw;font-size:21.3333333333vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec16{position:relative;height:103vh}.sec16 .colorText{position:absolute;width:fit-content;max-width:60%;height:fit-content;margin:auto;top:0;right:0;bottom:0;left:0}@media screen and (max-width: 751px){.sec16{height:fit-content;padding:21.3333333333vw 0 26.6666666667vw}.sec16 .colorText{position:relative;max-width:82%}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec17{margin-top:7.421875vw}.sec17 .img{width:71.2890625vw;height:45.78125vw;margin:auto;background:url(../images/sec17Bg.png) no-repeat top center/cover}.sec17 .mainContent{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:-13.4765625vw}.sec17 .subTitle{max-width:98%;margin-left:0;text-align:left}.sec17 .subInfo{max-width:76%;margin-top:1.5625vw;margin-left:0;font-family:Book;text-align:left}.sec17 .top{display:flex;gap:3.515625vw;align-items:center;justify-content:center;width:35.15625vw;padding-bottom:.9375vw;border-bottom:1px solid rgba(0,0,0,.1)}.sec17 .right{text-align:center}.sec17 .line{width:1px;height:4.6875vw;background-color:#0000001a}.sec17 .param{color:#49c2ff;font-size:3.515625vw;font-family:Medium;line-height:1.2666666667}.sec17 .desc{font-size:1.015625vw;font-family:Normal;line-height:1.2307692308;white-space:nowrap}.sec17 .f2 span{margin-left:-.78125vw;color:#000;font-size:1.171875vw;line-height:1.25}.sec17 .lineb{width:1px;height:3.90625vw;background-color:#0000001a}.sec17 .f1 span{margin-left:0vw;color:#000;font-size:1.171875vw;line-height:1.26;vertical-align:super}.sec17 .f1 .param div{display:inline-flex}.sec17 .f1 .param div p{color:#000}.sec17 .bot{display:flex;align-items:center;margin-top:.8984375vw}.sec17 .bot .param{font-size:2.734375vw;white-space:nowrap}.sec17 .f3{margin-right:2.734375vw}.sec17 .f3 span{margin-left:-.5859375vw;color:#000;font-size:1.171875vw;line-height:1.2666666667}.sec17 .f3 .desc{width:90%;margin:auto;white-space:wrap;text-align:center}.sec17 .f4{margin-right:2.0703125vw;margin-left:2.734375vw}.sec17 .f4 .desc{width:90%;margin:auto;white-space:wrap;text-align:center}.sec17 .f5{margin-left:1.7578125vw}.sec17 .f5 span{margin-left:-.5859375vw;color:#000;font-size:1.171875vw;line-height:1.2666666667}.sec17 .f5 .desc{width:90%;margin:auto;white-space:wrap;text-align:center}@media screen and (max-width: 751px){.sec17{margin-top:0;padding-top:0vw}.sec17 .subTitle{max-width:65%;margin:auto;font-family:Bold;text-align:center}.sec17 .mainContent{margin-top:-16.4vw}.sec17 .subInfo{max-width:70%;margin:2.6666666667vw auto 0;font-family:Normal;text-align:center}.sec17 .img{width:100%;height:78.4vw;margin-top:4.2666666667vw}.sec17 .right{width:100%}.sec17 .top{gap:9.3333333333vw;width:100%;padding-bottom:4vw}.sec17 .bot{justify-content:center;width:100%;margin-top:4vw}.sec17 .bot .param{font-size:5.3333333333vw;line-height:1.25}.sec17 .bot .param span{font-size:3.2vw;line-height:1.25}.sec17 .bot .desc{white-space:nowrap}.sec17 .param{font-size:8vw;line-height:1.2666666667}.sec17 .param span{margin-left:-1.3333333333vw;font-size:3.2vw;line-height:1.25}.sec17 .desc{margin-top:.5333333333vw;font-size:2.6666666667vw;line-height:1.25}.sec17 .line{width:1px;height:10.6666666667vw}.sec17 .lineb{width:1px;height:8vw}.sec17 .f3{margin-right:7.3333333333vw}.sec17 .f4{width:100%;margin-right:2.2666666667vw;margin-left:6.1333333333vw}.sec17 .f5{margin-left:2.2666666667vw}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec18{margin-top:17.5vw}.sec18 .subTitle{max-width:30%}.sec18 .subInfo{max-width:55%;margin-top:1.5625vw;font-size:1.5625vw;font-family:Medium;line-height:1.2}.sec18 .img{position:relative;width:100vw;height:40.1171875vw;margin-top:3.125vw}.sec18 .img .f1{position:absolute;left:16.6796875vw;z-index:1;width:26.9140625vw;height:46.6796875vw;background:url(../images/sec18f1.png) no-repeat top center/cover}.sec18 .img .f2{position:absolute;top:19.2578125vw;left:31.25vw;z-index:2;width:26.015625vw;height:46.9921875vw;background:url(../images/sec18f2.png) no-repeat top center/cover}.sec18 .img .f3{position:absolute;top:7.8125vw;left:54.6875vw;z-index:1;width:26.015625vw;height:46.9921875vw;background:url(../images/sec18f3.png) no-repeat top center/cover}@media screen and (max-width: 751px){.sec18{margin-top:42.6666666667vw}.sec18 .subTitle{max-width:60%}.sec18 .img{width:100%;height:74.6666666667vw;margin-top:4.2666666667vw}.sec18 .img .f1{top:8.5333333333vw;left:11.0666666667vw;width:32vw;height:67.7333333333vw}.sec18 .img .f2{top:31.4666666667vw;left:28vw;width:32vw;height:67.7333333333vw}.sec18 .img .f3{top:18.5333333333vw;left:57.0666666667vw;width:32vw;height:67.7333333333vw}.sec18 .subInfo{max-width:84%;margin-top:2.6666666667vw;font-size:2.6666666667vw;line-height:1.5}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec19{position:relative;padding-top:21.484375vw}.sec19 .colorText{max-width:50%}@media screen and (max-width: 751px){.sec19{position:relative;height:fit-content;padding:26.6666666667vw 0}.sec19 .colorText{position:relative;max-width:53%}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec20{position:relative;margin-top:29.375vw;padding-bottom:0vw}.sec20 .left{height:49.609375vw;margin-left:12.890625vw}.sec20 .subTitle{max-width:30%;margin-left:0;text-align:left}.sec20 .subInfo{max-width:40%;margin-top:2.9296875vw;margin-left:0;font-family:Book;text-align:left}.sec20 .params{display:flex;flex-wrap:wrap;justify-content:space-between;width:25.6640625vw;margin-top:4.9609375vw}.sec20 .f5{width:100%;height:1px;margin:1.5625vw 0;background-color:#d9d9d9}.sec20 .top{color:#49c2ff;font-size:2.734375vw;font-family:Medium;line-height:1.2571428571}.sec20 .top span{margin-left:-.5859375vw;color:#000;font-size:1.171875vw;line-height:1.2666666667}.sec20 .bot{font-size:1.171875vw;font-family:Normal;line-height:1.2666666667}.sec20 .phoneOut{position:absolute;top:0;right:0;width:49.9609375vw;height:49.9609375vw}.sec20 .phone{position:absolute;top:-2.421875vw;left:-.234375vw;z-index:3;width:51.015625vw;height:45.78125vw;background:url(../images/phoneUp.png) no-repeat top center/cover;opacity:1}.sec20 .phoneInner{position:relative;width:100%;height:100%}.sec20 .phonea{position:absolute;top:-2.421875vw;left:-.234375vw;z-index:1;width:51.015625vw;height:45.78125vw;background:url(../images/phoneDown.png) no-repeat top center/cover}.sec20 .line{position:absolute;top:36.5234375vw;left:-12.8125vw;z-index:2;width:29.2578125vw;height:32.4609375vw;background:url(../images/sec20Line.png) no-repeat top center/cover;clip-path:inset(0 0 60% 0)}@media screen and (max-width: 751px){.sec20{margin-top:0vw;padding-bottom:0}.sec20 .left{height:fit-content;margin-left:0;padding:0 4.5333333333vw}.sec20 .subTitle{max-width:90%;margin:auto;text-align:center}.sec20 .subInfo{max-width:93%;margin:2.6666666667vw auto 0;text-align:center}.sec20 .params{justify-content:flex-start;width:100%;margin-top:0vw}.sec20 .top{font-size:8vw;line-height:1.2666666667}.sec20 .top span{font-size:3.2vw;line-height:1.25}.sec20 .bot{margin-top:1.2vw;font-size:3.2vw;line-height:1.25}.sec20 .f1{margin-left:12.8vw}.sec20 .f2{margin-left:20.4vw}.sec20 .f3{margin-left:12.8vw}.sec20 .f4{margin-left:14.6666666667vw}.sec20 .f5{margin-top:2.6666666667vw;margin-bottom:1.3333333333vw}.sec20 .phoneOut{position:relative;width:100%;height:82.6666666667vw;margin-top:0vw}.sec20 .phone,.sec20 .phonea{top:1.3333333333vw;right:unset;left:6.1333333333vw;width:74.6666666667vw;height:72.9333333333vw}.sec20 .line{top:62.6666666667vw;left:-16.6666666667vw;width:40.9333333333vw;height:58.1333333333vw;clip-path:inset(0 0 68% 0)}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec21{position:relative;height:calc(100vh - 44px);margin-top:0vw}.sec21 .colorText{position:absolute;width:fit-content;max-width:50%;height:fit-content;top:0;right:0;bottom:0;left:0;margin:auto}@media screen and (max-width: 751px){.sec21{height:fit-content;padding:26.6666666667vw 0}.sec21 .colorText{position:relative;max-width:82%}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec22{margin-top:0vw}.sec22 .subTitle{max-width:90%}.sec22 .subInfo{max-width:42%;margin-top:2.34375vw;font-family:Medium;line-height:1.6}.sec22 .box{display:grid;grid-template-rows:17.96875vw 17.96875vw;grid-template-columns:36.71875vw 36.71875vw;width:100%;margin-top:1.5625vw;column-gap:1.015625vw;row-gap:.78125vw}.sec22 .box>div{background-color:#faf9fa;border-radius:1.171875vw}.sec22 .f2{padding-top:3.125vw}.sec22 .f2 .title{max-width:90%;margin:auto;text-align:center}.sec22 .f2 .info{max-width:67%;margin:auto;margin-top:1.09375vw;text-align:center}.sec22 .f2 .img{width:10.1953125vw;height:21.71875vw;margin:3.125vw auto 8.28125vw;background:url(../images/sec22F2.png) no-repeat top center/cover}.sec22 .title{font-size:1.5625vw;font-family:Bold;line-height:1.26}.sec22 .info{margin-top:3.7333333333vw;font-size:1.015625vw;font-family:Medium;line-height:1.5384615385}.sec22 .fa{order:1}.sec22 .fb{order:2}.sec22 .fc{order:3}.sec22 .fd{order:4}.sec22 .f1{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:3.90625vw 0vw 4.6875vw .78125vw;overflow:hidden}.sec22 .f1 .title{max-width:30%;margin-left:0}.sec22 .f1 .info{max-width:38%;margin-top:1.09375vw}.sec22 .f1 .img{position:absolute;top:0;right:0;bottom:0;z-index:2;width:22.9296875vw;min-width:22.9296875vw;height:8.671875vw;margin:auto;background:url(../images/sec22F1.png) no-repeat top center/contain;margin-right:-1.796875vw}.sec22 .f1.f4 .img{width:11.09375vw;min-width:11.09375vw;height:11.09375vw;background:url(../images/sec22F4.png) no-repeat top center/contain;margin-right:2.4609375vw}.sec22 .f1.f4 .info{max-width:50%}.sec22 .f1.fnew .img{width:7.4609375vw;min-width:7.4609375vw;height:15.8984375vw;background:url(../images/sec22F22.png) no-repeat top center/contain;margin-right:4.296875vw}.sec22 .f1.fnew .info{max-width:50%}.sec22 .f3{display:flex;align-items:center;justify-content:space-between;padding:3.90625vw 4.84375vw 3.515625vw .78125vw}.sec22 .f3 .title{max-width:60%}.sec22 .f3 .info{max-width:89%;margin-top:1.09375vw}.sec22 .f3 .img{width:10.9375vw;min-width:10.9375vw;height:6.7578125vw;background:url(../images/sec22F3.png) no-repeat top center/cover}@media screen and (max-width: 751px){.sec22{margin-top:0vw}.sec22 .subTitle{max-width:60%}.sec22 .subInfo{max-width:76%;margin-top:1.6vw}.sec22 .box{grid-template-rows:57.0666666667vw 57.0666666667vw;grid-template-columns:44.4vw 44.4vw;gap:2.1333333333vw;margin-top:3.2vw}.sec22 .box>div{border-radius:2.6666666667vw;min-height:57.0666666667vw}.sec22 .f1{display:flex;flex-direction:column;padding-top:2.6666666667vw;padding-bottom:0}.sec22 .f1 .title{max-width:90%;margin:0 auto}.sec22 .f1 .img{position:relative;width:43.0666666667vw;height:16.2666666667vw;margin-top:12.5333333333vw;margin-left:2.4vw;margin-right:unset;background:url(../images/sec22MobF1.png) no-repeat top center/cover}.sec22 .f1 .info{max-width:72%;margin:2.6666666667vw auto 0;margin-bottom:0}.sec22 .f1.f4 .info{max-width:84%;margin-top:2.6666666667vw}.sec22 .f1.f4 .img{width:22.6666666667vw;height:22.6666666667vw;margin:6.9333333333vw auto 0}.sec22 .f2{display:flex;flex-direction:column;grid-row:unset;justify-content:flex-start;padding:0;padding-top:2.6666666667vw}.sec22 .f2 .title{max-width:100%;margin:auto}.sec22 .f2 .info{max-width:94%;margin:2.1333333333vw auto 0}.sec22 .f2 .img{width:16.1333333333vw;height:33.7333333333vw;margin:5.4666666667vw auto 0;background:url(../images/sec22MobF2.png) no-repeat top center/cover}.sec22 .f3{display:flex;flex-direction:column;justify-content:flex-start;padding:0;padding-top:2.6666666667vw}.sec22 .f3 .title{max-width:100%;margin:auto}.sec22 .f3 .info{max-width:90%;margin:2.1333333333vw auto 0}.sec22 .f3 .img{width:21.3333333333vw;height:13.0666666667vw;margin-top:9.4666666667vw;background:url(../images/sec22MobF3.png) no-repeat top center/cover}.sec22 .f1.fnew .info{max-width:90%}.sec22 .f1.fnew .img{width:16.1333333333vw;height:33.7333333333vw;margin:5.4666666667vw auto 0;background:url(../images/sec22f22mb.png) no-repeat top center/contain}.sec22 .fb{order:2}.sec22 .title{order:1;font-size:3.2vw;line-height:1.25;text-align:center}.sec22 .info{order:2;margin-top:2.1333333333vw;font-size:2.1333333333vw;font-family:Book;line-height:1.5;text-align:center}.sec22 .img{order:3}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec23{margin-top:12.5vw}.sec23 .subTitle{max-width:80%}.sec23 .subInfo{max-width:62%;margin-top:1.5625vw;font-family:Medium}.sec23 .img{width:74.2578125vw;height:34.1796875vw;margin:2.34375vw auto 0;background:url(../images/sec23Bg.png) no-repeat center/cover;border-radius:1.171875vw}@media screen and (max-width: 751px){.sec23{margin-top:42.6666666667vw}.sec23 .subTitle{max-width:51%}.sec23 .subInfo{max-width:85%;margin-top:2.6666666667vw}.sec23 .img{width:90.9333333333vw;height:102.1333333333vw;margin-top:4.2666666667vw;background:url(../images/sec23Mob.png) no-repeat top center/cover}}@media (max-height: 45.9765625vw){.sec23{display:flex;flex-direction:column;height:calc(100vh - 54px)}.sec23 .img{flex:1}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}.sec24{margin-top:3.90625vw;padding-bottom:9.375vw;font-size:.9375vw;font-family:Light}.sec24 div{line-height:2}.sec24 p{margin-top:.625vw;margin-bottom:0;line-height:2}@media screen and (max-width: 751px){.sec24{margin-top:5.3333333333vw;padding-bottom:17.3333333333vw;font-size:1.6vw}.sec24 div{line-height:2.5}.sec24 p{margin-top:1.3333333333vw;line-height:2.5}}@font-face{font-family:Bold;src:url(../../../src/assets/fonts/MarkOT-Bold.otf)}@font-face{font-family:Medium;src:url(../../assets/fonts/MarkOT-Medium.otf)}@font-face{font-family:Light;src:url(../../assets/fonts/MarkOT-Light.otf)}@font-face{font-family:Book;src:url(../../assets/fonts/MarkOT-Book.otf)}@font-face{font-family:Normal;src:url(../../assets/fonts/MarkOT.otf)}*{box-sizing:border-box;margin:0;padding:0}.a80{line-height:normal;letter-spacing:-.02em;scroll-behavior:unset!important}section{margin-top:-1px;overflow:hidden}.imgLoadfalse div{background-image:unset!important}.mb{display:none}.subTitle{max-width:90%;margin:auto;font-size:2.734375vw;font-family:Bold;line-height:1.2571428571;text-align:center}.subInfo{max-width:90%;margin:auto;font-size:1.171875vw;font-family:Medium;line-height:1.2666666667;text-align:center}.mainContent{width:74.21875vw;margin:auto}@media screen and (max-width: 767px){.pc{display:none}.mb{display:block}}@media screen and (max-width: 751px){.mainContent{width:90.9333333333vw}.subTitle{font-size:5.3333333333vw;font-family:Medium;line-height:1.25}.subInfo{font-size:2.6666666667vw;font-family:Light;line-height:1.5}}.fullVideo{position:fixed;top:120%;z-index:2000;width:100%;height:100vh;background:#000}.fullVideo .inner{position:relative;width:100%;height:100%}.fullVideo .inner .closeIcon{position:absolute;top:5%;right:5%;z-index:2;width:1.875vw;height:1.875vw;background:url(../images/closeIcon.png) no-repeat center/cover}.fullVideo .inner video{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 767px){.fullVideo .inner .closeIcon{top:5%;right:10%;width:6.4vw;height:6.4vw}}@font-face{font-family:HR;src:url(../src/assets/font/HurmeGeometricSans_No3_4_Regular.otf)}@font-face{font-family:HB;src:url(../src/assets/font/HurmeGeometricSans_No3_6_Bold.otf)}@font-face{font-family:KT;src:url(../src/assets/font/korataki-rg.otf)}