.cta ul{align-items:center;display:flex;justify-content:center}.hearts{inset:0;position:absolute}.secDesc1{left:50%;position:absolute;transform:translateX(-50%)}.cta a::after{position:absolute;top:50%;transform:translateY(-50%)} .secDesc,.secDesc1{text-align:justify} .cta ul,.introDesc{margin-left:auto;margin-right:auto} .cta a::after, .s4Video::after, .secImg1::after,.secImg::after{content:"";display:block}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0)}#introTt{filter:brightness(0)}.marquee img{filter:brightness(0) invert(1)}@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}.cta li:nth-child(1), .viewMore{font-family:"Outfit",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300}.mainContent{--sec1corner:10vw;--secPadHB:6em;--marqueeBgH:50vh;--marqueeMarT:46.5vh;--marqueeW:140vh;--marqueeGap:12vh;color:#666;margin-top:60px;min-width:320px}.mainContent, .mainContent div, .mainContent p{font-size:clamp(12px,1.2vw,14px);line-height:1.8}.mainContent button{background:none}.mainContent :where(img){display:block;transition:.5s ease-out}.mainContent :where(figure){margin:0}.mainContent a:link, .mainContent a:visited{color:#666}.mainContent a:hover{opacity:1}.viewMore{border-bottom:1px solid #777;display:inline-block;font-size:95%;letter-spacing:.03em;margin-top:.4em}.cta{background-color:#fff;margin-top:6em;padding:6em 0}.cta ul{gap:16px;max-width:688px;width:80%}.cta li{font-size:13px;letter-spacing:.01em;line-height:1;text-align:center;text-transform:uppercase;width:100%}.cta a{border:1px solid #999;display:block;padding:23px;position:relative;transition:.3s ease-out}.cta a::after{border:solid #999;border-width:1px 1px 0 0;height:10px;right:24px;transform:translateY(-50%) rotate(45deg);width:10px}.cta a, .cta a:visited{color:#666}.cta a:hover{background:#f8fafc}.s4Video a, .sec1inner, .secImg a{opacity:0;transform:translateY(2em);transition:1s ease-out}.act .s4Video a, .act .sec1inner, .act .secImg a, .s4Video .act a, .secImg .act a{opacity:1;transform:none}.heroIntro, .introInner{opacity:0;transition:1s cubic-bezier(.5,1,.9,1) 1s}.loaded .heroIntro, .loaded .introInner{opacity:1}.heroDecoTt li{transition:.5s linear 1.6s}.loaded .heroDecoTt li{-webkit-clip-path:inset(0)!important;clip-path:inset(0)!important}.heroDecoTt li.l2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:.5s linear 2.2s}.marqueeWrap{background:#dbe8f0;height:var(--marqueeBgH);overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:.5s ease-out;width:100%;z-index:-1}.s4InView .marqueeWrap{background-color:#eef3f3}.marquee{display:flex;gap:var(--marqueeGap);margin-top:var(--marqueeMarT)}.marquee img{flex-shrink:0;max-width:5000px;width:var(--marqueeW)}.subInView .marquee{animation:marquee 35s linear infinite both}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(var(--marqueeW)*-1 - var(--marqueeGap)))}}.secImg, .secImg1{container-type:inline-size;overflow:hidden}.secImg{aspect-ratio:1/1.25}.secImg [data-prx]{transform:translateY(calc(-25cqw*var(--prg)))}.secImg a{display:block}.s4Video{container-type:inline-size;transform:translateY(calc(18cqh*var(--prg)))}.s4Video a{display:block}.s23wrap{margin-top:calc(var(--marqueeMarT)*-.8);overflow:hidden}.hearts{display:flex;gap:5cqw;left:30cqw;pointer-events:none;top:40cqw;z-index:1}.hearts img{height:4.5em;opacity:0;width:4.5em;z-index:1;z-index:8}.heart1{transform:translate(40cqw,-60cqw) rotate(150deg);transition:opacity .8s ease-out .2s,transform 2.3s ease-out .2s}.heart2{margin-top:15cqw;transform:translate(60cqw,-40cqw) rotate(-150deg);transition:opacity .8s ease-out .4s,transform 2.3s ease-out .2s}.act .hearts{animation:anmFO .3s ease-out 2.4s both}.act .hearts img{opacity:1;transform:none}#sec3 .secInner{container-type:inline-size}#sec3 a{transition-delay:2.4s}@keyframes anmFO{0%{opacity:1}100%{opacity:0}}.heroIntro{container-type:inline-size;position:-webkit-sticky;position:sticky;top:0;z-index:-2}.heroImg img{max-height:100vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.heroDecoTt{position:absolute;z-index:2}.heroDecoTt img{width:100%}.introDesc{max-width:29em}.introDesc span{display:inline-block;white-space:nowrap}#sec1{background:#fff;margin:0;z-index:3}.sec1inner{padding:4vw}.secImg1{margin:0 auto;width:100%}.secDesc1{bottom:15vw;line-height:1.8;pointer-events:none;width:min(75%,500px);z-index:2}.sec{margin-top:var(--secPadHB);position:relative}#sec4{margin:2em 0 0}.s4Video{position:relative;z-index:5}.s4Video video{aspect-ratio:2/3;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center 70%;object-position:center 70%;width:100%} .s4Video,.secImg, .secImg1{position:relative} .s4Video::after, .secImg1::after,.secImg::after{background:url(/photo/page/nojess/pickup/2512newbasic/plus.svg) no-repeat 50%/cover;bottom:2em;height:2.2em;pointer-events:none;position:absolute;right:2em;width:2.2em;z-index:5}.secImg1::after{bottom:calc(var(--sec1corner) - 2vw);right:calc(var(--sec1corner) - 2vw)}@media (width >= 768px){.subInView .marquee{animation:marquee 70s linear infinite both}}@media (width >= 1000px){.heroDecoTt .l1{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.introInner{transition-delay:2.6s}.heroIntro{background-color:#dbe8f0}.heroIntroInner{display:flex;max-height:66cqw;max-width:1920px}.hero{margin-left:6cqw;width:44cqw}.heroDecoTt{height:100%;right:0;top:0;width:50cqw}.heroDecoTt li{left:0;position:absolute}.heroDecoTt .l1{bottom:3cqw;--actual-width:min(2.46575cqw,calc(4.88219vh - 0.14795cqw));left:calc(var(--actual-width)*-1 + 1px)}.heroDecoTt .l1 img{aspect-ratio:36/730;display:block;height:min(50cqw,99vh - 3cqw)}.heroDecoTt .l2{bottom:0}.heroDecoTt .l2 img{max-width:calc(99vh - 3cqw);width:50cqw}.introSp{display:none}.introPc{align-items:center;display:flex;flex:1;justify-content:center}.introInner{margin-left:-40px;width:min(50%,29em)}.sec1inner{padding:1.5em}.secDesc1{left:var(--sec1corner);top:var(--sec1corner);transform:none;width:min(25.78%,24em)}}@media (width < 1000px){.cta ul{flex-direction:column;gap:25px}.heroDecoTt .l1{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.heroIntroInner{transition:.3s ease-out}.subInView .heroIntroInner{opacity:0;pointer-events:none}.heroDecoTt{height:100%;left:0;top:6.07vw;width:calc(100% - 5vw)}.heroDecoTt .l1{align-items:center;display:flex;justify-content:space-between}.heroDecoTt .l1 img{margin-left:3.8vw;width:81vw}.heroDecoTt .l1::after{background:#fff;border-radius:50%;content:"";height:1vw;margin-right:2.6vw;width:1vw}.heroDecoTt .l2{position:absolute;right:5vw;top:85.4vw;transform:rotate(90deg);transform-origin:right bottom;width:89.1vw}.introSp{background-color:#dbe8f0;padding:4em 0;position:relative;z-index:2}.introPc{display:none}.introInner{margin:0 auto;width:80%}#introTt{display:none}}@media (768px <= width){.mainContent{--sec1corner:5vw;--secPadHB:5em;--marqueeBgH:50vh;--marqueeMarT:44vh;--marqueeW:230vh;--marqueeGap:12vh;margin-top:0}.secImg1 img{transform:scale(calc(1.1 + var(--prg)*-.1))}.subContWrap{background:#fff;position:relative;z-index:2}.subContInner{margin:0 auto;max-width:1200px}#sec2{margin-left:auto;margin-right:8.59%;width:46.88%}#sec3{container-type:inline-size;margin:-20cqw 0 0 8.59%;width:42.19%}.s4Video{margin:0 25.78% 0 auto;width:32.81%}#sec4 .secImg{margin:0 0 0 16.41%;width:42.19%}.secDesc{margin:2.5em auto 0;max-width:22em}#sec2 .secDesc{margin-right:2.5em}#sec3 .secDesc{margin-left:2.5em}}@media (width < 768px){.secImg1{aspect-ratio:2/3}.secImg1 img{transform:scale(calc(1.4 + var(--prg)*-.4))}.heroIntro{top:60px}#sec2{margin-left:12%}#sec3{margin-right:12%}#sec4 .secImg{margin:0 15% 3em 0}.s4Video{margin:0 0 0 auto;max-width:500px;width:70%}.secDesc{margin:2.5em auto 0;padding:0 10%}}@media (1000px <= width){#sec4 .secDesc{bottom:0;position:absolute;right:10%}}@media (hover:hover) and (pointer:fine){ .s4Video,.secImg [data-prx], .secImg1 [data-prx]{transition:.6s cubic-bezier(.3,1,.7,1)}}