.namecard-module__YmAOGa__root{color:#fff;font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:-.03em;background:#000;position:relative}.namecard-module__YmAOGa__container{background:#000;padding-bottom:4rem;position:relative;overflow:hidden}.namecard-module__YmAOGa__section{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.namecard-module__YmAOGa__inner{z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:24rem 0;position:relative}.namecard-module__YmAOGa__s1{background-image:url(/images/common/namecard/back01_1.jpg);overflow:hidden}.namecard-module__YmAOGa__s1:before{z-index:1;content:"";background:url(/images/common/namecard/back_man_1.png) top no-repeat;position:absolute;inset:0}.namecard-module__YmAOGa__s1 .namecard-module__YmAOGa__inner{padding-top:48rem;padding-bottom:18rem}.namecard-module__YmAOGa__s2{background-image:url(/images/common/namecard/back02.jpg)}.namecard-module__YmAOGa__s3{background-image:url(/images/common/namecard/back03.jpg)}.namecard-module__YmAOGa__s4{background-image:url(/images/common/namecard/back04_1.jpg)}.namecard-module__YmAOGa__s5{background-image:url(/images/common/namecard/back05.jpg)}.namecard-module__YmAOGa__titleWrap{z-index:3;color:#fff;text-align:center;padding-bottom:3rem;font-size:9.5rem;font-weight:600;line-height:1.2;position:relative}.namecard-module__YmAOGa__titleWrap:before,.namecard-module__YmAOGa__titleWrap:after{content:"";background-repeat:no-repeat;display:block;position:absolute;top:10px}.namecard-module__YmAOGa__titleWrap:before{background-image:url(/images/common/namecard/bg_title_left.png);width:34px;height:82px;left:15px}.namecard-module__YmAOGa__titleWrap:after{background-image:url(/images/common/namecard/bg_title_right.png);width:56px;height:93px;right:15px}.namecard-module__YmAOGa__titleWrap h1{font:inherit;text-shadow:0 -2px #66ceff,0 3px #fff002,0 5px #3c44d0;background:#00000080 url(/images/common/namecard/bg_title_line.png) bottom repeat-x;border-top:2px solid #66ceff;padding:0 3rem;line-height:normal;animation:.3s infinite namecard-module__YmAOGa__titleCursor;display:inline}.namecard-module__YmAOGa__namePanel{z-index:3;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;padding:6rem 0;position:relative}.namecard-module__YmAOGa__namePanel .namecard-module__YmAOGa__inner{padding:0}.namecard-module__YmAOGa__nameInfo{width:100%;display:inline-block}.namecard-module__YmAOGa__nameInfoPicture{background:url(/images/common/namecard/bg_chage_name.png) top no-repeat;justify-content:center;align-items:center;width:19.2rem;height:12.2rem;margin:0 auto 70px;display:flex;position:relative}.namecard-module__YmAOGa__nameInfoLabel{color:#ffe92c;width:max-content;font-family:var(--font-roboto), Roboto, sans-serif;letter-spacing:.01rem;text-align:center;font-size:1.3rem;position:absolute;bottom:-50px}.namecard-module__YmAOGa__nameInfoLabel:after{content:"";background:url(/images/common/namecard/namecard_arr.png) no-repeat;width:18px;height:10px;position:absolute;bottom:-9px;right:15px}.namecard-module__YmAOGa__nameInfo>p{color:#fff;letter-spacing:.01rem;text-shadow:0 -1px #66ceff,0 1px red,0 1px #3c44d0;text-transform:uppercase;margin-top:20px;font-size:2.2rem;font-weight:500}.namecard-module__YmAOGa__step{z-index:1;color:#fff;letter-spacing:.1em;background:url(/images/common/namecard/step_back_2.png) top no-repeat;justify-content:center;align-items:center;width:192px;height:62px;margin:0 auto;font-size:1.6rem;font-weight:600;display:flex;position:relative}.namecard-module__YmAOGa__contentBox{text-align:center}.namecard-module__YmAOGa__contentBox h2{color:#fff;text-align:center;word-break:keep-all;margin:4rem auto;font-size:4.5rem;font-weight:600}.namecard-module__YmAOGa__contentBox h2 span{color:#ffe92c}.namecard-module__YmAOGa__nicknameInput{max-width:616px;margin:0 auto;position:relative}.namecard-module__YmAOGa__nicknameInput:before,.namecard-module__YmAOGa__nicknameInput:after{z-index:1;content:"";background-repeat:no-repeat;width:1.4rem;display:block;position:absolute;top:-.8rem;bottom:-.8rem}.namecard-module__YmAOGa__nicknameInput:before{background-image:url(/images/common/namecard/bg_input_left.png);left:-.8rem}.namecard-module__YmAOGa__nicknameInput:after{background-image:url(/images/common/namecard/bg_input_right.png);right:-.8rem}.namecard-module__YmAOGa__nicknameInput input{color:#ffe92c;width:100%;height:8rem;font:600 2.4rem var(--font-chakra-petch), "Chakra Petch", sans-serif;text-align:center;background:#000;border:1px solid #52f1ff;outline:none;padding:0 2.4rem}.namecard-module__YmAOGa__nicknameInput input::placeholder{color:#ffe92c;opacity:1}.namecard-module__YmAOGa__colorButton{color:#fff;cursor:pointer;width:9.6rem;height:9.6rem;font:600 2rem var(--font-chakra-petch), "Chakra Petch", sans-serif;text-align:center;background:url(/images/common/namecard/bg_select_color.png) 50% no-repeat;border:0;justify-content:center;align-items:center;margin:0 auto;padding:0;line-height:1.2;display:flex;position:relative}.namecard-module__YmAOGa__outlineColorButton{text-shadow:-2px -2px red,0 -2px red,2px -2px red,2px 0 red,2px 2px red,0 2px red,-2px 2px red,-2px 0 red}.namecard-module__YmAOGa__colorButton:focus-visible,.namecard-module__YmAOGa__cardList button:focus-visible,.namecard-module__YmAOGa__previewOpen:focus-visible,.namecard-module__YmAOGa__previewClose:focus-visible,.namecard-module__YmAOGa__facebook:focus-visible,.namecard-module__YmAOGa__paletteGrid button:focus-visible{outline-offset:3px;outline:2px solid #ffe92c}.namecard-module__YmAOGa__cardFrame{background:url(/images/common/namecard/bg_name_wrap_lt.png) 0 0 no-repeat,url(/images/common/namecard/bg_name_wrap_rt.png) 100% 0 no-repeat,url(/images/common/namecard/bg_name_wrap_lb.png) 0 100% no-repeat,url(/images/common/namecard/bg_name_wrap_rb.png) 100% 100% no-repeat;width:100%;height:100%;padding:8px}.namecard-module__YmAOGa__cardScroller{background:#0000004d;border:1px solid #52f1ff;max-height:400px;padding:4.5rem;overflow-y:scroll}.namecard-module__YmAOGa__cardList{flex-wrap:wrap;margin:0 0 0 -4rem;padding:0;list-style:none;display:flex}.namecard-module__YmAOGa__cardList>li{width:33.3333%;margin-bottom:3rem;padding-left:4rem}.namecard-module__YmAOGa__cardList button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.namecard-module__YmAOGa__cardTitle{color:#fff;font:1.4rem var(--font-roboto), Roboto, sans-serif;letter-spacing:.05em;text-align:left;margin-bottom:6px;display:block}.namecard-module__YmAOGa__cardTitle strong,.namecard-module__YmAOGa__cardTitle em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:400;display:block;overflow:hidden}.namecard-module__YmAOGa__cardTitle em{color:red}.namecard-module__YmAOGa__cardImage{text-align:left;height:4rem;display:block;position:relative;overflow:hidden}.namecard-module__YmAOGa__cardImage img{width:100%;height:auto;max-height:100%}.namecard-module__YmAOGa__selected .namecard-module__YmAOGa__cardTitle,.namecard-module__YmAOGa__selected .namecard-module__YmAOGa__cardTitle em{color:#ffe92c;font-weight:700}.namecard-module__YmAOGa__selected .namecard-module__YmAOGa__cardImage:before{z-index:1;content:"";border:3px solid #ffe92c;position:absolute;inset:0}.namecard-module__YmAOGa__preview{z-index:4;position:fixed;bottom:0;left:0;right:7.2rem}.namecard-module__YmAOGa__previewOpen,.namecard-module__YmAOGa__previewClose{color:#fff;cursor:pointer;width:30rem;height:4.8rem;font:600 1.6rem var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:.05em;border:0;border-radius:10px 10px 0 0;justify-content:center;align-items:center;margin:0 auto;display:flex}.namecard-module__YmAOGa__previewOpen{background:url(/images/common/namecard/btn_prev_open.png) top no-repeat}.namecard-module__YmAOGa__previewOpen:hover{background-image:url(/images/common/namecard/btn_prev_open_ov.png)}.namecard-module__YmAOGa__previewClose{background:url(/images/common/namecard/btn_prev_closed.png) 50% no-repeat}.namecard-module__YmAOGa__previewClose:hover{background-image:url(/images/common/namecard/btn_prev_closed_ov.png)}.namecard-module__YmAOGa__previewArea{display:none;position:relative}.namecard-module__YmAOGa__previewArea.namecard-module__YmAOGa__visible{display:block}.namecard-module__YmAOGa__previewInner{background:linear-gradient(#99007f,#6c30a2);padding:2.5rem 0;position:relative}.namecard-module__YmAOGa__previewBox{color:#ffe92c;background:url(/images/common/namecard/bg_namecard_prev.png) 50%/cover;justify-content:flex-start;align-items:center;width:100%;max-width:45rem;height:6.3rem;margin:0 auto;padding:0 2rem;font-size:1.8rem;display:flex;position:relative;overflow:hidden}.namecard-module__YmAOGa__previewBox:before,.namecard-module__YmAOGa__previewBox:after{z-index:1;content:"";background-repeat:no-repeat;width:1.3rem;display:block;position:absolute;top:0;bottom:0}.namecard-module__YmAOGa__previewBox:before{background-image:url(/images/common/namecard/bg_namecard_prev_left.png);left:0}.namecard-module__YmAOGa__previewBox:after{background-image:url(/images/common/namecard/bg_namecard_prev_right.png);right:0}.namecard-module__YmAOGa__previewInner>p{color:#fff;font:1.3rem var(--font-roboto), Roboto, sans-serif;text-align:center;margin-top:1rem}.namecard-module__YmAOGa__facebook{cursor:pointer;background:url(/images/br/namecard/face_off.png) 50%/cover no-repeat;border:0;border-radius:5px;width:105px;height:45px;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.namecard-module__YmAOGa__facebook:hover{background-image:url(/images/br/namecard/face_on.png)}.namecard-module__YmAOGa__palette{z-index:60;text-align:center;background:#0f0f0f;width:78rem;padding:2rem 5rem 5rem;position:absolute;left:50%;transform:translate(-50%)}.namecard-module__YmAOGa__paletteTitle{color:#fff;text-transform:uppercase;margin:1.5rem 0 2.5rem;font-size:2.2rem;font-weight:500}.namecard-module__YmAOGa__paletteGrid{flex-wrap:wrap;margin:0 0 0 -10px;padding:0;list-style:none;display:flex}.namecard-module__YmAOGa__paletteGrid li{width:4.34783%;margin-bottom:10px;padding-left:10px}.namecard-module__YmAOGa__paletteGrid button{cursor:pointer;border:0;border-radius:50%;width:100%;height:20px;padding:0;display:block;position:relative}.namecard-module__YmAOGa__paletteGrid .namecard-module__YmAOGa__checked:before{content:"";background:url(/images/common/namecard/check.png) 50%/cover no-repeat;width:23px;height:16px;position:absolute;top:-3px;left:0}.namecard-module__YmAOGa__particles,.namecard-module__YmAOGa__particles>span{z-index:2;pointer-events:none;display:block;position:absolute}.namecard-module__YmAOGa__particles{inset:0}.namecard-module__YmAOGa__particles>span{opacity:1}.namecard-module__YmAOGa__hexa1{background:url(/images/common/namecard/obj01_1.png) no-repeat;width:117px;height:71px;top:10%;left:0}.namecard-module__YmAOGa__hexa2{background:url(/images/common/namecard/obj02_1.png) no-repeat;width:436px;height:201px;top:0;left:5%}.namecard-module__YmAOGa__hexa3{background:url(/images/common/namecard/obj03_1.png) no-repeat;width:52px;height:50px;top:20%;left:36%}.namecard-module__YmAOGa__hexa4{background:url(/images/common/namecard/obj04_1.png) no-repeat;width:100px;height:75px;top:25%;left:60%}.namecard-module__YmAOGa__hexa5{background:url(/images/common/namecard/obj05_1.png) no-repeat;width:90px;height:90px;top:70%;left:25%}.namecard-module__YmAOGa__hexa6{background:url(/images/common/namecard/obj06_1.png) no-repeat;width:97px;height:67px;bottom:0;left:35%}.namecard-module__YmAOGa__hexa7{background:url(/images/common/namecard/obj07_1.png) no-repeat;width:129px;height:77px;bottom:5%;left:5%}.namecard-module__YmAOGa__hexa8{background:url(/images/common/namecard/obj08_1.png) no-repeat;width:56px;height:56px;bottom:30%;left:18%}.namecard-module__YmAOGa__hexa9{background:url(/images/common/namecard/obj09_1.png) no-repeat;width:50px;height:56px;top:30%;right:40%}.namecard-module__YmAOGa__hexa10{background:url(/images/common/namecard/obj10_1.png) no-repeat;width:19px;height:19px;top:55%;right:35%}.namecard-module__YmAOGa__hexa11{background:url(/images/common/namecard/obj11_1.png) no-repeat;width:53px;height:46px;bottom:45%;left:40%}.namecard-module__YmAOGa__hexa12{background:url(/images/common/namecard/obj12_1.png) no-repeat;width:49px;height:47px;bottom:45%;left:3%}.namecard-module__YmAOGa__hexa13{background:url(/images/common/namecard/obj13_1.png) no-repeat;width:97px;height:89px;top:5%;right:20%}.namecard-module__YmAOGa__hexa14{background:url(/images/common/namecard/obj14_1.png) no-repeat;width:79px;height:77px;top:0;right:5%}.namecard-module__YmAOGa__hexa15{background:url(/images/common/namecard/obj15_1.png) no-repeat;width:88px;height:83px;top:20%;right:8%}.namecard-module__YmAOGa__hexa16{background:url(/images/common/namecard/obj16_1.png) no-repeat;width:85px;height:65px;top:45%;right:0}.namecard-module__YmAOGa__hexa17{background:url(/images/common/namecard/obj17_1.png) no-repeat;width:150px;height:264px;bottom:5%;right:3%}.namecard-module__YmAOGa__hexa18{background:url(/images/common/namecard/obj18_1.png) no-repeat;width:55px;height:45px;top:50%;left:30%}@keyframes namecard-module__YmAOGa__titleCursor{0%,to{border-right:1px solid #fff}50%{border-right-color:#000}}@media (max-width:1220px){.namecard-module__YmAOGa__inner{padding-left:4rem;padding-right:4rem}.namecard-module__YmAOGa__s1 .namecard-module__YmAOGa__inner{padding:20rem 0 10rem}.namecard-module__YmAOGa__s1:before{background-position:top;background-size:90%}.namecard-module__YmAOGa__cardScroller{padding:4.5rem 4.5rem 2rem}.namecard-module__YmAOGa__cardList{margin-left:-2.5rem}.namecard-module__YmAOGa__cardList>li{margin-bottom:2.5rem;padding-left:2.5rem}}@media (max-width:1023px){.namecard-module__YmAOGa__titleWrap:before,.namecard-module__YmAOGa__titleWrap:after{display:none}.namecard-module__YmAOGa__contentBox h2 span{display:block}.namecard-module__YmAOGa__preview{right:0}.namecard-module__YmAOGa__facebook{background-image:url(/images/common/namecard/face_m.png);width:60px;height:60px;top:1.5rem;transform:none}.namecard-module__YmAOGa__hexa1,.namecard-module__YmAOGa__hexa4,.namecard-module__YmAOGa__hexa7,.namecard-module__YmAOGa__hexa12,.namecard-module__YmAOGa__hexa13,.namecard-module__YmAOGa__hexa16{display:none}}@media (max-width:768px){.namecard-module__YmAOGa__previewInner{padding:3rem 12rem}.namecard-module__YmAOGa__previewBox{width:100%}.namecard-module__YmAOGa__hexa2{left:-10%}}@media (max-width:640px){.namecard-module__YmAOGa__s1:before{display:none}.namecard-module__YmAOGa__s1 .namecard-module__YmAOGa__inner{padding-top:30rem;padding-bottom:20rem}.namecard-module__YmAOGa__titleWrap{font-size:8.5rem}.namecard-module__YmAOGa__contentBox h2{font-size:6.4rem}.namecard-module__YmAOGa__step{font-size:3.4rem}.namecard-module__YmAOGa__nicknameInput input{font-size:3.3rem}.namecard-module__YmAOGa__colorButton{background-size:100%;font-size:2.9rem}.namecard-module__YmAOGa__outlineColorButton{text-shadow:-1px 0 red,0 1px red,1px 0 red,0 -1px red}.namecard-module__YmAOGa__nameInfoPicture{background-size:100%;width:28.2rem;height:17.9rem}.namecard-module__YmAOGa__nameInfoLabel{font-size:2.4rem}.namecard-module__YmAOGa__nameInfo>p{font-size:3rem}.namecard-module__YmAOGa__nameInfo>p br{display:none}.namecard-module__YmAOGa__cardScroller{padding:4rem}.namecard-module__YmAOGa__cardList{margin-left:-2.5rem}.namecard-module__YmAOGa__cardList>li{width:50%;margin-bottom:2.5rem;padding-left:2.5rem}.namecard-module__YmAOGa__cardTitle{font-size:2.3rem}.namecard-module__YmAOGa__previewOpen,.namecard-module__YmAOGa__previewClose{width:180px;font-size:2.5rem}.namecard-module__YmAOGa__previewInner{padding:3rem 7rem}.namecard-module__YmAOGa__previewBox{font-size:2.7rem}.namecard-module__YmAOGa__previewInner>p{font-size:2.2rem}.namecard-module__YmAOGa__facebook{width:40px;height:40px;right:1.5rem}.namecard-module__YmAOGa__palette{width:100%}.namecard-module__YmAOGa__paletteTitle{font-size:2.8rem}.namecard-module__YmAOGa__paletteGrid{margin-left:-6px}.namecard-module__YmAOGa__paletteGrid li{padding-left:6px}.namecard-module__YmAOGa__paletteGrid button{width:8px;height:8px}.namecard-module__YmAOGa__paletteGrid .namecard-module__YmAOGa__checked:before{width:10px;height:7px;top:-1px}.namecard-module__YmAOGa__particles>span{background-size:cover}.namecard-module__YmAOGa__hexa2{width:212px;height:97px;left:-11%}.namecard-module__YmAOGa__hexa3{width:26px;height:25px;top:15%;left:35%}.namecard-module__YmAOGa__hexa5{width:46px;height:46px;inset:auto 10% 25% auto}.namecard-module__YmAOGa__hexa6{width:50px;height:34px;bottom:22%;left:30%}.namecard-module__YmAOGa__hexa8{width:60px;height:60px;bottom:33%;left:5%}.namecard-module__YmAOGa__hexa9{width:29px;height:29px;top:40%;right:5%}.namecard-module__YmAOGa__hexa10{width:10px;height:10px;top:auto;bottom:50%;right:20%}.namecard-module__YmAOGa__hexa14{width:38px;height:41px;right:0}.namecard-module__YmAOGa__hexa17{width:100px;height:175px;bottom:30%;right:-6%}.namecard-module__YmAOGa__hexa18{width:7px;height:8px;top:20%;left:auto;right:15%}}@media (prefers-reduced-motion:reduce){.namecard-module__YmAOGa__titleWrap h1,.namecard-module__YmAOGa__particles>span{animation:none}}