@charset "UTF-8";
#g1005g{text-align: center;margin: 0 auto;}
#hello{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 9999999; color: #ffffff;  text-align: center; }
#hello .texts{position: absolute;top: 50%; left: 0; width: 100%;font-size: 40px; line-height: 42px;}
#g1005g .big{ font-size: 2.8vw;  transition:all 0.3s linear; letter-spacing: 1px;}
#g1005g .big sup{font-size: 1.6vw}
#g1005g .middle{ font-size: 2.6vw; line-height: 1.2;  letter-spacing: 1px; }
#g1005g .small{ font-size: 1.2vw; line-height: 1.2;  transition:all 0.3s linear; letter-spacing: 1px;}
#g1005g .m{font-size: 1vw;letter-spacing: 1px; line-height: 1;}
#g1005g .s{font-size: 1.0vw;line-height: 1.0;color:#000000; letter-spacing: 1px;}
.hs{ opacity:0; filter: alpha(opacity=0); transform:translateY(4%); transition:all 0.3s linear; }
.hs.active{ opacity:1; filter: alpha(opacity=100); transform:translateY(0px); }

#g1005g .orange{ background: linear-gradient(to right, #ab8159, #e6ceac);-webkit-background-clip: text;color: transparent; -webkit-text-fill-color:inherit;font-size: 1.2vw;font-weight: bold;}
#g1005g .blur{color: #5480c7}
.pr{ position:relative; }
.pa{ position:absolute; }
#g1005g .box10{background-color: #0c0c13;padding: 10% 0}
#g1005g .box10 .box10-1{width: 72.92vw;margin: 0 auto}
#g1005g .box10 .box10-1 .pa{left: 9.5%;top: 36%;text-align: left}
#g1005g .box10 .box10-1 .pa .img{width: 18.75vw;}
#g1005g .box10 .box10-1 .pa .s{color: #ffffff;font-size: 1.15vw;margin-top: 14%}
#g1005g .box10 .box10-2{background-color: #222222;width: 72.92vw;margin: 5% auto 0 auto}
#g1005g .box10 .box10-2 .flex{display: flex;align-items: center;justify-content: space-between;padding: 5% 0}
#g1005g .box10 .box10-2 .flex .mt1{text-align: left;padding-left: 6.1vw}
#g1005g .box10 .box10-2 .flex .mt1 .orange{font-size: 3.4vw;line-height: 2}
#g1005g .box10 .box10-2 .flex .mt1 .s{color: #ffffff;font-size: 1.15vw;line-height: 1.4}
#g1005g .box10 .box10-2 .flex .mt3{padding-right: 8.1vw}
#g1005g .box10 .box10-2 .flex .mt3 video{width: 11.98vw;border-radius: 20px}
#g1005g .box10 .box10-2 .pa2{top:15%;left: 47%;z-index: 2;width: 15.625vw}
#g1005g .box10 .box10-2 .pa1{top:43%;left: 42.5%;z-index: 3;width: 15.625vw}
#g1005g .box10 .box10-3{width: 72.92vw;margin: 0 auto}
#g1005g .box10 .box10-3 .orange{font-size: 3.4vw;line-height: 2.6;margin-top: 5%}
#g1005g .box10 .box10-3 .flex{width: 100%;display:flex;justify-content: space-between;flex-wrap: nowrap}
#g1005g .box10 .box10-3 .flex .mt{width: 12.4vw;border: 4px solid #808080;border-radius: 1.302vw;opacity: 0.3;height: 28.2292vw}
#g1005g .box10 .box10-3 .flex .mt.active{opacity: 1}
#g1005g .box10 .box10-3 .flex video{width: 12.4vw;border-radius: 1.0417vw}
#g1005g .box10 .box10-3 .bottom_flex{margin: 5% auto 1.5% auto;display: flex;justify-content: space-between;flex-wrap: nowrap;width: 47.92vw;}
#g1005g .box10 .box10-3 .bottom_flex .mt{color: #ffffff;font-size: 1.15vw;opacity: 0.3;cursor: pointer}
#g1005g .box10 .box10-3 .bottom_flex .mt.active{opacity: 1}
#g1005g .box10 .box10-3 .line-box{
    background-color: rgba(255, 255, 255, 0.2);
    width: 48.92vw; height: 2px; overflow: hidden; margin: 0 auto;
}
#g1005g .box10 .box10-3 .line-box .line{background-color: #c2a07a;width: 13%;height: 2px}