@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap";:root{--cream:#fff0d7;--ink:#171327;--pink:#d93658;--blue:#1b4d9b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}button{font:inherit;cursor:pointer}.site-header,footer{justify-content:space-between;align-items:center;gap:20px;padding:15px max(3vw,18px);font-size:14px;font-weight:900;display:flex}.site-header{border-bottom:3px solid var(--ink)}.hero img{object-fit:cover;width:100%;height:auto;max-height:760px;display:block}.hero-under{text-align:center;padding:32px 18px 70px}.hero-under p{margin:0 0 25px;font-size:clamp(19px,2.4vw,30px);font-weight:900}.primary{border:3px solid var(--ink);color:var(--ink);box-shadow:6px 6px 0 var(--ink);background:#ffdf45;padding:17px 42px;font-size:clamp(20px,2.2vw,28px);font-weight:900;transition:transform .15s,box-shadow .15s}.primary:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.primary span{margin-left:14px}.hero-under small{margin-top:22px;font-size:14px;display:block}.quiz{max-width:1100px;min-height:72vh;margin:auto;padding:70px 24px 100px}.progress{text-align:center;letter-spacing:.12em;max-width:520px;margin:0 auto 35px;font-weight:900}.progress>div{background:#d6bfa5;height:7px;margin-top:15px}.progress i{background:var(--ink);height:100%;display:block}.quiz h1{text-align:center;margin:0 0 55px;font-size:clamp(32px,5vw,65px);font-weight:900;line-height:1.35}.options{grid-template-columns:1fr 1fr;gap:22px;display:grid}.option{text-align:left;border:4px solid var(--ink);min-height:250px;box-shadow:8px 8px var(--ink);background:#fff;padding:30px;transition:transform .15s}.option:hover{transform:translateY(-5px)}.option.m{background:#f8b9c5}.option.s{background:#b3cbeb}.option b{font-size:50px;line-height:1;display:block}.option span{margin-top:25px;font-size:clamp(22px,2.6vw,36px);font-weight:900;line-height:1.5;display:block}.back{color:var(--ink);background:0 0;border:0;margin:38px auto 0;font-weight:700;text-decoration:underline;display:block}.result-top{text-align:center;border-bottom:5px solid var(--ink);background:#f8b9c5;padding:65px 20px 75px}.result-s .result-top{background:#b3cbeb}.result-top>span,.result-body article>small,.survey small{letter-spacing:.18em;font-weight:900}.result-top h1{margin:20px 0;font-size:clamp(45px,7vw,95px);line-height:1.15}.result-top strong{font-size:1.35em}.result-top p{margin:0;font-size:clamp(23px,3vw,42px);font-weight:900}.result-body{max-width:1150px;margin:auto;padding:65px 24px 90px}.result-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.result-grid article{border:3px solid var(--ink);box-shadow:7px 7px var(--ink);background:#fff9ed;padding:30px}.result-grid h2{margin:12px 0 25px;font-size:clamp(27px,3vw,40px)}.goods{color:var(--ink);border-top:2px solid var(--ink);padding:15px 0;text-decoration:none;display:block}.goods:last-of-type{border-bottom:2px solid var(--ink)}.goods b,.goods span{display:block}.goods b{font-size:20px}.goods span{margin-top:5px;font-size:14px}.method{font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.8}.fine{color:#514a46;font-size:13px;line-height:1.8}.share{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:50px;display:flex}.share>a{color:var(--ink);font-weight:900}.share .back{margin:0}.survey{border-top:3px solid var(--ink);background:#efe2ca;padding:70px 22px}.survey>div{text-align:center;max-width:900px;margin:auto}.survey h2{margin:10px 0 35px;font-size:clamp(30px,4vw,50px)}.survey-bar{background:var(--blue);border:3px solid var(--ink);height:35px}.survey-bar span{background:var(--pink);height:100%;display:block}.survey-numbers{justify-content:space-between;gap:15px;font-size:clamp(17px,2.5vw,32px);font-weight:900;display:flex}.survey-numbers b{transform:rotate(-10deg)}footer{background:var(--ink);color:var(--cream)}@media (max-width:700px){.site-header,footer{font-size:12px}.hero img{object-fit:cover;object-position:center;min-height:380px}.options,.result-grid{grid-template-columns:1fr}.option{min-height:180px}.quiz{padding-top:50px}.survey-numbers{align-items:center}.share{flex-direction:column}}.coupon{border:4px solid var(--ink);box-shadow:8px 8px var(--ink);background:#ffdf45;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;margin-top:38px;padding:30px;display:grid}.coupon small{letter-spacing:.08em;font-weight:900}.coupon h2{margin:12px 0;font-size:clamp(27px,3.5vw,46px);line-height:1.3}.coupon p{font-size:18px;font-weight:700}.coupon-code{background:var(--cream);border:3px dashed var(--ink);text-align:center;padding:20px}.coupon-code span,.coupon-code strong,.coupon-code small{display:block}.coupon-code strong{margin:8px 0;font-size:clamp(22px,2.4vw,35px)}.coupon-code small{font-size:12px;line-height:1.6}@media (max-width:700px){.coupon{grid-template-columns:1fr}}.invite{border:2px solid var(--ink);background:#fff9ed;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;max-width:760px;margin:34px auto 0;padding:20px;display:flex}.invite b{font-size:20px}.invite span{font-size:15px}.invite a,.gift a{color:var(--ink);font-weight:900}.gift{border:3px solid var(--ink);box-shadow:7px 7px var(--ink);background:#f8b9c5;grid-template-columns:1fr 1fr;align-items:center;gap:12px 30px;margin-top:38px;padding:30px;display:grid}.result-s .gift{background:#b3cbeb}.gift small{letter-spacing:.18em;font-weight:900}.gift h2{margin:8px 0;font-size:clamp(27px,3vw,40px)}.gift p{margin:8px 0}.gift a{border:3px solid var(--ink);background:#fff9ed;padding:22px;text-decoration:none;display:block}.gift a b,.gift a span{display:block}.gift a b{font-size:21px}.gift a span{margin-top:8px;font-size:14px}.gift .fine{grid-column:1/-1}@media (max-width:700px){.gift{grid-template-columns:1fr}.invite{flex-direction:column}}.result-jumps{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.result-jumps a{border:2px solid var(--ink);color:var(--ink);background:#fff9ed;padding:10px 18px;font-weight:900;text-decoration:none;display:inline-block}.result-share{margin:38px 0 50px}.recommendations,.gift-flow{margin-top:70px;scroll-margin-top:20px}.section-heading small{letter-spacing:.18em;font-weight:900}.section-heading h2{margin:12px 0;font-size:clamp(29px,3.6vw,48px);line-height:1.3}.section-heading p{font-size:18px;font-weight:700}.product-grid{grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;display:grid}.product-card{border:3px solid var(--ink);min-height:280px;box-shadow:7px 7px var(--ink);background:#fff9ed;padding:27px;position:relative}.product-card:first-child{background:#f8b9c5}.product-card:nth-child(2){background:#b3cbeb}.product-number{opacity:.18;font-size:52px;font-weight:900;position:absolute;top:14px;right:24px}.product-card small{letter-spacing:.1em;font-weight:900}.product-card h3{max-width:85%;margin:22px 0 12px;font-size:clamp(22px,2.4vw,31px);line-height:1.4}.product-card p{min-height:58px;font-size:17px;line-height:1.6}.product-card>a{color:var(--ink);border-bottom:3px solid var(--ink);padding:4px 0;font-weight:900;text-decoration:none;display:inline-block}.gift-flow{border:4px solid var(--ink);box-shadow:8px 8px var(--ink);background:#ffdf45;padding:30px}.gift-steps{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px;display:grid}.gift-steps>div,.gift-steps>a{border:2px solid var(--ink);min-height:170px;color:var(--ink);background:#fff9ed;flex-direction:column;gap:10px;padding:18px;text-decoration:none;display:flex}.gift-steps b{font-size:28px}.gift-steps strong{font-size:20px}.gift-steps span{font-size:14px;line-height:1.6}.gift-steps span a{color:var(--ink);font-weight:900}.gift-flow .fine{margin-top:22px}@media (max-width:700px){.product-grid,.gift-steps{grid-template-columns:1fr}.gift-flow{padding:20px}.product-card,.product-card p{min-height:0}}.result-top{position:relative}.result-stamp{color:#bd2542;border:6px double #bd2542;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;font-family:serif;line-height:1.1;display:flex;position:absolute;top:40px;right:max(5vw,22px);transform:rotate(12deg)}.result-s .result-stamp{color:#17437d;border-color:#17437d}.result-stamp b{font-size:39px}.result-stamp small{font-size:15px;font-weight:900}.product-photo{aspect-ratio:1.35;object-fit:contain;border:2px solid var(--ink);background:#fff;width:100%;margin-bottom:22px;display:block}.product-card h3{margin-top:12px}@media (max-width:700px){.result-stamp{border-width:5px;width:94px;height:94px;margin:18px auto -6px;position:static}.result-stamp b{font-size:30px}.result-stamp small{font-size:12px}.product-photo{aspect-ratio:1.4}}.result-stamp{color:#b72541;opacity:.92;filter:contrast(1.2);border:0;border-radius:0;width:130px;height:130px}.result-s .result-stamp{color:#17437d;border:0}.product-visual{border:4px solid var(--ink);background:#fff5d8;border-radius:48% 52% 44% 56%/50% 43% 57% 50%;justify-content:center;align-items:center;height:285px;margin:3px 10px 30px;display:flex;position:relative;transform:rotate(-3deg);box-shadow:8px 9px #17132729}.product-card:nth-child(2) .product-visual{background:#f8e8f1;transform:rotate(3deg)}.product-visual:after{content:"";background:inherit;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);z-index:0;width:31px;height:31px;position:absolute;bottom:-15px;left:16%;transform:rotate(37deg)}.product-photo{z-index:1;aspect-ratio:auto;object-fit:contain;filter:drop-shadow(3px 8px 3px #1713272b);background:0 0;border:0;width:84%;height:115%;margin:0;position:relative;transform:rotate(3deg)}.product-card:nth-child(2) .product-photo{transform:rotate(-3deg)}@media (max-width:700px){.result-stamp{width:106px;height:106px}.product-visual{height:245px;margin:3px 2px 27px}.product-photo{height:112%}}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-width:0}.product-card h3{max-width:100%}.product-visual{height:230px;margin-left:2px;margin-right:2px}.alternatives{border:2px solid var(--ink);background:#fff9ed;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:18px 20px;display:flex}.alternatives a{color:var(--ink);font-weight:900}.alternatives strong{margin-right:10px}@media (max-width:900px){.product-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.product-grid{grid-template-columns:1fr}.product-visual{height:245px}}.result-share>button:not(.primary){border:2px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:#fff9ed;padding:14px 20px;font-weight:900}.result-share>button:not(.primary):hover{background:#ffdf45}.share-help{text-align:center;flex-basis:100%;margin:0;font-size:14px;line-height:1.7}.share-help a{color:var(--ink);margin-left:6px;font-weight:900}.share-result-page{min-height:100vh;color:var(--ink);text-align:center;background:#fff1d3;place-items:center;padding:32px;display:grid}.share-result-page>div{max-width:1000px}.share-result-page h1{margin:0 0 24px;font-size:clamp(30px,5vw,60px)}.share-result-page img{border:5px solid var(--ink);width:100%;height:auto;display:block}.share-result-page a{border:3px solid var(--ink);color:var(--ink);background:#ffdf45;margin-top:24px;padding:15px 28px;font-weight:900;text-decoration:none;display:inline-block}.site-header a{color:var(--ink);border-bottom:1px solid;text-decoration:none}.site-header a:hover{color:#d23c4f}.hero picture{display:block}.hero picture img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 52px);margin:0 auto;display:block}@media (max-width:700px){.hero picture img{object-fit:contain;object-position:center;min-height:0;max-height:none}}.hero{padding-bottom:70px}.mobile-diagonal{display:none}@media (max-width:700px){.hero{padding-bottom:36px}.hero-poster{background:#ffe7b4;width:calc(100% - 12px);max-width:370px;margin:6px auto 0}.hero-poster picture{display:none}.mobile-diagonal{background:#ffe7b4;display:block;overflow:hidden}.mobile-diagonal-title{height:83px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:900;line-height:1.1;display:flex}.mobile-diagonal-title strong{letter-spacing:.03em;font-size:27px}.mobile-diagonal-title span{margin-top:4px;font-size:21px}.mobile-diagonal-art{background:#edcda0;height:480px;position:relative;overflow:hidden}.diagonal-m,.diagonal-s{background-image:url(/hero.png);background-repeat:no-repeat;background-size:auto 430px;position:absolute;inset:0}.diagonal-m{clip-path:polygon(0 0,100% 0,100% 54%,0 64%);background-position:-5px -105px}.diagonal-s{clip-path:polygon(0 64%,100% 54%,100% 100%,0 100%);background-position:right -10px bottom -90px}.diagonal-m:after,.diagonal-s:after{content:"";pointer-events:none;position:absolute;inset:0}.diagonal-m:after{background:#e034471f}.diagonal-s:after{background:#194c9126}.diagonal-m b,.diagonal-s b{z-index:1;color:#fff8ea;border:3px solid var(--ink);background:#e0494b;padding:3px 11px 5px;font-size:24px;font-weight:900;line-height:1.2;display:block;position:absolute}.diagonal-m b{top:12px;left:12px;transform:rotate(-3deg)}.diagonal-s b{background:#315d91;bottom:16px;right:12px;transform:rotate(3deg)}.mobile-diagonal-art:after{content:"";z-index:2;background:var(--ink);pointer-events:none;width:124%;height:5px;position:absolute;top:59%;left:-12%;transform:rotate(-7deg)}.hero-poster .hero-under{padding:11px 10px 15px}.hero-poster .hero-under p{white-space:nowrap;margin:0 0 9px;font-size:clamp(12px,3.6vw,15px);line-height:1.35}.hero-poster .primary{letter-spacing:.08em;background:var(--ink);color:#fff1d3;box-shadow:none;border:0;padding:8px 25px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:22px}.hero-poster .primary:hover{box-shadow:none;background:#a92a3b;transform:none}.hero-poster .hero-under small{margin-top:10px;font-size:11px;line-height:1.3}.hero>.invite{margin:36px 12px 0}}.share-result-page>div{width:100%;min-width:0}.share-result-page img{max-width:100%}.share-result-page{flex-direction:column;justify-content:center;align-items:center;display:flex}.share-result-page>div{width:min(100%,1000px)}@media (max-width:700px){.share-result-page{padding:20px}.share-result-page h1{font-size:30px}.share-result-page a{margin-top:18px}}
