*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}html,body{margin:0;width:100%;min-height:100%;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;font-family:var(--font-ja)}html{background:linear-gradient(145.2deg,#c9e7f6 37.53%,#fedfe5 100.82%)}body{background-image:url(/assets/common/body-bg.svg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Zen Old Mincho;src:url(/_astro/ZenOldMincho-Regular.BIOzpzY5.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zen Old Mincho;src:url(/_astro/ZenOldMincho-Medium.D8rVX0Jm.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zen Old Mincho;src:url(/_astro/ZenOldMincho-Bold.Dwo99Q9C.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/_astro/CormorantGaramond-VariableFont_wght.x_4GibqC.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}html{font-size:62.5%}:root{--font-ja: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-en: "Cormorant Garamond", "Times New Roman", serif;--quiz-max: 62rem;--quiz-pad: clamp(1.6rem, 4vw, 2.4rem);--quiz-safe: env(safe-area-inset-bottom, 0);--quiz-fg: #1a1a1a;--quiz-muted: #5c5c5c;--quiz-accent: #2c5f7c;--quiz-accent-dim: #8eb4c7;--quiz-surface: #f7f4ef;--quiz-line: #d9d1c5;--touch-min: 18.2rem;--step-rail-bg: #ffffff;--step-num-upcoming: #8eacbe;--step-bubble-ink: #8eacbe;--step-bubble-active: #4a5d6b;--step-result-icon: #4a5d6b;--accent-blue: #4A738F;--ash-blue: #859FB1;--gray-text: #4D4D4D;--choice-fadein-time: .45s;--choice-fadein-delay: .06s}.btn{min-width:30rem;min-height:6rem;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:999px;background-color:var(--ash-blue)}.quiz-app{font-family:var(--font-ja);min-height:100dvh;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:6.8rem var(--quiz-pad) var(--quiz-pad);padding-bottom:calc(var(--quiz-pad) + var(--quiz-safe));color:var(--quiz-fg)}.quiz-main{width:100%;max-width:var(--quiz-max);flex:1;display:flex;flex-direction:column}.quiz-h1{font-family:var(--font-en);font-size:3.2rem;font-weight:400;margin:0;line-height:1.3;color:var(--accent-blue);text-align:center;margin-top:4rem;span{font-family:var(--font-ja);font-size:2.4rem}}.quiz-description{font-size:2.8rem;font-weight:400;text-align:center;color:var(--gray-text);letter-spacing:3%;margin-top:3.5rem;line-height:calc(41 / 28)}.quiz-phase-2 .quiz-description{margin-top:2rem}.quiz-p{margin:0;color:var(--quiz-muted);font-size:1.52rem;line-height:1.5}.stepbar{--step-bubble-d: 4rem;width:100%}.stepbar__track-wrap{position:relative;width:100%;min-height:4.4rem;display:flex;align-items:center}.stepbar__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:.5rem;border-radius:999px;pointer-events:none;z-index:0;overflow:hidden}.stepbar__track-bg{position:absolute;inset:0;background:var(--step-rail-bg);border-radius:inherit}.stepbar__track-fill{position:absolute;left:calc(var(--step-bubble-d) / 2);top:0;bottom:0;width:calc(var(--step-track-frac, 0) * (100% - var(--step-bubble-d)));max-width:100%;background:var(--ash-blue);border-radius:999px;transition:width .5s ease}.stepbar__nodes{position:relative;z-index:1;display:flex;width:100%;list-style:none;margin:0;padding:0;justify-content:space-between;align-items:center}.stepbar__node{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.stepbar__num{font-size:1.8rem;letter-spacing:3%}.stepbar__bubble{display:inline-flex;align-items:center;justify-content:center;position:relative;width:4rem;height:4rem;border-radius:50%;background:#fff;color:var(--step-bubble-ink);border:none;font-size:1.248rem;font-weight:600;line-height:1;letter-spacing:.02em;box-sizing:border-box;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .2s ease}.stepbar__bubble:after{content:"STEP";font-size:var(--font-en);position:absolute;display:block;top:-1.8rem;left:50%;color:var(--ash-blue);transform:translate(-50%);font-size:1.3rem;font-weight:700}.stepbar__node--result .stepbar__bubble:after{content:"RESULT"}.stepbar__node--active .stepbar__bubble:not(.stepbar__bubble--result){background:var(--ash-blue);color:#fff;border-color:transparent;box-shadow:0 0 15px 5px #fdfbee}.stepbar__node--done .stepbar__bubble:not(.stepbar__bubble--result){background:var(--ash-blue);color:#fff;border-color:transparent;box-shadow:none}.stepbar__bubble--result{color:var(--step-result-icon)}.stepbar__node--result.stepbar__node--active .stepbar__bubble--result{box-shadow:0 0 0 .2rem #fff,0 0 .8rem #fff9}.stepbar__result-icon{display:block}@media(max-width:35.2rem){.stepbar{--step-bubble-d: 3.36rem}.stepbar__bubble{width:3.36rem;height:3.36rem;font-size:1.12rem}.stepbar__result-icon{width:15px;height:15px}}@keyframes quizChoiceEnter{0%{opacity:0;transform:translateY(.96rem)}to{opacity:1;transform:translateY(0)}}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:6rem}.quiz-phase-2 .quiz-choices{margin-top:3rem}.quiz-phase-3 .quiz-choices{margin-top:3rem;grid-template-columns:1fr 1fr 1fr 1fr}.quiz-choices .quiz-choice{min-height:var(--touch-min);border-radius:.8rem;background:#fff;color:var(--gray-text);font-weight:300;font-size:2rem;line-height:2;padding:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;opacity:0;transform:translateY(.96rem);transition:background .15s ease,border-color .15s ease,transform .1s ease}.quiz-phase-1 .quiz-choice{min-height:18.2rem}.quiz-phase-2 .quiz-choice{min-height:14.8rem}.quiz-phase-3 .quiz-choice{min-height:11rem}.quiz-choices--anim .quiz-choice:nth-child(1){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 0 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(2){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 1 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(3){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 2 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(4){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 3 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(5){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 4 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(6){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 5 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(7){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 6 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(8){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 7 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(9){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 8 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(10){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 9 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(11){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 10 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(12){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 11 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(13){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 12 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(14){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 13 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(15){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 14 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(16){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 15 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(17){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 16 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(18){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 17 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(19){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 18 * var(--choice-fadein-delay)) both}.quiz-choices--anim .quiz-choice:nth-child(20){animation:quizChoiceEnter var(--choice-fadein-time) ease-out calc(.04s + 19 * var(--choice-fadein-delay)) both}.quiz-phase-3{.quiz-choice{background-position:center;background-repeat:no-repeat;background-size:90%}.quiz-choice[data-index="0"]{background-image:url(../assets/q3/bg-q3-0.svg)}.quiz-choice[data-index="1"]{background-image:url(../assets/q3/bg-q3-1.svg)}.quiz-choice[data-index="2"]{background-image:url(../assets/q3/bg-q3-2.svg)}.quiz-choice[data-index="3"]{background-image:url(../assets/q3/bg-q3-3.svg)}.quiz-choice[data-index="4"]{background-image:url(../assets/q3/bg-q3-4.svg)}.quiz-choice[data-index="5"]{background-image:url(../assets/q3/bg-q3-5.svg)}.quiz-choice[data-index="6"]{background-image:url(../assets/q3/bg-q3-6.svg)}.quiz-choice[data-index="7"]{background-image:url(../assets/q3/bg-q3-7.svg)}.quiz-choice[data-index="8"]{background-image:url(../assets/q3/bg-q3-8.svg)}.quiz-choice[data-index="9"]{background-image:url(../assets/q3/bg-q3-9.svg)}.quiz-choice[data-index="10"]{background-image:url(../assets/q3/bg-q3-10.svg)}.quiz-choice[data-index="11"]{background-image:url(../assets/q3/bg-q3-11.svg)}.quiz-choice[data-index="12"]{background-image:url(../assets/q3/bg-q3-12.svg)}.quiz-choice[data-index="13"]{background-image:url(../assets/q3/bg-q3-13.svg)}.quiz-choice[data-index="14"]{background-image:url(../assets/q3/bg-q3-14.svg)}.quiz-choice[data-index="15"]{background-image:url(../assets/q3/bg-q3-15.svg)}.quiz-choice[data-index="16"]{background-image:url(../assets/q3/bg-q3-16.svg)}.quiz-choice[data-index="17"]{background-image:url(../assets/q3/bg-q3-17.svg)}.quiz-choice[data-index="18"]{background-image:url(../assets/q3/bg-q3-18.svg)}.quiz-choice[data-index="19"]{background-image:url(../assets/q3/bg-q3-19.svg)}}@media(prefers-reduced-motion:reduce){.quiz-choices .quiz-choice{opacity:1;transform:none}.quiz-choices--anim .quiz-choice{animation:none}}.quiz-choice:hover{border-color:var(--quiz-accent)}.quiz-choice:active{transform:scale(.99)}.quiz-back-wrap{position:absolute;width:100%;bottom:10rem;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center}.quiz-back{position:relative;width:30rem;font-size:2rem;font-weight:400;text-shadow:0 .1rem .2rem rgba(0,0,0,.15);&:after{content:"";position:absolute;top:50%;left:1.8rem;transform:translateY(-50%);width:0;height:0;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;border-right:.7rem solid rgba(255,255,255);pointer-events:none;z-index:0}}.quiz-app.quiz-phase-result{padding-top:5rem;padding-bottom:5rem;height:100dvh}.result-main{width:72rem;border:2px solid var(--ash-blue);height:100%;padding:.8rem}.result-main-inner{background:#fff url(../assets/result/bg-result.svg) no-repeat center 250%;height:100%;padding-top:5.5rem}.result-main-inner h1{text-align:center;font-size:2.8rem;font-weight:400;color:var(--accent-blue);span{font-family:var(--font-en);font-size:2rem;font-weight:700}}.result-main-inner h2{margin-top:3rem;width:52rem;margin-left:auto;margin-right:auto;text-align:center;color:var(--accent-blue);font-size:4rem;letter-spacing:3%;padding:3rem 0;border-top:2px solid var(--accent-blue);border-bottom:2px solid var(--accent-blue)}@keyframes resultNumberWrapIn{0%{opacity:0;transform:scale(.98) translateY(.6rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes resultNumberValueIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.result-number-wrap{margin-top:8rem;width:47.4rem;height:50.9rem;background-image:url(../assets/result/bg-number.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-left:auto;margin-right:auto;padding-top:10rem;opacity:0;animation:resultNumberWrapIn 1.15s ease-out .05s forwards}.result-number p{font-weight:400;font-size:17rem;color:var(--accent-blue);text-align:center;background-image:linear-gradient(160deg,#e2cf59,#e2cf59 34%,#977636 50%,#edcc5d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;opacity:0;animation:resultNumberValueIn .8s ease-out 1.1s both}@media(prefers-reduced-motion:reduce){.result-number-wrap,.result-number p{animation:none;opacity:1;transform:none}}.result-outro{text-align:center;color:var(--gray-text);margin-top:8rem;font-size:2rem;line-height:2;letter-spacing:3%}.result-top-wrap{margin-top:2rem;display:flex;justify-content:center}.quiz-top{font-size:2rem;font-weight:400;gap:1rem;text-shadow:0 .1rem .2rem rgba(0,0,0,.15);cursor:pointer;-webkit-tap-highlight-color:transparent}.quiz-top-icon{flex-shrink:0}@media only screen and (width:820px){.quiz-h1{margin-top:3rem}.quiz-description{margin-top:2.5rem}.quiz-choices{margin-top:5rem}.quiz-back-wrap{bottom:9svh}.result-main-inner{padding-top:3rem}.result-number-wrap{margin-top:2rem;line-height:1.8}.result-outro{margin-top:2rem}}