:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f9fa;font-family:Noto Sans JP,Noto Sans SC,PingFang SC,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f8f9fa;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}.page-shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#f8f9fa}.questionnaire{width:min(100%,560px);min-height:876px;margin:0 auto;padding:76px 9px 42px;position:relative}.language-switch{color:#fff;cursor:pointer;background:#7ec3ee;border:2px solid #4275a3;border-radius:33px;grid-template-columns:1fr 1fr;width:61px;height:25px;padding:0;display:grid;position:absolute;top:8px;right:8px;overflow:hidden}.language-switch:before{content:"";background:#d9d9d9;border:2px solid #4275a3;border-radius:32px;width:36px;height:25px;transition:transform .18s;position:absolute;top:-2px;left:-2px}.language-switch--zh:before{transform:translate(27px)}.language-switch span{z-index:1;letter-spacing:.5px;align-self:center;font-size:14px;font-weight:500;line-height:16px;position:relative}.language-switch--ja span:first-child,.language-switch--zh span:last-child{color:#707070}.language-switch--ja span:last-child,.language-switch--zh span:first-child{color:#fff}.design-grid{grid-template-rows:repeat(2,112px);grid-template-columns:repeat(3,1fr);gap:26px 24px;width:min(100%,337px);margin:0 auto;display:grid}.design-card{grid-template-columns:15px 1fr;align-items:start;width:100%;margin:0;display:grid}.design-card figcaption{padding-top:1px;font-size:20px;line-height:26px}.design-card img{object-fit:contain;-webkit-user-select:none;user-select:none;width:84px;height:84px;margin-top:13px}.design-card--D{grid-area:2/1}.design-card--B{grid-area:2/2}.question{width:min(100%,344px);margin-left:auto;margin-right:auto}.question--ranking{margin-top:51px}.question-copy{margin:0;font-size:15px;font-weight:400;line-height:1.386}.question--ranking .question-copy span,.question--ranking .question-copy strong{display:block}.question--ranking .question-copy strong{margin-top:4px;font-weight:700;line-height:30px}.question--ranking .question-copy span:last-child{line-height:30px}.rank-list{justify-content:space-between;gap:12px;margin:29px 0 0;padding:0 19px;list-style:none;display:flex}.rank-list li{flex:0 45px}.rank-button{color:#000;cursor:grab;touch-action:manipulation;background:#d9e9f3;border:2px solid #0000;border-radius:4px;place-items:center;width:45px;height:45px;padding:0;font-size:20px;line-height:1;transition:border-color .12s,background .12s,transform .12s;display:grid}.rank-button:hover,.rank-button:focus-visible{border-color:#7ec3ee;outline:none}.rank-button.is-selected{background:#bfe3f9;border-color:#4275a3;transform:translateY(-2px)}.rank-button:active{cursor:grabbing}.question--rating{margin-top:38px}.question--rating .question-copy{min-height:42px}.rating-labels{white-space:pre-line;grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:48px;margin-top:8px;display:grid}.rating-labels span{letter-spacing:.5px;font-size:10px;font-weight:500;line-height:16px}.rating-labels span:nth-child(2){text-align:center;justify-self:center}.rating-labels span:last-child{text-align:center;justify-self:end}.rating-scale{justify-content:space-between;width:100%;display:flex;position:relative}.rating-line{background:#7ec3ee;height:2px;position:absolute;top:7px;left:8px;right:8px}.rating-option{z-index:1;cursor:pointer;flex-direction:column;align-items:center;width:30px;display:flex;position:relative}.rating-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.rating-dot{background:#fff;border:1px solid #939393;border-radius:50%;width:16px;height:16px;transition:background .12s,box-shadow .12s}.rating-option input:checked+.rating-dot{background:#7ec3ee;box-shadow:inset 0 0 0 3px #fff}.rating-option input:focus-visible+.rating-dot{outline-offset:2px;outline:2px solid #4275a3}.rating-number{color:#6f6f6f;letter-spacing:.5px;margin-top:2px;font-family:Lato,sans-serif;font-size:10px;font-weight:500;line-height:16px}.submission-area{flex-direction:column;align-items:flex-end;width:min(100%,344px);min-height:78px;margin:28px auto 0;display:flex}.submit-button,.finish-button{color:#16354f;cursor:pointer;background:#83c3e9;border:1px solid #5ca9d5;border-radius:18px;min-width:109px;min-height:38px;padding:7px 22px;font-size:15px;font-weight:700;transition:opacity .12s,transform .12s,background .12s;box-shadow:0 2px 5px #4275a32e}.submit-button:hover,.finish-button:hover{background:#72b9e2}.submit-button:focus-visible,.finish-button:focus-visible{outline-offset:3px;outline:2px solid #4275a3}.submit-button:active,.finish-button:active{transform:scale(.97)}.submit-button:disabled{cursor:wait;opacity:.6}.submission-message{color:#b42318;text-align:right;width:100%;margin:9px 0 0;font-size:11px;line-height:1.5}.completion-shell{place-items:center;min-height:100dvh;display:grid}.completion-card{text-align:center;width:min(100%,390px);padding:54px 28px}.completion-mark{color:#fff;background:#83c3e9;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 30px;font-size:38px;font-weight:700;display:grid}.completion-card h1{margin:0;font-size:21px;line-height:1.5}.completion-card p{color:#4d4d4d;margin:18px 0 36px;font-size:15px;line-height:1.7}.finish-button{min-width:132px}@media (width>=700px){.page-shell{padding-top:32px}.questionnaire{min-height:890px;padding-left:64px;padding-right:64px}}@media (width<=374px){.questionnaire{padding-left:0;padding-right:0}.design-grid{column-gap:8px}.design-card img{width:min(84px,23vw);height:min(84px,23vw)}.rank-list{gap:7px;padding-left:7px;padding-right:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}