.lp-ca-match{--cream:#fbf6ee;--cream-2:#f4ebdd;--peach:#f6c9aa;--peach-deep:#e4784f;--ink:#2b2724;--ink-2:#5b534c;--muted:#8a7f75;--line:#e8dccb;--serif:var(--font-cam-serif), "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans:var(--font-body), "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--d1:#b2472f;--d2:#fbd9c9;--text-muted:#8a7f75;--background:#fbf6ee;--surface:#fff;--border:#e8dccb;--primary:#e4784f;font-family:var(--sans);color:var(--ink);background:var(--cream);letter-spacing:.02em;-webkit-font-smoothing:antialiased;min-height:100svh;font-size:16px;line-height:1.75;position:relative;overflow-x:clip}.lp-ca-match *,.lp-ca-match :before,.lp-ca-match :after{box-sizing:border-box}.lp-ca-match h1,.lp-ca-match h2{font-family:var(--serif);color:var(--ink);letter-spacing:.02em;margin:0;font-weight:700}.lp-ca-match p{margin:0}.lp-ca-match button{font-family:inherit}.lp-ca-match .cam-grain{z-index:30;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.lp-ca-match .cam-kicker{letter-spacing:.14em;color:var(--peach-deep);font-size:13px;font-weight:500}.lp-ca-match .cam-h1{text-wrap:balance;margin:10px 0 0;font-size:clamp(28px,7.6vw,34px);line-height:1.45;display:inline-block;position:relative}.lp-ca-match .cam-h2{text-wrap:balance;font-size:clamp(22px,6vw,28px);line-height:1.45;display:inline-block;position:relative}.lp-ca-match .cam-lead,.lp-ca-match .cam-p{color:var(--ink-2);margin-top:14px;font-size:16px;line-height:1.85}.lp-ca-match .cam-big{font-family:var(--serif);color:var(--ink);margin-top:16px;font-size:clamp(20px,5.6vw,24px);line-height:1.6}.lp-ca-match .cam-fine{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.7}.lp-ca-match .cam-note{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.lp-ca-match .cam-operator{letter-spacing:.08em;color:var(--muted);margin-top:18px;font-size:12px}.lp-ca-match .cam-you{color:var(--ink-2);border-left:3px solid var(--peach);margin-top:10px;padding-left:12px;font-size:15px}.lp-ca-match .cam-line{width:100%;height:12px;position:absolute;bottom:-8px;left:0;overflow:visible}.lp-ca-match .cam-line path{fill:none;stroke:var(--peach-deep);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1) .15s}.lp-ca-match .cam-reveal.is-in .cam-line path{stroke-dashoffset:0}.lp-ca-match .cam-reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.lp-ca-match .cam-reveal.is-in{opacity:1;transform:none}.lp-ca-match .cam-btn{cursor:pointer;letter-spacing:.04em;color:#fff;background:var(--peach-deep);border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:14px 20px;font-size:17px;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 10px 24px #e4784f47}.lp-ca-match .cam-btn:active{transform:translateY(1px)}.lp-ca-match .cam-btn:focus-visible,.lp-ca-match .cam-opt:focus-visible,.lp-ca-match .cam-mbti:focus-visible{outline:3px solid var(--peach-deep);outline-offset:2px}.lp-ca-match .cam-back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:22px auto 0;padding:10px 14px;font-size:15px;display:block}.lp-ca-match .cam-por{aspect-ratio:3/4;background:linear-gradient(160deg, var(--d2) 0%, color-mix(in srgb, var(--d2) 60%, var(--d1)) 100%);border-radius:8px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #3c281e24}.lp-ca-match .cam-por:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.lp-ca-match .cam-mono{font-family:var(--serif);color:var(--d1);opacity:.92;font-size:clamp(56px,22vw,96px);font-weight:700;line-height:1;transform:translateY(6%)}.lp-ca-match .cam-duo{background:var(--d2);position:absolute;inset:0}.lp-ca-match .cam-duo img{object-fit:cover;object-position:center 12%;filter:grayscale()contrast(1.05);mix-blend-mode:multiply;width:100%;height:100%}.lp-ca-match .cam-duo i{background:var(--d1);mix-blend-mode:lighten;position:absolute;inset:0}.lp-ca-match .cam-por-tag{z-index:1;letter-spacing:.06em;color:var(--d1);background:#ffffffd1;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px}.lp-ca-match .cam-sticky{flex-direction:column;justify-content:center;height:100svh;padding:24px 20px;display:flex;position:sticky;top:0;overflow:hidden}.lp-ca-match .cam-ch{min-height:100svh;position:relative}.lp-ca-match .cam-fv{background:radial-gradient(120% 70% at 20% 10%, #fde7d6 0%, #fde7d600 60%), var(--cream);height:260svh;position:relative}.lp-ca-match .cam-fv .cam-sticky{padding-right:15%;padding-top:max(24px, env(safe-area-inset-top))}.lp-ca-match .cam-rail{width:max-content;transform:translateX(calc(var(--p,0) * var(--shift,0px)));will-change:transform;gap:14px;margin:22px -20px 0;padding:0 20px;display:flex}.lp-ca-match .cam-railcard{width:132px;transform:rotate(calc((var(--i) - 3) * .8deg));flex:none;margin:0}.lp-ca-match .cam-railcard figcaption{flex-direction:column;margin-top:8px;line-height:1.4;display:flex}.lp-ca-match .cam-railcard .n{font-family:var(--serif);font-size:15px;font-weight:700}.lp-ca-match .cam-railcard .g{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.lp-ca-match .cam-fv-cta{margin-top:22px;margin-right:-12%}.lp-ca-match .cam-hint{left:20px;bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.2em;color:var(--muted);opacity:calc(1 - var(--p,0) * 4);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute}.lp-ca-match .cam-hint span{background:var(--muted);transform-origin:0;width:36px;height:1px;animation:1.6s ease-in-out infinite camHint}@keyframes camHint{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.lp-ca-match .cam-ch2{background:var(--cream-2);height:320svh}.lp-ca-match .cam-ch2 .cam-sticky{padding-right:15%}.lp-ca-match .cam-steps{min-height:190px;margin-top:28px;position:relative}.lp-ca-match .cam-step{opacity:0;pointer-events:none;width:100%;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 auto auto 0;transform:translateY(22px)}.lp-ca-match .cam-step .num{font-family:var(--serif);letter-spacing:.12em;color:var(--peach-deep);font-size:15px}.lp-ca-match .cam-step .t{font-family:var(--serif);margin-top:4px;font-size:clamp(22px,6vw,26px);font-weight:700;line-height:1.5}.lp-ca-match .cam-step .d{color:var(--ink-2);margin-top:10px;font-size:16px;line-height:1.8}.lp-ca-match .cam-ch2[data-step="0"] .cam-step[data-i="0"],.lp-ca-match .cam-ch2[data-step="1"] .cam-step[data-i="1"],.lp-ca-match .cam-ch2[data-step="2"] .cam-step[data-i="2"],.lp-ca-match .cam-ch2:not([data-step]) .cam-step[data-i="0"]{opacity:1;transform:none}.lp-ca-match .cam-dots{gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.lp-ca-match .cam-dots li{background:var(--line);border-radius:2px;width:28px;height:3px;transition:background .3s}.lp-ca-match .cam-ch2[data-step="0"] .cam-dots li:first-child,.lp-ca-match .cam-ch2[data-step="1"] .cam-dots li:nth-child(2),.lp-ca-match .cam-ch2[data-step="2"] .cam-dots li:nth-child(3),.lp-ca-match .cam-ch2:not([data-step]) .cam-dots li:first-child{background:var(--peach-deep)}.lp-ca-match .cam-ch3{height:200svh}.lp-ca-match .cam-ch3 .cam-sticky{padding-right:15%}.lp-ca-match .cam-300{height:150px;font-family:var(--serif);color:var(--peach);-webkit-user-select:none;user-select:none;font-weight:700;line-height:1;position:relative}.lp-ca-match .cam-300 .big{letter-spacing:-.04em;opacity:calc(1 - var(--p,0) * 1.7);transform:translateX(calc(var(--p,0) * -24px));font-size:150px;position:absolute;top:0;left:0}.lp-ca-match .cam-300 .one{color:var(--peach-deep);opacity:calc(var(--p,0) * 2 - .4);transform:scale(calc(.7 + var(--p,0) * .3));transform-origin:0 100%;font-size:150px;position:absolute;top:0;left:6px}.lp-ca-match .cam-300 .unit{color:var(--ink);opacity:calc(var(--p,0) * 2 - .4);font-size:44px;position:absolute;bottom:10px;left:100px}.lp-ca-match .cam-ch3 .cam-h2{margin-top:12px}.lp-ca-match .cam-voice{border-left:3px solid var(--peach-deep);background:#fff;border-radius:0 8px 8px 0;margin:22px 0 0;padding:16px 16px 14px}.lp-ca-match .cam-voice p{font-family:var(--serif);color:var(--ink);font-size:16px;line-height:1.8}.lp-ca-match .cam-voice cite{color:var(--muted);letter-spacing:.04em;margin-top:8px;font-size:12px;font-style:normal;display:block}.lp-ca-match .cam-ch4{background:linear-gradient(180deg, var(--cream) 0%, #fbe8da 100%)}.lp-ca-match .cam-ch4 .cam-sticky{justify-content:center;height:auto;min-height:100svh;position:relative}.lp-ca-match .cam-fixed{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:10px;margin:22px 0 0;padding:18px 16px;list-style:none;display:flex}.lp-ca-match .cam-fixed li{color:var(--ink);padding-left:22px;font-size:16px;line-height:1.6;position:relative}.lp-ca-match .cam-fixed li:before{content:"";background:var(--peach);border-radius:50%;width:12px;height:12px;position:absolute;top:.62em;left:0}.lp-ca-match .cam-ch4 .cam-btn{margin-top:22px}.lp-ca-match.cam-panel{padding:0 0 40px}.lp-ca-match .cam-prog{z-index:5;background:var(--line);height:4px;position:sticky;top:0}.lp-ca-match .cam-prog i{height:100%;width:var(--w,0%);background:var(--peach-deep);transform-origin:0;transition:width .35s;display:block}.lp-ca-match .cam-q{max-width:560px;margin:0 auto;padding:28px 20px 0;animation:.4s both camIn}@keyframes camIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lp-ca-match .cam-q .cam-h2{margin-top:8px;display:block}.lp-ca-match .cam-qhint{color:var(--muted);margin-top:8px;font-size:14px}.lp-ca-match .cam-opts{flex-direction:column;gap:10px;margin-top:22px;display:flex}.lp-ca-match .cam-opt{text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:12px;margin-top:0;padding:14px 16px;font-size:16px;line-height:1.5;transition:transform .15s,border-color .15s,background .15s;display:flex}.lp-ca-match .cam-opt .e{flex:none;font-size:20px}.lp-ca-match .cam-opt:active{transform:scale(.985)}.lp-ca-match .cam-opt.is-picked{border-color:var(--peach-deep);background:#fdebdf}.lp-ca-match .cam-q>.cam-opt{justify-content:center;margin-top:18px}.lp-ca-match .cam-group{margin-top:18px}.lp-ca-match .cam-glabel{letter-spacing:.08em;color:var(--g);margin-bottom:8px;font-size:13px;font-weight:700}.lp-ca-match .cam-mgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lp-ca-match .cam-mbti{cursor:pointer;background:var(--gt);min-height:60px;color:var(--ink);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:transform .15s,border-color .15s;display:flex}.lp-ca-match .cam-mbti .code{font-family:var(--serif);letter-spacing:.04em;color:var(--g);font-size:16px;font-weight:700}.lp-ca-match .cam-mbti .nick{color:var(--ink-2);font-size:11px;line-height:1.3}.lp-ca-match .cam-mbti.is-picked{border-color:var(--g);transform:scale(.97)}.lp-ca-match .cam-calc{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100svh;padding:24px;display:flex}.lp-ca-match .cam-por-spin{width:150px;animation:.9s ease-in-out infinite camPulse}@keyframes camPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.lp-ca-match.cam-result{padding-bottom:40px}.lp-ca-match .cam-r-wrap{max-width:960px;margin:0 auto}.lp-ca-match .cam-r-side{z-index:6;background:var(--cream);position:sticky;top:-366px}.lp-ca-match .cam-r-hero{text-align:center;flex-direction:column;align-items:center;height:366px;padding:24px 20px 0;display:flex}.lp-ca-match .cam-r-hero .cam-por-big{width:190px}.lp-ca-match .cam-r-hero .cam-kicker{margin-top:14px}.lp-ca-match .cam-r-name{margin-top:2px;font-size:clamp(28px,8vw,34px);line-height:1.3}.lp-ca-match .cam-r-strip{border-bottom:1px solid var(--line);background:var(--cream);grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 20px 12px;display:grid}.lp-ca-match .cam-por-thumb{width:44px;box-shadow:none}.lp-ca-match .cam-por-thumb .cam-mono{font-size:24px}.lp-ca-match .cam-r-striptext{min-width:0}.lp-ca-match .cam-r-striptext .n{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.3}.lp-ca-match .cam-r-striptext .n small{font-family:var(--sans);color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.lp-ca-match .cam-r-striptext .cap{color:var(--d1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.5;animation:.45s both camCap;display:-webkit-box;overflow:hidden}@keyframes camCap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lp-ca-match .cam-r-dots{grid-column:1/-1;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.lp-ca-match .cam-r-dots li{background:var(--line);border-radius:2px;flex:1;height:3px;transition:background .3s}.lp-ca-match .cam-r-dots li.is-on{background:var(--d1)}.lp-ca-match .cam-r-main{padding:0 20px}.lp-ca-match .cam-r-sec{border-bottom:1px dashed var(--line);flex-direction:column;justify-content:flex-start;min-height:60svh;padding:40px 0 56px;display:flex}.lp-ca-match .cam-r-sec:last-child{border-bottom:0}.lp-ca-match .cam-r-sec .cam-h2{align-self:flex-start}.lp-ca-match .cam-bars{flex-direction:column;gap:12px;margin-top:22px;display:flex}.lp-ca-match .cam-bar{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font-size:14px;display:grid}.lp-ca-match .cam-bar .l{color:var(--ink-2)}.lp-ca-match .cam-bar .v{font-family:var(--serif);color:var(--d1);font-size:16px;font-weight:700}.lp-ca-match .cam-bar .t{background:var(--cream-2);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.lp-ca-match .cam-bar .t i{height:100%;width:var(--v);background:var(--d1);transform-origin:0;transition:transform .9s cubic-bezier(.2,.7,.2,1) .2s;display:block;transform:scaleX(0)}.lp-ca-match .cam-bars.is-in .cam-bar .t i{transform:scaleX(1)}.lp-ca-match .cam-30{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.lp-ca-match .cam-30 li{align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;display:flex}.lp-ca-match .cam-30 li span{height:28px;font-family:var(--serif);color:#fff;background:var(--d1);border-radius:50%;flex:0 0 28px;place-items:center;margin-top:2px;font-size:14px;font-weight:700;display:grid}.lp-ca-match .cam-say{border:1px solid var(--line);background:#fff;border-radius:8px;margin:20px 0 0;padding:16px 18px}.lp-ca-match .cam-say p{font-family:var(--serif);font-size:16px;line-height:1.85}.lp-ca-match .cam-say-lg p{font-size:18px}.lp-ca-match .cam-say cite{color:var(--muted);text-align:right;margin-top:8px;font-size:13px;font-style:normal;display:block}.lp-ca-match .cam-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.lp-ca-match .cam-chips span{background:var(--d2);color:var(--d1);border-radius:6px;padding:6px 10px;font-size:13px}.lp-ca-match .cam-chips-lg span{border:1px solid var(--line);color:var(--ink);background:#fff;padding:10px 14px;font-size:15px}.lp-ca-match .cam-ref li:before{background:var(--d1)}.lp-ca-match .cam-r-cta .cam-fixed{margin-top:0}.lp-ca-match .cam-linecta{margin-top:18px}.lp-ca-match .cam-linecta a{color:#fff;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 20px;text-decoration:none;display:flex;box-shadow:0 10px 24px #06c75538;border-radius:8px!important;font-size:17px!important;font-weight:700!important}.lp-ca-match .cam-linecta a svg{flex:none;width:20px;height:20px}.lp-ca-match .cam-share a,.lp-ca-match .cam-share button{border:0;width:48px;height:48px}.lp-ca-match .cam-share svg{width:22px;height:22px}.lp-ca-match .cam-tapped{color:var(--d1)}.lp-ca-match .cam-share{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:28px;padding:18px 16px}.lp-ca-match .cam-share-t{font-family:var(--serif);text-align:center;margin-bottom:10px;font-size:18px;font-weight:700}.lp-ca-match .cam-share>div>p:first-child{display:none}@media (min-width:820px){.lp-ca-match .cam-fv .cam-sticky,.lp-ca-match .cam-ch .cam-sticky{padding-left:max(20px,50vw - 460px);padding-right:max(20px,50vw - 460px)}.lp-ca-match .cam-railcard{width:168px}.lp-ca-match .cam-fv-cta{max-width:420px;margin-right:0}.lp-ca-match .cam-ch4 .cam-btn,.lp-ca-match .cam-fixed{max-width:560px}.lp-ca-match .cam-r-wrap{grid-template-columns:340px 1fr;align-items:start;gap:40px;padding:0 20px;display:grid}.lp-ca-match .cam-r-side{background:0 0;flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0}.lp-ca-match .cam-r-hero{height:auto;padding:0}.lp-ca-match .cam-r-hero .cam-por-big{width:300px}.lp-ca-match .cam-r-strip{text-align:center;background:0 0;border-bottom:0;grid-template-columns:1fr;padding:10px 0 0}.lp-ca-match .cam-por-thumb,.lp-ca-match .cam-r-striptext .n{display:none}.lp-ca-match .cam-r-striptext .cap{-webkit-line-clamp:3;font-size:16px}.lp-ca-match .cam-r-dots{max-width:200px;margin:12px auto 0}.lp-ca-match .cam-r-main{padding:0}}@media (prefers-reduced-motion:reduce){.lp-ca-match .cam-fv,.lp-ca-match .cam-ch2,.lp-ca-match .cam-ch3{height:auto;min-height:100svh}.lp-ca-match .cam-sticky{height:auto;min-height:100svh;position:relative}.lp-ca-match .cam-rail{width:auto;overflow-x:auto;transform:none}.lp-ca-match .cam-step{opacity:1;pointer-events:auto;margin-top:18px;position:relative;transform:none}.lp-ca-match .cam-steps{min-height:0}.lp-ca-match .cam-dots,.lp-ca-match .cam-hint{display:none}.lp-ca-match .cam-300 .big{opacity:.35;transform:none}.lp-ca-match .cam-300 .one,.lp-ca-match .cam-300 .unit{opacity:1;transform:none}.lp-ca-match .cam-reveal{opacity:1;transition:none;transform:none}.lp-ca-match .cam-line path{stroke-dashoffset:0;transition:none}.lp-ca-match .cam-bar .t i{transition:none;transform:none}.lp-ca-match .cam-por-spin,.lp-ca-match .cam-hint span,.lp-ca-match .cam-r-striptext .cap,.lp-ca-match .cam-q{animation:none}.lp-ca-match .cam-step,.lp-ca-match .cam-opt,.lp-ca-match .cam-mbti,.lp-ca-match .cam-btn,.lp-ca-match .cam-prog i{transition:none}}
