.tf-lp p,.tf-lp h1,.tf-lp h2,.tf-lp h3{font-family:inherit;letter-spacing:inherit;line-height:inherit}.tf-lp span,.tf-lp b,.tf-lp strong,.tf-lp a{letter-spacing:inherit}.tf-lp b,.tf-lp strong{font-weight:700}.tf-lp{--blue: var(--base-link-color, #0072bf);--ink: var(--base-main-color, #333333);--text: var(--base-main-color, #333333);--muted: #999999;--line: #cccccc;--bg-white: #ffffff;--bg-gray: #EDE9E9;--bg-soft: #F8F5F4;--bg-mid: #F1EEED;--font-jp: var(--font-hiragino-w3, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Helvetica, Meiryo, "MS PGothic", sans-serif);--font-jp-bold: var(--font-hiragino-w6, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Helvetica, Meiryo, "MS PGothic", sans-serif);--font-head: "Oswald", var(--font-jp-bold);--w-text: 640px;--w-wide: 1040px;--gutter: 24px;--sec-pad: 72px;font-family:var(--font-jp);color:var(--text);font-size:14px;line-height:2;letter-spacing:.08em;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.tf-lp *,.tf-lp *:before,.tf-lp *:after{box-sizing:border-box}.tf-lp img{max-width:100%;height:auto;display:block}.tf-lp p{margin:0 0 1.4em}.tf-lp p:last-child{margin-bottom:0}.tf-lp a{color:inherit;text-decoration:none}.tf-lp .blue{color:var(--blue)}.tf-lp ruby rt{font-family:var(--font-jp);font-size:10px;letter-spacing:.15em;font-weight:400;color:var(--ink)}.tf-lp .pc{display:none}.tf-lp .inner{width:100%;max-width:calc(var(--w-text) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter);position:relative}.tf-lp .inner.wide{max-width:calc(var(--w-wide) + var(--gutter) * 2)}.tf-lp .h-xl,.tf-lp .h-lg{font-family:var(--font-head);color:var(--ink);font-weight:600;margin:0;letter-spacing:.06em}.tf-lp .h-xl{font-size:30px;line-height:1.6}.tf-lp .h-lg{font-size:28px;line-height:1.55}.tf-lp .wave-wrap{line-height:0}.tf-lp .wave{display:block;width:100%;height:56px}.tf-lp .btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:176px;padding:12px 22px;border-radius:999px;background:#fff;border:1.5px solid var(--blue);color:var(--ink);font-family:var(--font-jp-bold);font-weight:700;font-size:12px;letter-spacing:.12em;line-height:1.4;box-shadow:4px 6px 10px #00000029;transition:transform .2s,box-shadow .2s}.tf-lp .btn-pill svg,.tf-lp .btn-round svg{flex:none;color:var(--blue)}.tf-lp .btn-solid{display:block;width:100%;max-width:360px;margin:0 auto;padding:16px 24px;border-radius:999px;background:var(--blue);color:#fff!important;text-align:center;font-family:var(--font-jp-bold);font-weight:700;font-size:14px;letter-spacing:.2em;line-height:1.5;transition:opacity .2s}.tf-lp a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(hover:hover){.tf-lp .btn-pill:hover{transform:translateY(2px);box-shadow:2px 3px 6px #00000029}.tf-lp .btn-solid:hover{opacity:.85}.tf-lp .btn-round:hover{box-shadow:2px 4px 8px #00000029}}.tf-lp .btn-round{position:absolute;z-index:3;width:84px;height:84px;border-radius:50%;background:#fff;box-shadow:4px 8px 16px #00000024;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:9px;letter-spacing:.22em;line-height:1;transition:box-shadow .2s}.tf-lp .btn-round img{width:32%}.tf-lp .btn-round .jp{margin-top:4px;font-family:var(--font-jp-bold);font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.06em;color:var(--ink);text-align:center}.tf-lp .btn-round .en{margin:2px 0 1px;font-size:8px;letter-spacing:.18em;color:var(--muted)}.tf-lp .hero{background:var(--bg-white);padding:56px 0 24px;text-align:center}.tf-lp .hero .h-xl rt{font-size:11px}.tf-lp .hero .lead{margin:16px 0 0;font-size:clamp(11px,3.3vw,13px);letter-spacing:.02em}.tf-lp .stage{position:relative;width:100%;max-width:420px;aspect-ratio:100 / 155;margin:20px auto 0}.tf-lp .stage .to{position:absolute;left:22%;top:1%;width:56%}.tf-lp .stage .fro{position:absolute;right:6%;top:61.5%;width:40%}.tf-lp .stage .go-to{position:absolute;left:50%;top:46.5%;transform:translate(-50%);z-index:4}.tf-lp .stage .go-fro{position:absolute;right:26%;top:90%;transform:translate(50%);z-index:4}.tf-lp .stage .r-travel{left:0;top:21%}.tf-lp .stage .r-light{right:0;top:31%}.tf-lp .stage .r-items{left:7%;top:69%}.tf-lp .credit-s{margin:28px 0 0;font-size:10px;color:var(--muted);letter-spacing:.1em}.tf-lp .sec-to{background:var(--bg-gray);padding:8px 0 var(--sec-pad)}.tf-lp .sec-fro{background:var(--bg-soft);padding:8px 0 var(--sec-pad)}.tf-lp .chara{display:grid;grid-template-areas:"head" "fig" "body"}.tf-lp .chara-head{grid-area:head}.tf-lp .chara-fig{grid-area:fig;position:relative;margin:32px 0 28px}.tf-lp .chara-body{grid-area:body}.tf-lp .sec-fro .chara-head{text-align:right}.tf-lp .chara-fig .to-img{width:62%;max-width:300px;margin:0 auto}.tf-lp .chara-fig .fro-img{width:46%;max-width:220px;margin:0 0 0 10%}.tf-lp .name-tag{position:absolute;right:0;bottom:20%}.tf-lp .sec-fro .name-tag{bottom:48%}.tf-lp .name-tag small{display:block;color:var(--blue);font-size:10px;letter-spacing:.3em;line-height:1.6;padding-left:10px}.tf-lp .name-tag div{background:#fff;border-radius:999px;padding:8px 34px 5px;color:var(--ink);text-align:center;font-family:var(--font-head);font-weight:600;font-size:15px;letter-spacing:.2em;line-height:1;display:flex;justify-content:center;align-items:center}.tf-lp .name-tag ruby{display:inline-flex;flex-direction:column-reverse;align-items:center;line-height:1}.tf-lp .name-tag rt{display:block;line-height:1;margin-bottom:3px;padding-left:.15em}.tf-lp .rule{border:0;border-top:1px solid var(--line);margin:40px 0}.tf-lp .split{display:grid;grid-template-columns:42% 1fr;gap:18px;align-items:center}.tf-lp .split.rev{grid-template-columns:1fr 42%}.tf-lp .trait{--c-social: #E3F08A;--c-new: #C9A3D6;--c-solo: var(--base-link-color, #0072bf);--c-active: #F4A46A;--c-try: #6FBCBF;position:relative;container-type:inline-size;width:calc(100% + var(--gutter) * 2);margin:40px calc(var(--gutter) * -1) 0;aspect-ratio:480 / 630}.tf-lp .trait-plate{position:absolute;z-index:2;left:0;top:0;width:83%;height:46%;background:linear-gradient(180deg,#fff0,#ffffffb3 45%,#fff 82%);border-bottom-right-radius:100%;box-shadow:0 4px #a0aabe38}.tf-lp .trait-plate:before{content:none}.tf-lp .trait .dot{--s: 14.5cqw;position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink);font-family:var(--font-jp-bold);font-weight:700;font-size:max(12.5px,3cqw);line-height:1.3;letter-spacing:.04em;border:1px solid rgba(0,0,0,.12);animation:tf-drift var(--dur, 5s) ease-in-out var(--delay, 0s) infinite}.tf-lp .trait .dot>span{display:block;transform:rotate(var(--tilt, 0deg))}.tf-lp .d-try{--x: 60.6%;--y: 9.8%;background:var(--c-try);--dur: 5.4s;--delay: -3s;--dx: 3px;--dy: -8px;--tilt: 8deg}.tf-lp .d-new{--x: 28%;--y: 24.5%;background:var(--c-new);--dur: 4.6s;--delay: -1.2s;--dx: -3px;--dy: -7px}.tf-lp .d-social{--x: 13.5%;--y: 34.5%;background:var(--c-social);--dur: 5.2s;--dx: 3px;--dy: -6px}.tf-lp .d-active{--x: 48%;--y: 28.5%;background:var(--c-active);--dur: 4.8s;--delay: -.6s;--dx: -4px;--dy: -6px;--tilt: 32deg}.tf-lp .d-solo{--x: 44.5%;--y: 41.5%;background:var(--c-solo);--dur: 5.8s;--delay: -2.4s;--dx: 4px;--dy: -5px}.tf-lp .trait .d-solo{color:#fff}.tf-lp .trait .d-tidy{--x: 21%;--y: 49%;z-index:1;background:#fff;--tilt: -14deg;animation:tf-slip 4.4s ease-in-out infinite;transform-origin:70% 0%}.tf-lp .nigate{position:absolute;left:6%;top:56.5%;font-size:max(11px,2.8cqw);letter-spacing:.1em;color:var(--ink);transform:rotate(-24deg);line-height:1}.tf-lp .trait-to{position:absolute;z-index:4;left:47.5%;top:57%;width:49.4%}.tf-lp .trait-text{margin-top:24px}@keyframes tf-drift{0%,to{transform:translate(0)}50%{transform:translate(var(--dx, 3px),var(--dy, -6px))}}@keyframes tf-slip{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-8deg) translateY(4px)}}@media(prefers-reduced-motion:reduce){.tf-lp .trait .dot{animation:none}}.tf-lp .trait.fro{aspect-ratio:480 / 640;--c-hex: #6B7290}.tf-lp .fro-sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;filter:drop-shadow(0 3px 0 rgba(160,180,200,.35));pointer-events:none}.tf-lp .fro-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#fff0 18%,#ffffffbf,#fff 78%);clip-path:polygon(8% 0%,100% 0%,100% 37.5%,87.5% 44.5%,30.2% 29.7%)}.tf-lp .trait .hex{--s: 14cqw;position:absolute;z-index:3;left:var(--x);top:var(--y);width:var(--s);height:calc(var(--s) * .87);margin:calc(var(--s) * -.435) 0 0 calc(var(--s) / -2);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--c-hex);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-jp-bold);font-weight:700;font-size:max(12.5px,2.9cqw);line-height:1.35;letter-spacing:.1em;animation:tf-drift var(--dur, 6s) ease-in-out var(--delay, 0s) infinite}.tf-lp .h-quiet{--x: 43.8%;--y: 7.8%;--dur: 6.4s;--dx: 3px;--dy: -7px}.tf-lp .h-analy{--x: 67%;--y: 19%;--dur: 7s;--delay: -1.5s;--dx: -5px;--dy: -6px}.tf-lp .h-sport{--x: 79.5%;--y: 26%;--dur: 5.6s;--delay: -.8s;--dx: -6px;--dy: -8px}.tf-lp .h-old{--x: 91%;--y: 17.5%;--dur: 7.4s;--delay: -2.2s;--dx: 4px;--dy: -7px}.tf-lp .h-clean{--x: 49%;--y: 31%;--dur: 6.8s;--delay: -3s;--dx: 6px;--dy: -4px}.tf-lp .trait .h-self{--x: 84%;--y: 47%;z-index:1;transform:rotate(-30deg);animation:tf-roll 5s ease-in-out infinite}.tf-lp .h-self>span{display:block}.tf-lp .nigate.fro-ng{left:60%;top:46.5%;transform:rotate(-30deg)}.tf-lp .trait-fro{position:absolute;z-index:4;left:14.6%;top:57.8%;width:45.8%}@keyframes tf-roll{0%,to{transform:rotate(-30deg) translate(0)}50%{transform:rotate(-38deg) translate(-2px,4px)}}@media(prefers-reduced-motion:reduce){.tf-lp .trait .hex{animation:none;transform:none}.tf-lp .trait .h-self{transform:rotate(-30deg)}}@media(min-width:768px){.tf-lp .trait{width:min(100vw,1440px);max-width:none;margin:56px 0 0 calc(50% - min(50vw,720px));aspect-ratio:1300 / 840}.tf-lp .trait-plate{width:63%;height:52%}.tf-lp .trait-plate:before{content:"";position:absolute;right:100%;top:0;width:100vw;height:100%;background:linear-gradient(180deg,#fff0,#ffffffb3 45%,#fff 82%);box-shadow:0 4px #a0aabe38}.tf-lp .trait .dot{--s: 8.8cqw;font-size:max(13px,1.75cqw)}.tf-lp .d-try{--x: 48.5%;--y: 7.4%}.tf-lp .d-new{--x: 16.3%;--y: 17.6%}.tf-lp .d-social{--x: 8.3%;--y: 28.5%}.tf-lp .d-active{--x: 30.2%;--y: 29.5%}.tf-lp .d-solo{--x: 34%;--y: 42.5%}.tf-lp .trait .d-tidy{--x: 15.4%;--y: 55%}.tf-lp .nigate{left:3%;top:61%;font-size:max(12px,1.6cqw)}.tf-lp .trait-to{left:57.7%;top:38.7%;width:34.2%}.tf-lp .trait-text{max-width:560px;margin:32px auto 0}.tf-lp .trait.fro{aspect-ratio:1300 / 630}.tf-lp .fro-sheet{background:linear-gradient(165deg,#fff0 22%,#ffffffbf 50%,#fff 80%);clip-path:polygon(33% 0%,100% 0%,100% 60%,81% 82%,50% 48%)}.tf-lp .trait .hex{--s: 9.1cqw;font-size:max(13px,1.8cqw)}.tf-lp .h-quiet{--x: 58.8%;--y: 9.5%}.tf-lp .h-analy{--x: 75%;--y: 24.6%}.tf-lp .h-sport{--x: 82.8%;--y: 34%}.tf-lp .h-old{--x: 90%;--y: 20.5%}.tf-lp .h-clean{--x: 64.6%;--y: 47%}.tf-lp .trait .h-self{--x: 86.5%;--y: 88%}.tf-lp .nigate.fro-ng{left:72.5%;top:84%;font-size:max(12px,1.6cqw)}.tf-lp .trait-fro{left:11.9%;top:38.5%;width:26.5%}}.tf-lp .trait .dot{--s: 18cqw;font-size:max(13px,3.6cqw)}.tf-lp .d-try{--x: 66%;--y: 9%}.tf-lp .d-new{--x: 30%;--y: 13%}.tf-lp .d-social{--x: 11%;--y: 27%}.tf-lp .d-active{--x: 47%;--y: 22%}.tf-lp .d-solo{--x: 33%;--y: 32%}.tf-lp .trait .d-tidy{--x: 19%;--y: 50%}.tf-lp .nigate{left:4%;top:59%;font-size:max(12px,3.2cqw)}.tf-lp .trait .hex{--s: 17cqw;font-size:max(13px,3.3cqw)}.tf-lp .fro-sheet{clip-path:polygon(20% 0%,100% 0%,100% 36%,88% 43%,34% 32%)}.tf-lp .h-quiet{--x: 48cqw;--y: 15cqw}.tf-lp .h-clean{--x: 48cqw;--y: 30.8cqw}.tf-lp .h-analy{--x: 62.9cqw;--y: 22.9cqw}.tf-lp .h-old{--x: 62.9cqw;--y: 38.7cqw}.tf-lp .h-sport{--x: 77.75cqw;--y: 30.8cqw}.tf-lp .trait .h-self{--x: 86%;--y: 45%}.tf-lp .nigate.fro-ng{left:63%;top:44.5%}@media(min-width:768px){.tf-lp .trait .dot{--s: 11.5cqw;font-size:max(14px,2.25cqw)}.tf-lp .d-try{--x: 52%;--y: 12%}.tf-lp .d-new{--x: 13%;--y: 16%}.tf-lp .d-social{--x: 8%;--y: 34%}.tf-lp .d-active{--x: 28%;--y: 16%}.tf-lp .d-solo{--x: 36%;--y: 32%}.tf-lp .trait .d-tidy{--x: 16%;--y: 58%}.tf-lp .nigate{left:2.5%;top:64%;font-size:max(13px,1.9cqw)}.tf-lp .trait .hex{--s: 11cqw;font-size:max(13px,2.1cqw)}.tf-lp .trait.fro{aspect-ratio:1300 / 820}.tf-lp .fro-sheet{clip-path:polygon(50% 0%,100% 0%,100% 50%,86% 61%,55% 48%)}.tf-lp .h-quiet{--x: 64cqw;--y: 13cqw}.tf-lp .h-clean{--x: 64cqw;--y: 23.2cqw}.tf-lp .h-analy{--x: 73.6cqw;--y: 18.1cqw}.tf-lp .h-old{--x: 73.6cqw;--y: 28.3cqw}.tf-lp .h-sport{--x: 83.25cqw;--y: 23.2cqw}.tf-lp .trait .h-self{--x: 88%;--y: 62%}.tf-lp .nigate.fro-ng{left:76%;top:61%;font-size:max(13px,1.9cqw)}.tf-lp .trait{width:min(100vw,1100px);margin-left:calc(50% - min(50vw,550px))}.tf-lp .trait-plate:before{content:none}.tf-lp .trait-plate{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}.tf-lp .fro-sheet-wrap{-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 24%);mask-image:linear-gradient(270deg,transparent 0%,#000 24%)}}.tf-lp .trait .hex:not(.h-self){--dur: 6s;--delay: 0s;--dx: 0px;--dy: -5px}.tf-lp .trait-to{left:40%;top:52%;width:58%}.tf-lp .trait-fro{left:10%;top:57.5%;width:51%}@media(min-width:768px){.tf-lp .trait-to{left:55%;top:33%;width:min(418px,52cqw)}.tf-lp .trait-fro{left:9%;top:40%;width:min(367px,46cqw)}}.tf-lp .fro-sheet{background:linear-gradient(160deg,#fff0,#ffffffd9 22%,#fff 40%)}@media(min-width:768px){.tf-lp .fro-sheet{background:linear-gradient(165deg,#fff0,#ffffffd9 26%,#fff 42%)}.tf-lp .fro-sheet-wrap{-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 8%);mask-image:linear-gradient(270deg,transparent 0%,#000 8%)}}.tf-lp .trait-plate{width:70.5%;height:39%}.tf-lp .trait .dot{--s: 15.3cqw;font-size:max(11.5px,3.05cqw)}.tf-lp .d-try{--x: 56.1%;--y: 7.65%}.tf-lp .d-new{--x: 25.5%;--y: 11.05%}.tf-lp .d-social{--x: 9.35%;--y: 22.95%}.tf-lp .d-active{--x: 39.95%;--y: 18.7%}.tf-lp .d-solo{--x: 28.05%;--y: 27.2%}.tf-lp .trait .d-tidy{--x: 16.15%;--y: 42.5%}.tf-lp .nigate{left:3.4%;top:50%;font-size:max(11px,2.7cqw)}.tf-lp .fro-sheet{clip-path:polygon(32% 0%,100% 0%,100% 30.6%,89.8% 36.55%,43.9% 27.2%)}.tf-lp .trait .hex{--s: 14.45cqw;font-size:max(11.5px,2.8cqw)}.tf-lp .h-quiet{--x: 55.8cqw;--y: 12.75cqw}.tf-lp .h-clean{--x: 55.8cqw;--y: 26.18cqw}.tf-lp .h-analy{--x: 68.5cqw;--y: 19.47cqw}.tf-lp .h-old{--x: 68.5cqw;--y: 32.9cqw}.tf-lp .h-sport{--x: 81.1cqw;--y: 26.18cqw}.tf-lp .trait .h-self{--x: 88.1%;--y: 38.25%}.tf-lp .nigate.fro-ng{left:68.5%;top:37.8%}.tf-lp .trait-to{top:46%}.tf-lp .trait-fro{top:47%}@media(min-width:768px){.tf-lp .trait-to{top:33%}.tf-lp .trait-fro{top:40%}.tf-lp .trait-plate{width:53.5%;height:44.2%}.tf-lp .trait .dot{--s: 9.8cqw;font-size:max(12px,1.9cqw)}.tf-lp .d-try{--x: 44.2%;--y: 10.2%}.tf-lp .d-new{--x: 11.05%;--y: 13.6%}.tf-lp .d-social{--x: 6.8%;--y: 28.9%}.tf-lp .d-active{--x: 23.8%;--y: 13.6%}.tf-lp .d-solo{--x: 30.6%;--y: 27.2%}.tf-lp .trait .d-tidy{--x: 13.6%;--y: 49.3%}.tf-lp .nigate{left:2.1%;top:54.4%;font-size:max(12px,1.6cqw)}.tf-lp .fro-sheet{clip-path:polygon(57.5% 0%,100% 0%,100% 42.5%,88.1% 51.85%,61.75% 40.8%)}.tf-lp .trait .hex{--s: 9.35cqw;font-size:max(12px,1.8cqw)}.tf-lp .h-quiet{--x: 69.4cqw;--y: 11.05cqw}.tf-lp .h-clean{--x: 69.4cqw;--y: 19.72cqw}.tf-lp .h-analy{--x: 77.56cqw;--y: 15.39cqw}.tf-lp .h-old{--x: 77.56cqw;--y: 24.06cqw}.tf-lp .h-sport{--x: 85.76cqw;--y: 19.72cqw}.tf-lp .trait .h-self{--x: 89.8%;--y: 54.5%}.tf-lp .nigate.fro-ng{left:79.6%;top:53.5%;font-size:max(12px,1.6cqw)}}.tf-lp .trait{aspect-ratio:480 / 580}.tf-lp .trait-plate{height:42.4%}.tf-lp .d-try{--y: 8.3%}.tf-lp .d-new{--y: 12%}.tf-lp .d-social{--y: 24.9%}.tf-lp .d-active{--y: 20.3%}.tf-lp .d-solo{--y: 29.5%}.tf-lp .trait .d-tidy{--y: 46.2%}.tf-lp .nigate{top:54.3%}.tf-lp .trait-to{left:44%;top:50%;width:49.3%}.tf-lp .trait.fro{aspect-ratio:480 / 580}.tf-lp .fro-sheet{clip-path:polygon(32% 0%,100% 0%,100% 33.8%,89.8% 40.3%,43.9% 30%)}.tf-lp .trait .h-self{--y: 44%}.tf-lp .nigate.fro-ng{top:43.3%}.tf-lp .trait-fro{left:12%;top:52%;width:43.4%}@media(min-width:768px){.tf-lp .trait{aspect-ratio:1300 / 760}.tf-lp .trait-plate{height:48.85%}.tf-lp .d-try{--y: 11.3%}.tf-lp .d-new{--y: 15%}.tf-lp .d-social{--y: 31.9%}.tf-lp .d-active{--y: 15%}.tf-lp .d-solo{--y: 30.1%}.tf-lp .trait .d-tidy{--y: 54.5%}.tf-lp .nigate{top:60.1%}.tf-lp .trait-to{left:57%;top:36.5%;width:min(355px,44cqw)}.tf-lp .trait.fro{aspect-ratio:1300 / 740}.tf-lp .fro-sheet{clip-path:polygon(57.5% 0%,100% 0%,100% 47.1%,88.1% 57.45%,61.75% 45.2%)}.tf-lp .trait .h-self{--y: 60.4%}.tf-lp .nigate.fro-ng{top:59.3%}.tf-lp .trait-fro{left:11%;top:44.3%;width:min(312px,39cqw)}}.tf-lp .fro-sheet{background:linear-gradient(180deg,#fff0,#ffffffb3 17%,#fff 31%)}@media(min-width:768px){.tf-lp .fro-sheet{background:linear-gradient(180deg,#fff0,#ffffffb3 24%,#fff 42%)}}.tf-lp .ff{--sec-bg: var(--bg-gray);max-width:560px;margin:48px auto 0;perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.tf-lp .sec-fro .ff{--sec-bg: var(--bg-soft)}.tf-lp .ff:focus-visible .ff-face{outline:3px solid var(--blue);outline-offset:3px}.tf-lp .ff-in{position:relative;height:172px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.tf-lp .ff.open .ff-in{transform:rotateY(180deg)}.tf-lp .ff:not(.open){animation:tf-nudge 4s ease-in-out 1.2s infinite}.tf-lp .ff-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:28px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 20px;font-size:13px;line-height:1.9}.tf-lp .ff-lbl{display:block;color:var(--blue);font-size:10px;letter-spacing:.35em;margin-bottom:4px;font-family:var(--font-jp-bold);font-weight:700}.tf-lp .ff-front{border-top-right-radius:0}.tf-lp .ff-front:before{content:"";position:absolute;top:0;right:0;width:34px;height:34px;border-bottom-left-radius:10px;background:linear-gradient(225deg,var(--sec-bg) 50%,#dbe7f1 50%);box-shadow:-2px 2px 3px #00000014}.tf-lp .ff-btn{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-top:10px;border-radius:50%;background:var(--blue);color:#fff}.tf-lp .ff-btn:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--blue);opacity:0;animation:tf-ping 2s ease-out infinite}.tf-lp .ff-btn svg{animation:tf-tap 1.4s ease-in-out infinite;transform-origin:50% 100%}.tf-lp .ff-back{transform:rotateY(180deg);background:var(--blue);color:#fff;justify-content:flex-start;padding-top:28px}.tf-lp .ff-back .ff-lbl{color:#fff;opacity:.75}.tf-lp .ff-a{font-family:var(--font-jp-bold);font-weight:700;font-size:17px;line-height:1.7;letter-spacing:.1em}.tf-lp .ff-mini{position:absolute;left:0;bottom:12px;width:52px;opacity:0;pointer-events:none}.tf-lp .ff-fro .ff-mini{width:46px;bottom:14px}.tf-lp .ff-to.open .ff-mini{animation:tf-to-trip 4.2s cubic-bezier(.35,.1,.3,1) .65s forwards,tf-to-float 2.6s ease-in-out 4.9s infinite}@keyframes tf-nudge{0%,80%,to{transform:perspective(900px) rotateY(0)}86%{transform:perspective(900px) rotateY(-14deg)}92%{transform:perspective(900px) rotateY(6deg)}}@keyframes tf-ping{0%{opacity:.6;transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}@keyframes tf-tap{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1)}55%{transform:translateY(0) scale(.9)}}@keyframes tf-to-trip{0%{opacity:1;transform:translate(-50px)}30%{transform:translate(80px,-10px)}60%{transform:translate(170px,4px)}to{opacity:1;transform:translate(calc(var(--w) - 76px),-6px)}}@keyframes tf-to-float{0%,to{opacity:1;transform:translate(calc(var(--w) - 76px),-6px)}50%{opacity:1;transform:translate(calc(var(--w) - 76px),-12px)}}@media(prefers-reduced-motion:reduce){.tf-lp .ff-in{transition:none}.tf-lp .ff:not(.open),.tf-lp .ff-btn:after,.tf-lp .ff-btn svg{animation:none}.tf-lp .ff-to.open .ff-mini{animation:none;opacity:1;transform:translate(calc(var(--w) - 76px),-6px)}}.tf-lp .ff-fro.open .ff-mini{animation:tfB-show 0s .65s forwards,tfB-settle .7s cubic-bezier(.3,.7,.4,1) .65s both}@keyframes tfB-show{to{opacity:1}}@keyframes tfB-settle{0%{transform:translate(calc(var(--w) - 62px),-16px)}60%{transform:translate(calc(var(--w) - 62px),2px)}to{transform:translate(calc(var(--w) - 62px))}}.tf-lp .ff-spiral{position:absolute;right:74px;bottom:22px;width:36px;height:36px;overflow:visible;pointer-events:none;transform-origin:50% 50%}.tf-lp .ff-spiral .spiral-line{fill:none;stroke:#fffffff2;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.tf-lp .ff-fro.open .ff-spiral .spiral-line{animation:tfB-draw 1.3s ease-in-out 1.3s forwards}.tf-lp .ff-fro.open .ff-spiral{animation:tfB-spin 1.8s cubic-bezier(.5,0,.3,1) 2.5s forwards}@keyframes tfB-draw{to{stroke-dashoffset:0}}@keyframes tfB-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(-720deg) scale(.82)}}@media(prefers-reduced-motion:reduce){.tf-lp .ff-fro.open .ff-mini{animation:none;opacity:1;transform:translate(calc(var(--w) - 62px))}.tf-lp .ff-fro.open .ff-spiral{animation:none}.tf-lp .ff-fro.open .ff-spiral .spiral-line{animation:none;stroke-dashoffset:0}}.tf-lp .sec-tabi{background:var(--bg-white);padding:8px 0 var(--sec-pad)}.tf-lp .sec-tabi .h-lg{margin-bottom:24px}.tf-lp .tabi-row{display:grid;grid-template-areas:"lead" "photos" "cap";margin-top:48px}.tf-lp .tabi-row .lead-t{grid-area:lead;margin:0 0 16px}.tf-lp .tabi-row .photos{grid-area:photos;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-lp .tabi-row .cap{grid-area:cap;margin:16px 0 0}.tf-lp .tabi-row.rev .cap{text-align:right}.tf-lp .photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.tf-lp .lead-t.lead-to,.tf-lp .lead-t.lead-fro{position:relative}.tf-lp .tabi-thread{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none}.tf-lp .tabi-thread path{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.tf-lp .lead-to{padding-top:104px;text-align:right}.tf-lp .lead-to .tabi-thread{height:96px}.tf-lp .lead-to .tabi-ch{position:absolute;left:0;top:0;width:76px}.tf-lp .lead-to p,.tf-lp .lead-fro p{margin:0}.tf-lp .lead-fro{padding-top:96px}.tf-lp .lead-fro .tabi-thread{height:100px}.tf-lp .fro-row{display:flex;align-items:flex-end;gap:14px}.tf-lp .tabi-ground{flex:none;position:relative;padding:0 8px 3px}.tf-lp .tabi-ground:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--line);opacity:.6}.tf-lp .lead-fro .tabi-ch{width:50px}.tf-lp .tabi-close{margin-top:56px}.tf-lp .sec-tabi .cta{text-align:center;margin-top:40px}.tf-lp .sec-brand{background:var(--bg-mid);padding:8px 0 0}.tf-lp .sec-brand .h-lg{margin-bottom:36px}.tf-lp .origin{display:grid;gap:8px}.tf-lp .origin-pair{position:relative;width:100%;max-width:420px;aspect-ratio:342 / 200;margin:0 auto 28px}.tf-lp .origin-pair .ph{position:absolute;top:0;width:52%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:6px solid #fff}.tf-lp .origin-pair .ch{position:absolute}.tf-lp .origin-pair.l .ph{left:0}.tf-lp .origin-pair.l .ch{right:2%;top:14%;width:32%}.tf-lp .origin-pair.r .ph{right:0}.tf-lp .origin-pair.r .ch{left:6%;top:6%;width:27%}.tf-lp .thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tf-lp .thread path,.tf-lp .thread-down path{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.tf-lp .origin-pair .word{position:absolute;font-family:var(--font-jp-bold);font-weight:700;font-size:12px;letter-spacing:.15em;color:var(--blue);background:var(--bg-mid);padding:0 6px;line-height:1.6}.tf-lp .origin-pair.l .word{left:57%;top:86%}.tf-lp .origin-pair.r .word{left:24%;top:88%}.tf-lp .origin-lead{margin:16px 0 0}.tf-lp .origin-pay{text-align:center}.tf-lp .thread-down{display:block;margin:12px auto 4px}.tf-lp .origin-pay p{font-family:var(--font-jp-bold);font-weight:700;font-size:16px;line-height:2.1;letter-spacing:.1em;color:var(--ink);padding-bottom:0}.tf-lp .mk{background:linear-gradient(transparent 62%,#a9c9e3 62%);padding:0 2px}.tf-lp .uline{color:var(--blue);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.tf-lp .sky-zone{background:linear-gradient(180deg,var(--bg-mid) 0%,#D9E7F2 30%,#9CC0DC 100%);padding:0 0 56px;text-align:center}.tf-lp .sky-zone .thread-down{margin:0 auto}.tf-lp .sky-t1,.tf-lp .sky-t2{margin:0;font-size:14px;line-height:2.1;color:var(--ink)}.tf-lp .sky-t1{padding:12px 0}.tf-lp .sky-zone .em{font-family:var(--font-jp-bold);font-weight:700}.tf-lp .sky-t2 .em{color:var(--blue)}.tf-lp .sky-circle{width:84%;max-width:480px;aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;border:8px solid rgba(255,255,255,.85)}.tf-lp .sky-circle img{width:100%;height:100%;object-fit:cover;object-position:40% center}.tf-lp .sky-t2{padding-top:28px}.tf-lp .sec-goods{background:var(--bg-soft);padding:8px 0 var(--sec-pad);text-align:center}.tf-lp .sec-goods .h-lg{margin-bottom:20px}.tf-lp .goods-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:36px calc(var(--gutter) * -1) 0;padding:4px var(--gutter) 8px;scrollbar-width:none;text-align:left}.tf-lp .goods-rail::-webkit-scrollbar{display:none}.tf-lp .g-card{flex:0 0 78%;scroll-snap-align:center;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.tf-lp .g-ph{width:100%;aspect-ratio:1;object-fit:contain;padding:14px}.tf-lp .g-body{padding:4px 18px 20px;display:flex;flex-direction:column;flex:1}.tf-lp .g-no{margin:0;font-family:var(--font-head);font-size:11px;color:var(--blue);letter-spacing:.25em}.tf-lp .g-nm{margin:2px 0 6px;font-family:var(--font-jp-bold);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--ink);line-height:1.6}.tf-lp .g-ds{margin:0 0 16px;font-size:13px;line-height:1.9}.tf-lp .btn-line{display:block;margin-top:auto;padding:12px 16px;border-radius:999px;text-align:center;background:#fff;border:1.5px solid var(--blue);color:var(--blue)!important;font-family:var(--font-jp-bold);font-weight:700;font-size:13px;letter-spacing:.15em;line-height:1.5;transition:background .2s,color .2s}@media(hover:hover){.tf-lp .btn-line:hover{background:var(--blue);color:#fff!important}}.tf-lp .g-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.tf-lp .g-dots{display:flex;justify-content:center;gap:8px}.tf-lp .g-arrow{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;padding:0;background:#fff;border:1.5px solid var(--blue);color:var(--blue);cursor:pointer;transition:opacity .2s,background .2s,color .2s}.tf-lp .g-arrow:disabled{opacity:.3;cursor:default}@media(hover:hover){.tf-lp .g-arrow:not(:disabled):hover{background:var(--blue);color:#fff}}.tf-lp .g-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .2s}.tf-lp .g-dots i.on{background:var(--blue)}.tf-lp .g-hint{margin:4px 0 32px;font-size:11px;color:var(--muted);letter-spacing:.2em}.tf-lp .credit{margin-top:40px;font-size:11px;color:var(--muted);line-height:1.8}.tf-lp .credit p{margin:0}.tf-lp .tf-totop{position:fixed;z-index:50;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:40px;height:40px;border-radius:50%;background:#ffffff8c;color:var(--blue);border:1.5px solid rgba(0,114,191,.6);box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--font-head);font-size:8px;letter-spacing:.12em;line-height:1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s}.tf-lp .tf-totop.show{opacity:.85;visibility:visible;transform:none}.tf-lp .tf-totop.show:focus-visible{opacity:1}@media(hover:hover){.tf-lp .tf-totop:hover{opacity:1;background:var(--blue);color:#fff;border-color:var(--blue)}}@media(prefers-reduced-motion:reduce){.tf-lp .tf-totop{transition:none}}@media(min-width:768px){.tf-lp .tf-totop{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:52px;height:52px;font-size:9px}.tf-lp .tf-totop svg{width:14px;height:14px}}@keyframes tf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tf-lp .stage .btn-round{animation:tf-float 4s ease-in-out infinite}.tf-lp .stage .r-light{animation-delay:.8s}.tf-lp .stage .r-items{animation-delay:1.6s}.tf-lp .stage .to{animation:tf-float 4.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tf-lp .stage .btn-round,.tf-lp .stage .to{animation:none}}@media(max-width:374px){.tf-lp{--gutter: 18px}.tf-lp .h-xl{font-size:26px}.tf-lp .h-lg{font-size:24px}.tf-lp .btn-pill{min-width:150px;padding:10px 16px;font-size:11px}.tf-lp .btn-round{width:76px;height:76px}.tf-lp .btn-round .jp{font-size:10px}}@media(min-width:768px){.tf-lp{font-size:15px;--gutter: 40px;--sec-pad: 96px}.tf-lp .pc{display:inline}.tf-lp .sp{display:none}.tf-lp .h-xl{font-size:40px}.tf-lp .h-lg{font-size:36px}.tf-lp .wave{height:90px}.tf-lp .hero{padding-top:80px}.tf-lp .hero .lead{font-size:15px;letter-spacing:.08em}.tf-lp .btn-pill{min-width:220px;padding:14px 28px;font-size:13px}.tf-lp .btn-round{width:108px;height:108px}.tf-lp .btn-round .jp{font-size:12.5px}.tf-lp .btn-round .en{font-size:9px}.tf-lp .btn-solid{max-width:400px;padding:18px 24px;font-size:15px}.tf-lp .stage{max-width:860px;aspect-ratio:auto;height:600px;margin-top:40px}.tf-lp .stage .to{left:20%;top:2%;width:36%;max-width:330px}.tf-lp .stage .fro{left:auto;right:12%;top:34%;width:25%;max-width:220px}.tf-lp .stage .go-to{left:22%;top:80%;transform:none}.tf-lp .stage .go-fro{right:8%;top:86%;transform:none}.tf-lp .stage .r-travel{left:2%;top:6%}.tf-lp .stage .r-light{right:6%;top:6%}.tf-lp .stage .r-items{left:4%;top:64%}.tf-lp .chara{grid-template-columns:1.1fr 1fr;grid-template-areas:"head fig" "body fig";column-gap:56px;align-items:start}.tf-lp .sec-fro .chara{grid-template-columns:1fr 1.1fr;grid-template-areas:"fig head" "fig body"}.tf-lp .chara-fig{margin:24px 0 0;align-self:center}.tf-lp .chara-head{margin-bottom:32px}.tf-lp .sec-fro .chara-head{text-align:left}.tf-lp .chara-fig .to-img{width:74%;max-width:340px;margin:0 auto 0 0}.tf-lp .chara-fig .fro-img{width:56%;max-width:240px;margin:0 0 0 4%}.tf-lp .name-tag{bottom:10%}.tf-lp .sec-fro .name-tag{bottom:auto;top:6%;right:0}.tf-lp .rule{margin:64px 0 56px}.tf-lp .split{grid-template-columns:1fr 1.2fr;gap:48px;max-width:760px;margin:0 auto}.tf-lp .split.rev{grid-template-columns:1.2fr 1fr}.tf-lp .split img{max-width:300px;margin:0 auto}.tf-lp .tabi-row{grid-template-columns:1fr 1.5fr;grid-template-areas:"lead photos" "cap photos";column-gap:48px;align-items:center;margin-top:72px}.tf-lp .tabi-row.rev{grid-template-columns:1.5fr 1fr;grid-template-areas:"photos lead" "photos cap"}.tf-lp .tabi-row .lead-t{margin:0;align-self:end}.tf-lp .tabi-row .cap{margin:24px 0 0;align-self:start;color:var(--blue)}.tf-lp .tabi-row.rev .lead-t,.tf-lp .tabi-row.rev .cap{text-align:left}.tf-lp .tabi-close{margin-top:80px;text-align:center}.tf-lp .photos{gap:16px}.tf-lp .goods-wrap:not(.many) .goods-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible;margin:56px auto 48px;padding:0;max-width:960px}.tf-lp .goods-wrap:not(.many) .g-nav,.tf-lp .g-hint{display:none}.tf-lp .goods-wrap.many .goods-rail{max-width:1040px;margin:56px auto 0;padding:4px 0 8px;gap:24px;scroll-snap-type:x mandatory}.tf-lp .goods-wrap.many .g-card{flex:0 0 calc((100% - 48px) / 3.25);scroll-snap-align:start}.tf-lp .goods-wrap.many .g-nav{margin:24px 0 48px}.tf-lp .goods-wrap.many .g-arrow{display:inline-flex}.tf-lp .ff{margin-top:64px}.tf-lp .ff-face{font-size:14px}.tf-lp .origin{grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto}.tf-lp .origin-lead{max-width:640px;margin:24px auto 0;text-align:center}.tf-lp .origin-pay p{font-size:20px}.tf-lp .origin-pair{margin-bottom:8px}.tf-lp .origin-pair .word{font-size:13px}.tf-lp .sky-t1,.tf-lp .sky-t2{font-size:17px}.tf-lp .sky-zone{padding-bottom:80px}}@media(min-width:1024px){.tf-lp{--gutter: 48px;--sec-pad: 120px}.tf-lp .h-xl{font-size:46px}.tf-lp .h-lg{font-size:40px}.tf-lp .wave{height:120px}.tf-lp .stage{height:640px}}.tf-lp svg{max-width:none;max-height:none;flex:none}.tf-lp .btn-round svg{width:10px;height:7px;margin-top:3px}.tf-lp .btn-pill svg{width:12px;height:12px}.tf-lp .ff-btn svg{width:20px;height:22px}.tf-lp .g-arrow svg{width:9px;height:15px}.tf-lp .tf-totop svg{width:12px;height:12px}@media(min-width:768px){.tf-lp .tf-totop svg{width:14px;height:14px}}.tf-lp .thread-down{display:block;width:20px;height:56px}.tf-lp .ff-spiral{width:36px;height:36px}.tf-lp .wave{width:100%}.tf-lp .tabi-thread,.tf-lp .thread{max-width:none}.tf-lp .thread{height:100%}.tf-lp img{max-height:none;min-width:0}.tf-lp .btn-round img{width:32%;height:auto}.tf-lp section{margin:0}.tf-lp .ff-front:before{z-index:1}.tf-lp a[aria-disabled=true]{cursor:default!important}.tf-lp .g-empty{margin:36px 0;font-size:12px;color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/642/assets/tf-character-lp.css.map */