@keyframes color{0%{background-color:#fff}25%{background-color:#e2e3be}50%{background-color:#f0f3a3}75%{background-color:#c5c5ab}100%{background-color:#fff}}@keyframes twinkle{0%{opacity:0}50%{transform:scale(1.3);opacity:1}100%{opacity:0;transform:scale(1)}}html,body{-webkit-overflow-scrolling:auto}.fade{opacity:0;visibility:hidden;transition:all 1s ease}.fadedown{transform:translateY(50px)}.fadeActive{opacity:1;visibility:visible;transform:translateY(0)}#main.main{overflow:visible;margin-top:64px}.pc-only{display:none}.contents-wrap{position:relative;width:100%;margin:0 auto;color:#313131}.headguide{position:fixed;top:64px;width:100%;text-align:center;z-index:10;padding:1.7vw 0;background:#2F343A;transition:all 0.5s ease}.headguide.overtop{top:-40px}.headguide p{color:#F0EADC;font-size:2.8vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:0.8px}.footer-fixed{width:24vw;height:24vw;background:#2F343A;border-radius:0;position:fixed;right:2vw;bottom:2vw;border-radius:100px;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;visibility:hidden;transition:all 0.5s ease}.footer-fixed.fixed{opacity:1;visibility:visible}.footer-fixed p{color:#F0EADC;text-align:center;font-size:2.8vw;font-style:normal;font-weight:700;line-height:130%;letter-spacing:0.6px;position:relative}.footer-fixed p span{position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.head{position:relative;left:50%;top:0;transform:translate(-50%);width:100%;height:calc(100vh - 64px);height:calc(100svh - 64px);display:block;z-index:1}.head .head-wrap{width:100%;position:absolute;bottom:8vw;padding:0 6vw}.head h1{width:84vw}.head p{color:#F0EADC;font-size:4vw;font-style:normal;font-weight:700;line-height:170%;letter-spacing:1.201px;position:relative;margin-top:4vw}.head p img{position:relative;top:-3px;right:-2vw}.container{position:relative;z-index:1;max-width:484px;padding-top:40px;margin:0}.main_img{margin:0 auto;display:block}.kv{width:100%;height:calc(100vh - 65px);height:calc(100svh - 65px);position:fixed;top:65px}.kv picture{display:block;height:100%;position:relative;left:50%;transform:translate(-50%)}.kv img{position:relative;width:auto;max-width:none;height:100%;left:50%;transform:translate(-50%)}.nav-point{transition:all 0.3s ease}.nav{margin:0 auto;overflow:hidden;padding:3vw 0;position:relative;top:0;z-index:3}.nav.fixed{position:fixed;top:64px;z-index:2;width:100%}.nav.fixed.overtop{top:-65px}.nav ul{margin:0 auto;padding:0 5vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;flex-wrap:wrap;position:relative}.nav li{position:relative;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;left:0;transition:left 0.3s ease}.nav li .line{width:14vw;height:1px;position:relative;display:block;margin-left:5vw}.nav li .line .bar{content:'';background-color:#fff;position:absolute;width:100%;height:100%}.nav li .line .bot{display:none}.nav a{display:flex;align-items:center}.nav .nav-img{width:10vw}.nav .nav-txt{max-width:none;margin-left:0px;height:38px;position:relative}.wrapper{max-width:90vw;margin:0 auto;position:relative;z-index:1}.contents-bg{padding-top:48.4vw;position:relative;background:#989898}.read{max-width:90vw;position:relative;z-index:1;margin:0 auto 10vw;text-align:center}.read-head{color:#F0EADC;text-align:center;font-size:4.2vw;font-style:normal;font-weight:700;line-height:90%;letter-spacing:1.133px;position:relative;border-bottom:1.049px solid;display:inline-block;padding-bottom:2vw}.read-head img{position:absolute;top:-12vw;left:-10vw}.read-wrap{margin-top:9vw;display:flex;flex-direction:column;gap:6vw}.read-wrap p{color:#F0EADC;font-size:3.2vw;font-style:normal;font-weight:500;line-height:230%}.steps{max-width:90vw;position:relative;z-index:1;margin:10vw auto 0;display:flex;flex-direction:column;gap:13.5vw}.steps-container{color:#2F343A;padding:0 0 12vw;text-align:center;background:#f2efe8}.steps-head{padding-top:13vw}.steps-head img{display:block;margin:0 auto;width:13vw}.steps-head h2{font-size:4.6vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.6px;margin-top:3vw}.steps-head p{font-size:3vw;font-style:normal;font-weight:700;line-height:170%;letter-spacing:2.7px;margin-top:4.8vw}.steps-tab{display:flex;flex-wrap:wrap;margin:14.9vw 5vw 0;border-bottom:1px solid}.steps-tab li{cursor:pointer;text-align:center;font-family:"Libre Baskerville";font-size:3.1vw;font-style:normal;font-weight:400;line-height:100%;padding:2.4vw 0;flex:1;position:relative;z-index:1}.steps-tab li:before{content:"";width:0;height:100%;position:absolute;left:0;top:0;background:#2F343A;z-index:-1;transition:all 0.3s ease}.steps-tab li:hover{color:#fff}.steps-tab li:hover:before{width:100%}.steps-tab li.active{color:#fff}.steps-tab li.active:before{width:100%}.steps-wrap{margin-top:6vw}.steps-inner{display:none}.steps-inner:first-child{display:block}.steps-inner>picture img{padding:0 5vw}.steps-label{font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:50px 0 19px}.steps-txt{text-align:justify;margin:4vw 5vw 6vw;font-size:3.2vw;font-style:normal;font-weight:500;line-height:170%;letter-spacing:0.7px}.video{margin:0 5vw}.steps-goods{margin-top:13vw}.steps-goods dl{min-width:90%;margin:0 auto 1vw}.steps-goods dt{color:#f2efe8;font-size:2.8vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.3px;display:inline-block;padding:1vw 4vw;border-radius:3px;background:#7f868d;position:relative}.steps-goods dt:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);border-top:11.5px solid #7f868d;border-right:7.5px solid transparent;border-left:7.5px solid transparent}.steps-goods dd{font-size:2vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px;margin-top:7vw}.steps-goods dd span{font-family:"Libre Baskerville";font-size:4vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.1px;display:block;margin-bottom:1vw}.steps-goods .item.flex{display:flex;justify-content:center;gap:20px}.steps-goods .item.slide{overflow:auto;white-space:nowrap;padding:0 5vw 2vw}.steps-goods .item.slide::-webkit-scrollbar{display:none}.steps-goods .item.slide::-webkit-scrollbar-thumb{background:#363636}.steps-goods .item li{display:inline-block;width:34vw}.steps-goods .item img{width:100%}.steps-goods .item figcaption{font-family:Futura;font-size:2.6vw;font-style:normal;font-weight:500;line-height:125%;letter-spacing:0.22px;margin-top:2.8vw}.steps-goods .item figcaption span{font-family:"Libre Baskerville";font-size:2.8vw;font-style:normal;font-weight:700;line-height:125%;letter-spacing:0.26px;display:block;margin-bottom:1.2vw}.steps-goods .item-liner{position:relative;height:1px;background-color:#d3d3d3;width:calc( 100% - 10vw);margin:5vw auto 0}.steps-goods .item-nav{height:1px;background:#363636;position:absolute;top:0;transition:all 0s ease}.steps-links{border-radius:100px;border:1.222px solid #2F343A;font-size:3vw;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0.65px;margin:9vw auto 0;display:block;width:60vw;padding:4.6vw 0}.step4-wrap{display:flex;flex-direction:column;gap:23px}.step4-inner img{margin:0;width:40.4vw}.step4-label{font-size:3.4vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:13vw 0 3.3vw}.step4-txt{text-align:center;margin-top:6vw;font-size:3vw;font-style:normal;font-weight:500;line-height:200%;letter-spacing:0.7px}.step4-links{border-radius:100px;border:1.222px solid #2F343A;font-size:3vw;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0.65px;margin:8vw auto 0;display:block;width:60vw;padding:4.6vw 0}.present{position:relative;z-index:0;margin-top:-100px;text-align:center;color:#F2EFE8}.present:before{content:"";position:absolute;top:-50vh;left:0;width:100%;height:50vh;background:#0e1013;background:-moz-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:-webkit-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e1013", endColorstr="#0e1013", GradientType=1)}.present-wrap{padding:30vw 0 30vh;position:relative;margin-top:-60vh}.present-head{margin-bottom:11vw}.present-head dt{font-size:3.3vw;font-style:normal;font-weight:700;line-height:200%;letter-spacing:2px;display:inline-block;position:relative;margin-bottom:11px}.present-head dt:before,.present-head dt:after{content:"";position:absolute;top:50%;width:8vw;height:1px;background:#ffff}.present-head dt:before{left:-12vw;transform:translateY(-50%) rotate(55deg)}.present-head dt:after{right:-12vw;transform:translateY(-50%) rotate(-55deg)}.present-head dd{font-size:4.5vw;font-style:normal;font-weight:700;line-height:200%;letter-spacing:2.6px}.present-img{margin:0 auto;width:73vw;display:block}.present-txt{font-size:3vw;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.6px;margin-top:12vw}.present-txt span{display:block;margin-top:6vw;text-decoration:underline}.present-flow{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:33px;margin-top:10vw}.present-flow-wrap{width:90vw;border:1px solid;padding:26px 0;position:relative}.present-flow-wrap:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-33px;width:1px;height:33px;background:#f2efe8}.present-flow-wrap:last-child:after{display:none}.present-flow-wrap p{font-size:3.4vw;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.4px}.present-flow-wrap p a{color:#65baff;text-decoration:underline}.present-links{border-radius:100px;border:1.222px solid #F2EFE8;color:#2F343A;font-size:3vw;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0.65px;margin:16vw auto 0;display:block;width:70vw;padding:20px 0;background:#F2EFE8}.present-closing{margin-top:40vw}.present-closing p{font-size:3vw;font-style:normal;font-weight:500;line-height:100%;letter-spacing:3.2px;margin-top:7vw}.present-bg{height:calc(100vh + 30px);overflow:hidden;position:sticky;top:0;background:#0e1013}.star{position:absolute;display:none;background-color:#fff;border-radius:50%;box-shadow:0 0 4px 2px rgba(255,255,255,0.2);opacity:0;animation:twinkle 5s infinite}@media screen and (min-width: 768px){.pc-only{display:none}.headguide.overtop{top:-40px}.headguide p{font-size:2vw}.footer-fixed{width:18vw;height:18vw}.footer-fixed p{font-size:2vw}.footer-fixed p span{bottom:-23px}.head{height:calc(100vh - 64px)}.head p{font-size:3vw;margin-top:3vw}.head p img{width:13vw}.container{position:relative;z-index:1;max-width:484px;padding-top:40px;margin:0}.main_img{margin:0 auto;display:block}.kv{width:100%;position:fixed;top:64px}.kv img{height:auto;top:50%;transform:translate(-50%, -50%);width:100%}.nav{padding:2vw 0}.nav.fixed.overtop{top:-65px}.wrapper{max-width:90vw;margin:0 auto;position:relative;z-index:1}.contents-bg{padding-top:24vw}.read{margin:0 auto 10vw}.read-head{font-size:5vw}.read-head img{top:-9vw;left:-8vw;width:20vw}.read-wrap{margin-top:5vw;gap:3vw}.read-wrap p{font-size:2.6vw}.steps-head{padding-top:8vw}.steps-head img{width:15vw}.steps-head h2{margin-top:4vw}.steps-head p{margin-top:3.8vw}.steps-tab{margin:7.9vw 5vw 0}.steps-tab li{font-size:2.3vw;padding:2.4vw 0}.steps-wrap{margin-top:6vw}.steps-label{font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:50px 0 19px}.steps-txt{font-size:2.8vw}.steps-goods{margin-top:13vw}.steps-goods dl{margin-bottom:1vw}.steps-goods dl dt{font-size:2vw;position:relative}.steps-goods dl dt:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);border-top:11.5px solid #7f868d;border-right:7.5px solid transparent;border-left:7.5px solid transparent}.steps-goods dl dd{margin-top:5vw}.steps-goods .item.flex{display:flex;justify-content:center;gap:20px}.steps-goods .item .item-wrap{overflow:auto;padding-bottom:2vw;overscroll-behavior:contain;scroll-behavior:smooth}.steps-goods .item li{width:24vw}.steps-goods .item img{width:80%}.steps-goods .item figcaption{font-size:2vw;margin-top:2vw}.steps-goods .item figcaption span{font-size:1.8vw;margin-bottom:0.9vw}.steps-goods .item-liner{margin-top:4vw}.steps-links{font-size:2.2vw;margin:10vw auto 0;padding:3.6vw 0}.step4-inner img{margin:0;width:40.4vw}.step4-label{font-size:2.6vw;margin:8vw 0 2vw}.step4-txt{margin-top:3vw;font-size:2vw}.step4-links{font-size:2.2vw;margin:5vw auto 0;padding:3.6vw 0}.present{position:relative;z-index:0;margin-top:-100px;text-align:center;color:#F2EFE8}.present:before{content:"";position:absolute;top:-50vh;left:0;width:100%;height:50vh;background:#0e1013;background:-moz-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:-webkit-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e1013", endColorstr="#0e1013", GradientType=1)}.present-wrap{padding:10vw 0 30vh;position:relative;margin-top:-40vh}.present-head{margin-bottom:6vw}.present-head dt{font-size:2.3vw;margin-bottom:2vw}.present-head dt:before{left:-8vw;width:5vw}.present-head dt:after{right:-8vw;width:5vw}.present-head dd{font-size:3.5vw}.present-img{width:50vw}.present-txt{font-size:2vw;margin-top:7vw}.present-txt span{margin-top:4vw}.present-flow{margin-top:8vw}.present-flow-wrap{width:90vw;border:1px solid;padding:26px 0;position:relative}.present-flow-wrap:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-33px;width:1px;height:33px;background:#f2efe8}.present-flow-wrap:last-child:after{display:none}.present-flow-wrap p{font-size:2.4vw;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.4px}.present-links{font-size:2vw;margin-top:12vw;width:60vw}.present-closing{margin-top:40vw}.present-closing p{font-size:2vw;margin-top:5vw}.present-bg{height:calc(100vh + 30px);overflow:hidden;position:sticky;top:0;background:#0e1013}.star{position:absolute;display:none;background-color:#fff;border-radius:50%;box-shadow:0 0 4px 2px rgba(255,255,255,0.2);opacity:0;animation:twinkle 5s infinite}}@media screen and (min-width: 960px){#main.main{margin-top:64px}a:hover{opacity:0.6}.contents-wrap{display:flex;flex-direction:column;justify-content:center;padding-top:40px}.headguide{top:65px;padding:7px 0}.headguide p{font-size:16px}.footer-fixed{width:98px;height:98px;right:40px;bottom:40px}.footer-fixed p{font-size:12px}.head{position:fixed;top:65px;height:calc(100vh - 65px);z-index:0}.head .head-wrap{width:33vw;position:relative;bottom:auto;top:50%;transform:translateY(-50%);padding:0 5vw}.head h1{width:auto}.head p{font-size:clamp(18px, 1.5vw, 20px);margin-top:2vw}.head p img{position:relative;top:-3px;right:-6px;width:60px}.container{position:relative;z-index:1;max-width:484px;padding-top:40px;margin:0}.main_img{margin:0 auto;display:block}.pc-only{display:block}.kv{height:calc(100vh - 104px);position:relative;top:auto}.kv picture{display:unset;left:auto;transform:none}.kv img{width:30vw;left:auto;transform:translate(0, -50%)}.nav{position:fixed;left:50%;top:64px;transform:translateX(-50%);width:100%;height:calc(100vh - 64px);display:block;margin:0;z-index:0;padding:0}.nav ul{margin:0 3vw 0 auto;width:25%;padding:0;justify-content:space-between;flex-direction:column;top:50%;transform:translateY(-50%)}.nav li{width:199px;display:block}.nav li .line{width:1px;height:5vw;position:absolute;left:50%;bottom:-5vw;transform:translateX(-50%);margin-left:0}.nav li .line .bot{content:'';position:absolute;width:0;height:0;background:#fff;left:50%;top:0;transform:rotate(45deg) translateX(-70%);transform-origin:center center;transition:all 0.3s ease;animation:color 5s infinite;display:block}.nav li.active .line .bot{width:7px;height:7px}.nav .nav-img{width:55px}.nav .nav-txt{margin-left:9px}.wrapper{max-width:484px;margin:0 auto;position:relative;z-index:1}.read{max-width:30vw;margin:193px auto 0}.read-head{font-size:clamp(16px, 1vw, 18px);padding-bottom:1vw}.read-head img{top:-4vw;left:-3vw;width:8vw}.read-wrap{margin-top:4vw}.read-wrap p{font-size:clamp(10px, 1vw, 14px)}.steps{max-width:35vw;margin-top:5vw;gap:6vw;z-index:2}.steps-container{padding:0 0 5vw}.steps-head{padding-top:5vw}.steps-head img{width:70px}.steps-head h2{font-size:clamp(20px, 2vw, 26px);margin-top:1vw}.steps-head p{font-size:clamp(16px, 1vw, 18px);margin-top:2vw}.steps-tab{margin:4vw 2vw 0}.steps-tab li{font-size:clamp(11px, 1vw, 13px);padding:10px 0}.steps-wrap{margin-top:3vw}.steps-inner>picture img{width:100%;padding:0 5vw}.steps-label{font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:50px 0 19px}.steps-txt{text-align:center;margin:2vw 0 3vw;font-size:clamp(10px, 1vw, 14px)}.video{margin:0 2vw}.steps-goods{margin-top:5vw}.steps-goods .item.slide{padding:0 2vw 2vw}.steps-goods .item.slide::-webkit-scrollbar{height:2px}.steps-goods dl{margin:0 2vw 0.6vw}.steps-goods dl dt{font-size:clamp(11px, 1vw, 13px);padding:0.5vw 1vw}.steps-goods dl dt:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);border-top:11.5px solid #7f868d;border-right:7.5px solid rgba(0,0,0,0);border-left:7.5px solid rgba(0,0,0,0)}.steps-goods dl dd{font-size:clamp(10px, 1vw, 12px);margin-top:3vw}.steps-goods dl dd span{font-size:clamp(18px, 1.7vw, 22px);margin-bottom:6px}.steps-goods .item.flex{display:flex;justify-content:center;gap:20px}.steps-goods .item li{width:150px}.steps-goods .item img{width:150px}.steps-goods .item figcaption{font-size:clamp(8px, 1vw, 11px);margin-top:1vw}.steps-goods .item figcaption span{font-size:clamp(10px, 1.1vw, 13px);margin-bottom:0.5vw}.steps-goods .item-liner{width:calc(100% - 4vw);margin-top:2vw}.steps-links{font-size:clamp(11px, 1vw, 13px);margin:5vw auto 0;width:80%;padding:2vw 0;position:relative;overflow:hidden;z-index:0}.steps-links:before{content:"";width:0;height:100%;background:#313131;position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s ease}.steps-links:hover{color:#fff;opacity:1}.steps-links:hover:before{width:100%}.step4-wrap{gap:0vw}.step4-inner img{width:200px}.step4-inner:first-child img{width:238px}.step4-label{font-size:clamp(10px, 1vw, 14px);margin:6vw 0 2vw}.step4-txt{margin-top:3vw;font-size:clamp(10px, 1vw, 14px)}.step4-links{font-size:clamp(11px, 1vw, 13px);width:80%;margin:2vw auto 0;padding:2vw 0}.step4-links:before{content:"";width:0;height:100%;background:#313131;position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s ease}.step4-links:hover{color:#fff;opacity:1}.step4-links:hover:before{width:100%}.present{position:relative;z-index:1;margin-top:0;text-align:center;color:#f2efe8}.present:before{content:"";position:absolute;top:-50vh;left:0;width:100%;height:50vh;background:#0e1013;background:-moz-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:-webkit-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e1013", endColorstr="#0e1013", GradientType=1)}.present-wrap{padding:3 0 50vh;position:relative;margin-top:-70vh}.present-head{margin-bottom:4vw}.present-head dt{font-size:clamp(16px, 1.6vw, 20px);margin-bottom:1vw}.present-head dt:before{left:-5vw;width:3vw}.present-head dt:after{right:-5vw;width:3vw;transform:translate(0, -50%) rotate(-45deg)}.present-head dd{font-size:clamp(20px, 2vw, 26px)}.present-img{width:424px}.present-txt{font-size:clamp(12px, 1.2vw, 16px);margin-top:5vw}.present-txt span{margin-top:3vw}.present-flow{margin-top:5vw}.present-flow-wrap{width:424px;padding:26px 0}.present-flow-wrap:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-33px;width:1px;height:33px;background:#f2efe8}.present-flow-wrap p{font-size:14px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.4px}.present-flow-wrap:last-child:after{display:none}.present-links{font-size:13px;margin:6vw auto 0;width:325px;padding:20px 0}.present-links:hover{color:#2f343a}.present-closing{margin-top:276px;margin-top:500px}.present-closing p{font-size:16px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:3.2px;margin-top:45px}.present-bg{height:calc(100vh + 30px);overflow:hidden;position:sticky;top:0;background:#0e1013}}@media screen and (min-width: 1399px){#main.main{margin-top:64px}a:hover{opacity:0.6}.head{max-width:1500px}.head .head-wrap{width:508px;padding:0 80px}.head p{font-size:20.013px;margin-top:30px}.head p img{position:relative;top:-3px;right:-6px}.container{position:relative;z-index:1;max-width:484px;padding-top:40px;margin:0}.main_img{margin:0 auto;display:block}.pc-only{display:block}.kv img{width:420px}.nav{width:1500px}.nav ul{margin:0 40px 0 auto;width:30%;gap:100px}.nav li .line{height:80px;bottom:-90px}.nav li .line.active .bot{width:7px;height:7px}.wrapper{max-width:484px;margin:0 auto;position:relative;z-index:1}.read{max-width:484px}.read .read-head{font-size:18.89px;padding-bottom:8px}.read .read-head img{top:-48px;left:-57px;width:96px}.read .read-wrap{margin-top:40px;gap:32px}.read .read-wrap p{font-size:14px}.steps{max-width:484px;margin-top:161px;gap:60px}.steps-container{padding:0 0 80px}.steps-head{padding-top:80px}.steps-head h2{font-size:26px;margin-top:13px}.steps-head p{font-size:18px;margin-top:29px}.steps-tab{margin:52px 30px 0}.steps-tab li{font-size:13px}.steps-wrap{margin-top:40px}.steps-inner picture img{padding:0 30px}.steps-label{font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:50px 0 19px}.steps-txt{margin:20px 0 54px;font-size:14px}.video{margin:0 30px}.steps-goods{margin-top:80px}.steps-goods .item.slide{padding:0 30px 10px}.steps-goods dl{margin:0 30px 14px}.steps-goods dt{font-size:13px;padding:6px 7px}.steps-goods dt:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);border-top:11.5px solid #7f868d;border-right:7.5px solid rgba(0,0,0,0);border-left:7.5px solid rgba(0,0,0,0)}.steps-goods dd{font-size:12px;margin-top:40px}.steps-goods dd span{font-size:22px}.steps-goods .item.flex{display:flex;justify-content:center;gap:20px}.steps-goods .item.flex li{width:150px}.steps-goods .item.flex figcaption{font-size:11px;margin-top:16px}.steps-goods .item.flex figcaption span{font-size:13px;margin-bottom:5px}.steps-goods .item-liner{width:calc(100% - 60px);margin-top:20px}.steps-links{font-size:13px;margin:64px auto 0;width:325px;padding:20px 0;position:relative;overflow:hidden}.steps-links:before{content:"";width:0;height:100%;background:#313131;position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s ease}.steps-links:hover{color:#fff;opacity:1}.steps-links:hover:before{width:100%}.step4-wrap{display:flex;flex-direction:column;gap:23px}.step4-inner img{width:200px}.step4-label{font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.4px;margin:50px 0 19px}.step4-txt{text-align:center;margin-top:20px;font-size:14px;font-style:normal;font-weight:500;line-height:200%;letter-spacing:0.7px}.step4-links{border-radius:100px;border:1.222px solid #2f343a;font-size:13px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0.65px;margin:43px auto 0;display:block;width:325px;padding:20px 0;position:relative;overflow:hidden;z-index:0}.step4-links:before{content:"";width:0;height:100%;background:#313131;position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s ease}.step4-links:hover{color:#fff;opacity:1}.step4-links:hover:before{width:100%}.present{position:relative;z-index:1;margin-top:0;text-align:center;color:#f2efe8}.present::before{content:"";position:absolute;top:-50vh;left:0;width:100%;height:50vh;background:#0e1013;background:-moz-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:-webkit-linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);background:linear-gradient(180deg, rgba(14,16,19,0) 0%, #0e1013 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e1013", endColorstr="#0e1013", GradientType=1)}.present-wrap{padding:200px 0 50vh;position:relative;margin-top:-70vh}.present-head{margin-bottom:57px}.present-head dt{font-size:20px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:2px;display:inline-block;position:relative;margin-bottom:11px}.present-head dt::before{left:-60px;width:40px;transform:translate(0, -50%) rotate(45deg)}.present-head dt::after{right:-60px;width:40px;transform:translate(0, -50%) rotate(-45deg)}.present-head dd{font-size:26px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:2.6px}.present-img{width:424px}.present-txt{font-size:16px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.6px;margin-top:70px}.present-txt span{display:block;margin-top:32px;text-decoration:underline}.present-flow{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:33px;margin-top:75px}.present-flow-wrap{width:424px;border:1px solid;padding:26px 0;position:relative}.present-flow-wrap::after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-33px;width:1px;height:33px;background:#f2efe8}.present-flow-wrap p{font-size:14px;font-style:normal;font-weight:700;line-height:200%;letter-spacing:1.4px}.present-flow-wrap:last-child::after{display:none}.present-links{border-radius:100px;border:1.222px solid #f2efe8;color:#2f343a;font-size:13px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0.65px;margin:77px auto 0;display:block;width:325px;padding:20px 0;background:#f2efe8}.present-links:hover{color:#2f343a}.present-closing{margin-top:276px;margin-top:500px}.present-closing p{font-size:16px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:3.2px;margin-top:45px}.present-bg{height:calc(100vh + 30px);overflow:hidden;position:sticky;top:0;background:#0e1013}}

/*# sourceMappingURL=style.css.map */