@import"https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap";.zen-antique-soft-regular{font-family:Zen Antique Soft,serif;font-weight:400;font-style:normal}:root{--ink: #000;--shadow: 0 24px 60px rgba(48, 28, 16, .16);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",Georgia,serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;--font-size: 16}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.container{width:100%;display:block}@media(min-width:1024px){.container{margin:0 auto;display:flex}}#app{text-align:center;position:relative}#app:after{content:"";display:block;background:url(./images/bg_large.jpg) no-repeat center;background-size:cover;z-index:-10;width:100%;height:100%;position:fixed;top:0;left:0}@media(max-width:500px){#app:after{display:none}}.result .btn.share,.result .btn.share:visited{color:#000}.top-wrap{position:relative}.top-wrap:before{position:fixed;content:"";display:block;top:0;left:50%;transform:translate(-50%);z-index:-1;width:100%;max-width:500px;height:100vh;background:#000 url(./images/main_bg.png) no-repeat center;background-size:cover}.container{position:relative}.container:before{position:absolute;content:"";display:block;bottom:0;left:50%;transform:translate(-50%);z-index:0;max-width:500px;width:100%;height:240px;background:url(./images/main_candle.png) no-repeat bottom center;background-size:100% auto;z-index:1}.container__in{padding:16% calc(40/750*100%);height:100%;position:relative;z-index:2}.panel{max-width:500px;margin:0 auto;position:relative}.panel.start{min-height:110vh}.panel.question,.panel.result{min-height:115vh}@media(min-width:500px){.panel{box-shadow:var(--shadow)}.panel.start,.panel.question,.panel.result{min-height:100vh}}@media(min-width:500px)and (max-height:840px){.panel.start,.panel.question,.panel.result{min-height:840px}}h1{margin:0;line-height:1;margin-bottom:calc(85/750*100%)}.logo img{max-width:calc(432/750*100%)}.lead{max-width:44.4%;margin:0 auto}.main-title img{max-width:calc(670/750*100%);margin:0 auto}.btn{appearance:none;border:0;cursor:pointer;font:inherit}.btn.primary,.btn.choice,.btn.ghost{min-height:3.2rem;font-family:Zen Antique Soft,serif;font-size:20px}.btn.ghost{min-height:2.8rem}.btn.primary{background:none;width:210px;padding:0}.btn-primary img{width:100%;box-shadow:0 0 10px 5px #ffffff80}.question{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.55}.question__in{width:100%;height:100vh;position:relative}.question:after{position:absolute;content:"";display:block;bottom:0;left:50%;transform:translate(-50%);z-index:0;max-width:500px;width:100%;height:240px;background:url(./images/question_candle.png) no-repeat bottom center;background-size:100% auto;z-index:1}.question__block{padding:0 calc(50/750*100%)}.question:before{position:fixed;content:"";display:block;top:0;left:50%;transform:translate(-50%);z-index:-1;width:100%;max-width:500px;height:100vh;background:#000 url(./images/question_bg.png) no-repeat bottom center;background-size:100% auto}.choices{display:grid;gap:4px;position:relative;z-index:10}.btn.choice{background:transparent;color:#fff;width:calc(420/750*100%);height:calc(95/750*100%);border:0;background:url(./images/question_choices_yes.png) no-repeat center top;background-size:contain;padding:0;margin:0 auto;font-size:20px}.btn.choice.no{background:url(./images/question_choices_no.png) no-repeat center top;background-size:contain}@media(max-width:480px){.btn.choice{font-size:18px;width:60%}.choices{gap:0}}.btn.ghost{background:#000;color:#fff;width:fit-content;position:absolute;left:0;margin-top:-25px;padding:0 20px;box-shadow:0 0 5px 3px #ffffff40;font-size:.9375rem;z-index:10;font-size:15px}.question-head{width:calc(232/750*100%);margin:0 auto;padding-top:calc(52/750*100%)}.question-card{background:url(./images/question_card_bg.png) no-repeat center top;background-size:contain;width:100%;aspect-ratio:641.4555/938.6291;position:relative;padding-top:4.8rem}@keyframes question-card-fade-in{0%{opacity:0}to{opacity:1}}@keyframes question-card-rise-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.question-card>*{animation:question-card-rise-in .5s ease both}.question-card>.penta-counter{animation:question-card-fade-in .5s ease both}.question-card>.question-thum{animation-delay:.05s}.question-card>.question-text{animation-delay:.1s}.question-card>.choices{animation-delay:.15s}.penta-counter{display:block;width:min(9.5rem,46vw);margin:0 auto;overflow:visible;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)}@media(max-width:480px){.penta-counter{width:min(7.5rem,46vw)}.question-card{padding-top:3.3rem}}.penta-shape{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:miter}.penta-disc{fill:#e7e4e1}.penta-node{fill:#e7e4e1;stroke:var(--ink);stroke-width:2}.penta-node.filled{fill:var(--ink)}.penta-node.filled.current{fill:#fe3a38;stroke:#fe3a38;filter:blur(1.2px);stroke-width:4}.penta-numeral{pointer-events:none}.question-thum{content:"";display:block}.question01 .question-thum{background:url(./images/question_01.png) no-repeat center;background-size:100% auto;aspect-ratio:641/419}.question02 .question-thum{background:url(./images/question_02.png) no-repeat center;background-size:100% auto;aspect-ratio:641/419}.question03 .question-thum{background:url(./images/question_03.png) no-repeat center;background-size:100% auto;aspect-ratio:641/419}.question04 .question-thum{background:url(./images/question_04.png) no-repeat center;background-size:100% auto;aspect-ratio:641/419}.question05 .question-thum{background:url(./images/question_05.png) no-repeat center;background-size:100% auto;aspect-ratio:641/419}.question-text{font-size:18px;font-size:min(4vw,18px);position:relative;z-index:10;margin:0;margin-bottom:1rem}.result{position:relative}.result__in{position:relative;z-index:1}.result:after{position:fixed;content:"";display:block;bottom:0;left:50%;transform:translate(-50%);z-index:0;max-width:500px;width:100%;height:400px;background:#000;background-size:100% auto;z-index:-1}.id_01 .description{background:url(./images/result_01.png) no-repeat center top;background-size:100% auto}.id_02 .description{background:url(./images/result_02.png) no-repeat center top;background-size:100% auto}.id_03 .description{background:url(./images/result_03.png) no-repeat center top;background-size:100% auto}.id_04 .description{background:url(./images/result_04.png) no-repeat center top;background-size:100% auto}.id_05 .description{background:url(./images/result_05.png) no-repeat center top;background-size:100% auto}.id_06 .description{background:url(./images/result_06.png) no-repeat center top;background-size:100% auto}.id_07 .description{background:url(./images/result_07.png) no-repeat center top;background-size:100% auto}.id_08 .description{background:url(./images/result_08.png) no-repeat center top;background-size:100% auto}.id_09 .description{background:url(./images/result_09.png) no-repeat center top;background-size:100% auto}.bl_result-actions{background:url(./images/result_btn_bg.png) no-repeat bottom center;background-size:100% auto;padding:40px 0}.result-actions{display:flex;gap:.75rem;flex-direction:column;justify-content:center;width:fit-content;margin:0 auto}.result .btn.share{width:230px;position:relative;font-size:22px;background:url(./images/result_btn_share.png) no-repeat center;background-size:100% auto;box-shadow:0 0 5px 3px #ffffff30}.result .btn.ghost{width:230px;height:51.2px;position:relative;font-size:22px;inset:0;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bl_description{position:relative}.bl_description:before{content:"";display:block;background:url(./images/result_shadow.png) no-repeat center;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.description{position:relative;height:calc(1333/750*100vw);max-height:873px;display:flex}@keyframes top-fade-in{0%{opacity:0}to{opacity:1}}@keyframes top-rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.container__in>*{animation:top-rise-in .5s ease-in-out both}.container__in>.logo,.container__in>.lead{animation-delay:.05s}.container__in>.main-title{animation-delay:.2s}.container__in>.btn.primary{animation-delay:.3s}.result__in>*{animation:top-rise-in .5s ease-in-out both}.result__in>.description{animation-delay:.3s}footer{background:#000;margin:0 auto;max-width:500px}.copyright{font-size:10px;color:#fff;text-align:center;padding:1rem;margin:0}