.cta ul, .flipanels li, .plusWrap,.tocCaption,.videoBtn{align-items:center;display:flex} .cta ul,.videoBtn{justify-content:center}.fPetal{inset:0;position:fixed}.intro{top:0}.intro,.introTtl::after{left:0;position:absolute}.introTtl::after{bottom:0} .mrphBg,.prologue{left:0;position:fixed;top:0} #setHandTtl, .plus::after, .plus::before,.prlTtl, .videoBtn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.heroTtl, .tocCaption::after, .tocCaption::before{left:50%;position:absolute;transform:translateX(-50%)}.cta a::after{position:absolute;top:50%;transform:translateY(-50%)} .cta ul,.setDesc{margin-left:auto;margin-right:auto} .cta a::after, .fPetal::after, .fPetal::before,.introTtl::after, .plus::after, .plus::before, .tocCaption::after, .tocCaption::before{content:"";display:block} .flipanels li,.flipbook{height:100%;width:100%} .loaded .prlSpanWrap, .loaded .prologue,.s3InView #setHand{opacity:0;pointer-events:none}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0)}#tocTtl, .tocCaption{filter:brightness(0) invert(1)} .cta ul,.setDesc{width:84%}.mainContent{background-color:#f8f7f0;--espLR:8%;--contWsp:84%;--heroTtTop:112px;--fs:13px;--txAlign:center;--tocGradTH:128px;--tocGradTmarT:-128px;--tocGradBH:120px;--tocGradTmarB:-120px;--plusWrapCoin:16px;--plusBorderWH:39px;--plusLineWH:17px;--handTtFs:min(4.53vw,17px);color:#fff;letter-spacing:.08em;min-width:320px}.mainContent, .mainContent h2, .mainContent p{font-size:var(--fs);line-height:1.8}.mainContent button{background:none}.mainContent :where(figure){margin:0}.mainContent a:link{color:#fff}@font-face{font-display:swap;font-family:"YakuHanJP";font-style:normal;font-weight:400;src:url(/photo/page/nojess/pickup/common/fonts/YakuHanJP-Regular.woff2) format("woff2");unicode-range:u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d} #introSlider .swPagination, #setHandTtl, .cta li:nth-child(1), .heroTtl, .introTtl,.prlTtl{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300} #toc,.heroIntro, .sectionWrap{position:relative;z-index:1}#set4{z-index:3}#set4,.bgMonoSec{position:relative}.mrphBg{background:#abd7be;height:100vh;overflow:hidden;width:100%;z-index:0}.mrphBg::before{background-image:url(/photo/page/nojess/pickup/2512spring/noise.svg);background-repeat:repeat;background-size:200px;content:"";inset:0;opacity:.1;pointer-events:none;position:absolute;z-index:3}.blob{animation:morphing 6s linear infinite alternate;border-radius:41% 58% 42% 58%/49% 50% 50% 52%;filter:blur(50px);opacity:.5;position:absolute}.blob.visible{animation-play-state:running}.blobJ{background:#edeadf;height:65vw;right:0;top:3%;width:80%}.blobR{animation-delay:3s;background:#f3dacb;height:37vw;right:12%;top:0;width:40%}.cta{padding-top:clamp(64px,14vw,160px)}.cta ul{gap:16px;max-width:688px;width:84%}.cta li{font-size:13px;letter-spacing:.01em;line-height:1;text-align:center;text-transform:uppercase;width:100%}.cta a{border:1px solid #fff;display:block;padding:23px;position:relative;transition:.3s ease-out}.cta a::after{border:solid #fff;border-width:1px 1px 0 0;height:10px;right:24px;transform:translateY(-50%) rotate(45deg);width:10px}.cta a, .cta a:visited{color:#fff}.cta a:hover{background-color:#fff;color:#bdc9b6}.act .setDesc{opacity:1;transform:none}@keyframes anmFO{0%{opacity:1}100%{opacity:0}}.prlTtl span{display:inline-block;opacity:0;transform:translateY(-1.5em);transition:.6s cubic-bezier(.5,1,.9,1)}.prlTtl span:nth-child(1), .prlTtl span:nth-child(13), .prlTtl span:nth-child(9){transition-delay:1.2s} .prlTtl span:nth-child(11),.prlTtl span:nth-child(5){transition-delay:1.32s} .prlTtl span:nth-child(15),.prlTtl span:nth-child(3), .prlTtl span:nth-child(7){transition-delay:1.38s} .prlTtl span:nth-child(12),.prlTtl span:nth-child(6){transition-delay:1.5s} .prlTtl span:nth-child(14),.prlTtl span:nth-child(4), .prlTtl span:nth-child(8){transition-delay:1.56s} .prlTtl span:nth-child(10),.prlTtl span:nth-child(2){transition-delay:1.68s}.prlTtl span:nth-child(even){transform:translateY(1em)}.loaded .prlTtl span{opacity:1;transform:none}.prlSpanWrap{transition:1s cubic-bezier(.5,1,.9,1) 2.9s}.prologue{transition:1s ease-out 3.4s}.mrphBg{opacity:1;transition:.8s}#setHand{transition:.4s ease-out .5s}#set3{background-color:#abd7be;padding-bottom:clamp(64px,14vw,90px);position:relative;transition:.3s ease-out;z-index:2}.s3InView #setHand{transition:.4s ease-out}.s3InView #set3{background:transparent;transition:.3s ease-out .5s}.bgMonoInView .mrphBg{opacity:0}.bgMonoInView #tocTtl, .bgMonoInView .tocCaption{filter:none}.bgMonoInView .txBox{filter:brightness(.7)}.bgMonoInView #setHand{opacity:0}.bgMonoInView #set3{background:transparent}@keyframes morphing{0%{border-radius:41% 58% 42% 58%/49% 50% 50% 52%;transform:rotate(-10deg) scale(1) translate(0)}50%{transform:rotate(5deg) scale(.8) translate(10%,14%)}100%{border-radius:63% 35% 65% 35%/37% 69% 31% 63%;transform:rotate(-6deg) scale(1.1) translate(-12%,-8%)}}.setTtl{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);display:block;opacity:0;transform:translateX(10%);transition:opacity 1.2s ease-out .3s,transform 1.2s ease-out,-webkit-clip-path 1.8s ease-out .3s;transition:opacity 1.2s ease-out .3s,transform 1.2s ease-out,clip-path 1.8s ease-out .3s;transition:opacity 1.2s ease-out .3s,transform 1.2s ease-out,clip-path 1.8s ease-out .3s,-webkit-clip-path 1.8s ease-out .3s}.act .setTtl{-webkit-clip-path:inset(0);clip-path:inset(0);opacity:1;transform:none}.setDesc{opacity:0;transition:.5s ease-out 1.3s}.flipbook{overflow:hidden}.flipanels{display:flex}.flipanels li{flex-shrink:0}.flipanels img{aspect-ratio:205/122;width:100%}.anm .flipanels.x2{animation:flipbook2 2s steps(2) infinite}.anm .flipanels.x3{animation:flipbook3 3s steps(3) infinite}.anm .flipanels.x4{animation:flipbook4 4s steps(4) infinite}.anm .flipanels.x5{animation:flipbook5 5s steps(5) infinite}.anm .flipanels.x12{animation:flipbook12 12s steps(12) infinite}@keyframes flipbook2{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}@keyframes flipbook3{0%{transform:translateX(0)}100%{transform:translateX(-300%)}}@keyframes flipbook4{0%{transform:translateX(0)}100%{transform:translateX(-400%)}}@keyframes flipbook5{0%{transform:translateX(0)}100%{transform:translateX(-500%)}}@keyframes flipbook12{0%{transform:translateX(0)}100%{transform:translateX(-1200%)}}.fPetal{overflow:hidden;pointer-events:none;z-index:9} .fPetal::after,.fPetal::before{background:url(/photo/page/nojess/pickup/2512spring/petal.webp) 50%/contain;height:4em;opacity:0;position:absolute;width:4em}.loaded .fPetal::before{animation:ptlFall 12s linear 11s infinite,ptlRotate 6s ease-in-out infinite alternate;left:0;top:-120px}.loaded .fPetal::after{animation:ptlFall 9s linear 17s infinite,ptlRotate 4s ease-in-out infinite alternate;right:20%;top:-100px}@keyframes ptlRotate{0%{transform:none}100%{transform:translateX(200px) rotate(-80deg) rotateX(180deg)}}@keyframes ptlFall{0%{opacity:0}25%, 60%{opacity:1}100%{top:120%}}.heroTtl, .prlTtl{color:#fff;font-size:clamp(26px,6vw,36px);letter-spacing:.3em;line-height:1.4;text-align:center;text-indent:.3em}.prologue{background:url(/photo/page/nojess/pickup/2512spring/prologue-P.webp) 50%/cover no-repeat;height:100vh;width:100%;z-index:9}.prlTtl{width:100%;z-index:5}.heroIntroImg{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.heroIntroImg img{width:100%}.heroTtl{top:var(--heroTtTop);z-index:2}.heroTtl span{display:block;font-size:69.23%;margin-bottom:.67em}.intro{top:57%;width:100%}.intro,.introTtl{text-align:center}.introTtl{display:inline-block;font-size:138.46%;letter-spacing:.3em;line-height:2;margin-bottom:60px;padding-bottom:60px;position:relative;text-indent:.3em;z-index:2}.introTtl::after{border-bottom:2px dotted #fff;width:100%}.introTx{font-size:115.38%;letter-spacing:.08em;line-height:2;padding:0 1em;text-align:center;text-indent:.08em;width:100%}.introTx span{display:inline-block}#introSlider{overflow:hidden}#introSlider img{width:100%}#introSlider .swPagination{color:#b7a482;font-size:107.69%;margin-bottom:1.71em;text-align:center}#toc{padding-bottom:70px}.tocImg{margin-bottom:1.23em}#tocTtl{padding:0 0 clamp(28px,8vw,68px);text-align:center}#tocTtl img{display:inline-block}.tocCaption::after, .tocCaption::before{background:#b7a482;bottom:0;height:.69em;transform-origin:bottom;width:1px}.tocCaption{flex-direction:column;padding-bottom:2em;position:relative}.tocCaption::before{transform:translateY(-50%) rotate(-24deg)}.tocCaption::after{transform:translateY(-50%) rotate(24deg)}.set{overflow:hidden;padding-top:clamp(120px,30vw,160px)}.set#set1{padding-top:64px}.set#set4{padding-top:clamp(64px,14vw,160px)}.txBox{margin-bottom:10px;text-align:var(--txAlign)}.setDesc span{display:inline-block}.setTtlSvg{margin-bottom:32px}#set1 .setTtlSvg{width:224px}#set2 .setTtlSvg{width:207px}#set3 .setTtlSvg{width:205px}#set4 .setTtlSvg{width:188px}#set5 .setTtlSvg{width:210px}#setHand{margin-top:clamp(120px,30vw,160px);position:-webkit-sticky;position:sticky;width:100vw;z-index:0}#setHand img{width:100%}.setHandContent{position:relative}#setHandTtl{font-size:var(--handTtFs);letter-spacing:1.05em;line-height:16vw;text-align:center;text-indent:1.05em;width:100%;z-index:1} .fp1, .fp2, .fp3,.fs, .subs{position:relative} .fp1 a, .fp2 a, .fp3 a,.fs a, .subs a{bottom:0;display:block;height:min(30%,10em);position:absolute;right:0;width:min(30%,10em);z-index:9} .fp1 a:hover + .plusWrap .plus, .fp2 a:hover + .plusWrap .plus, .fp3 a:hover + .plusWrap .plus,.fs a:hover + .plusWrap .plus, .subs a:hover + .plusWrap .plus{background:transparent}.plusWrap{bottom:var(--plusWrapCoin);flex-direction:column;position:absolute;right:var(--plusWrapCoin);z-index:2}.plus::after, .plus::before{background:#fff;height:1px;width:var(--plusLineWH)}.plus{aspect-ratio:1;background:hsla(0,0%,100%,.2);border:1px solid #fff;border-radius:50%;display:block;position:relative;transition:.3s ease-out;width:var(--plusBorderWH);z-index:2}.plus::after{transform:translate(-50%,-50%) rotate(90deg)}#setVideo{padding:clamp(64px,14vw,90px) 0}#videoBox{aspect-ratio:.5625;border-radius:10px;margin:0 auto;max-width:1010px;overflow:hidden;position:relative;width:100%}#videoBox video{display:block;width:100%}.videoBtn{aspect-ratio:1;background:#fff!important;border-radius:50%;cursor:pointer;transition:.3s ease-out;width:120px;z-index:5}.vPlaying .videoBtn{opacity:0;pointer-events:none}.videoBtn svg{aspect-ratio:31/29;margin-left:4px;width:22.41%}.videoBtn svg path{fill:none;stroke:#bdc9b6;stroke-width:1px}.fin{background:url(/photo/page/nojess/pickup/2512spring/footerbg-P.webp) 50%/cover no-repeat;-webkit-mask-image:linear-gradient(0deg,#000 80%,transparent);mask-image:linear-gradient(0deg,#000 80%,transparent);padding:215px 0 110px}.finV{margin:0 auto;max-width:700px;overflow:hidden;position:relative;width:100%}.finV video{aspect-ratio:414/276;display:block;width:100%}@media (width < 1000px){.cta ul{flex-direction:column;gap:25px}#setHand{height:103vw;top:58px}#setHandTtl span{display:block}.featSolo .txBox{margin-bottom:40px}.featPair{display:flex;flex-direction:column;gap:30px}.layoutC .fp1{margin:0 0 40px var(--espLR)} #set2 .fp2, #set3 .fp2, #set4 .fp2, #setVideo, .fin, .fs,.layoutC .fp3{margin-left:auto;margin-right:auto;padding-left:var(--espLR);padding-right:var(--espLR)} #set2 .fp2 .plusWrap, #set3 .fp2 .plusWrap, #set4 .fp2 .plusWrap, #setVideo .plusWrap, .fin .plusWrap, .fs .plusWrap,.layoutC .fp3 .plusWrap{right:calc(var(--espLR) + var(--plusWrapCoin))}}@media (768px <= width){.blobJ{height:65vw;top:-15%;width:75%}.blobR{right:12%;top:-2%}.spOnly{display:none!important}.prlSpanWrap .division{display:inline-block;margin-right:1em}.prologue{background:url(/photo/page/nojess/pickup/2512spring/prologue-L.webp) 50%/cover no-repeat}.intro{top:62%}.introTtl{font-size:20px;letter-spacing:.6em;text-align:center;text-indent:.6em}#setHand{top:0!important}#videoBox{aspect-ratio:1.7777621319}.fin{background-image:url(/photo/page/nojess/pickup/2512spring/footerbg-L.webp);margin-top:64px;padding:268px 0}.finV{margin-top:110px}}@media (1000px <= width){.mainContent{--heroTtTop:118px;--espLR:12.5%;--fs:14px;--txAlign:left;--tocGradTH:260px;--tocGradTmarT:-260px;--tocGradBH:200px;--tocGradTmarB:-200px;--plusWrapCoin:20px;--plusFS:20px;--handTtFs:min(1.5vw,135.71%)}.mainContent, .mainContent p{line-height:2}.introSldWrap{margin:0 auto;max-width:1200px;padding:0 55px}.swiper-wrapper{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.swiper-slide{padding:0 8px}.swPagination{display:none}.tocWrap{padding:64px 0}.layout0, .layoutA, .layoutB, .layoutC{margin:0 auto;max-width:1280px;padding-left:120px;padding-right:120px}.setDesc{width:100%}#set1 .txBox{display:flex;justify-content:space-between}#set1 .setDesc{width:min(49.23%,512px)}#set1 .setTtl{flex:1}#set1 .setTtlSvg{width:54.92%}#set2 .setTtlSvg{width:56.6%}#set3 .setTtlSvg{width:55.19%}#set4 .setTtlSvg{width:50%}#set5 .setTtlSvg{width:69.81%}#setHandTtl span{display:inline-block;margin:0 .5em}.txBox{margin:55px 0}.fp1 img, .fp2 img{display:block;height:auto;width:100%}.featPair{align-items:start;-moz-column-gap:5.8%;column-gap:5.8%;display:grid;grid-template-rows:auto auto}.featPair .txBox{grid-area:txBox}.layoutA .featPair{grid-template-areas:"fp1 txBox" "fp1 fp2";grid-template-columns:1.32fr 1fr}.layoutB .featPair{grid-template-areas:"txBox fp1" "fp2 fp1";grid-template-columns:1fr 1.32fr}.layoutC .featPair{grid-template-areas:"txBox fp1" "fp3 fp1";grid-template-columns:1fr 1.32fr} .layoutA,.layoutB{padding-bottom:56px} .layoutA .fp2,.layoutB .fp2{margin-bottom:-56px}.layoutA .fp1{grid-area:fp1}.layoutA .fp2{grid-area:fp2}.layoutB .fp1{grid-area:fp1}.layoutB .fp2{grid-area:fp2}.layoutC .colR{grid-area:fp1}.layoutC .fp1{margin-bottom:60px}.layoutC .fp2{width:68.94%}.layoutC .fp3{grid-area:fp3;margin-top:-200px}}@media (width < 768px){.pcTbOnly{display:none!important}.prlSpanWrap .division{display:block}}