:root{--color-white:#fff;--color-black:#000;--color-border:#000;--color-button:#5a7c90}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}html{font-size:100%}:root{--vh:100vh}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;overscroll-behavior-y:none;touch-action:manipulation;overflow-wrap:anywhere;word-break:normal;line-break:strict;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Hiragino Sans,游ゴシック,YuGothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;overflow:hidden}a{color:#000;text-decoration:none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}.textbox{text-box:trim-both cap alphabetic}main{width:90%;max-width:768px;margin-inline:auto}:is(body,main){width:100%;position:fixed}body{user-select:none;height:100%;top:0;left:0}*{touch-action:manipulation;-webkit-user-select:none}#c-summary{flex-direction:column;row-gap:1.5em;padding:1em;display:flex}#c-summary dl dt{background:#fefefe;margin-bottom:.5em;font-size:14px;font-weight:700}#c-summary dl dd{flex-wrap:wrap;display:flex}#c-summary dl dd .a{align-items:center;width:25%;font-size:12px;display:flex}.c-select_lang{position:fixed;top:10px;right:10px}.c-select_lang ul{column-gap:1em;display:flex}.c-select_lang ul li a{align-items:center;height:20px;display:flex}.c-select_lang ul li a.current{color:#fff;background:#000}#debug{background:#000c;padding:0 1em;position:fixed;bottom:0;right:0}#debug p{color:#fff;font-size:11px}body{width:100%;height:100vh;position:fixed}main{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}button{cursor:pointer;--btn-circle-width:100px;display:block}button:disabled{opacity:.5;cursor:not-allowed}button.u-circle{width:var(--btn-circle-width);height:var(--btn-circle-width);background:var(--color-button);border-radius:100vmax;justify-content:center;align-items:center;display:flex}button.u-circle .inr span{color:var(--color-white);display:block}.u-full{width:100%;height:100%;position:absolute;top:0;left:0}.u-flex_center{justify-content:center;align-items:center;display:flex}#intro .c-next{margin-inline:auto;width:fit-content;margin-top:40px}#intro .b-intro0 h1{font-size:18px;line-height:2}#intro .b-intro0 p{margin-top:1em;font-size:14px;line-height:1.5}#intro .b-intro1{opacity:0;pointer-events:none}#intro .b-intro1 h2{font-size:18px;line-height:2}#intro .b-intro1 p{margin-top:1em;font-size:14px;line-height:1.5}form{--input-height:40px;--radio-width:20px;--radio-selected-width:12px;--list-radio-gap:12px;--radio-gap:4px}form label{cursor:pointer}form input[type=text]{width:100%;height:var(--input-height);border:1px solid #ccc;padding:0 0 0 1em}form dl{flex-direction:column;row-gap:.5em;display:flex}form .c-next_ui,form .c-submit_ui{margin-top:40px}form .c-submit_ui{width:420px;height:var(--input-height);position:relative}form .c-submit_ui #end_question{position:absolute;top:0;left:0}form .c-submit_ui #end_question.disable{display:none}form .c-submit_ui #submit_answer{position:absolute;top:0;right:0}form button{width:200px;height:var(--input-height);color:#fff;text-align:center;background:#333}form .c-radio_selector{align-items:center;column-gap:var(--list-radio-gap);display:flex}form .c-radio_selector input[type=radio]{opacity:0;position:absolute;top:0;left:0}form .c-radio_selector input[type=radio]:checked+span.c-radio:before{opacity:1}form .c-radio_selector label{align-items:center;column-gap:var(--radio-gap);display:flex}form .c-radio_selector span.c-radio{width:var(--radio-width);height:var(--radio-width);border:1px solid var(--color-border);border-radius:100vmax;justify-content:center;align-items:center;display:flex}form .c-radio_selector span.c-radio:before{content:"";width:var(--radio-selected-width);height:var(--radio-selected-width);background:var(--color-black);opacity:0;border-radius:100vmax;display:block}form .c-range_selector .c-range{background:#ccc;border-radius:100vmax;width:100%}form .c-range_selector .c-range input[type=range]{width:100%}.select_attribute ul{flex-wrap:wrap;row-gap:2em;display:flex}.select_attribute ul li{width:25%}.b-form{opacity:0;pointer-events:none}#js-survey .form_inner{transition:opacity .6s}#js-survey.disable .form_inner{opacity:0;pointer-events:none;transition:opacity .2s}[data-progress="0"] #intro{opacity:1;pointer-events:auto}[data-progress="0"] #js-survey,[data-progress="0"] #attribute{opacity:0;pointer-events:none}[data-progress="0"] #questionnaire{position:absolute}[data-progress="0"] .c-submit .c-submit_ui{display:none}[data-progress="1"] #intro{opacity:1;pointer-events:auto}[data-progress="1"] #intro .b-intro0{opacity:0;pointer-events:none}[data-progress="1"] #intro .b-intro1{opacity:1;pointer-events:auto}[data-progress="1"] #js-survey,[data-progress="1"] #attribute{opacity:0;pointer-events:none}[data-progress="1"] #questionnaire{position:absolute}[data-progress="1"] .c-submit .c-submit_ui{display:none}[data-progress="2"] #intro{opacity:0;pointer-events:none;display:none}[data-progress="2"] #attribute{opacity:1;pointer-events:auto}[data-progress="2"] #questionnaire{position:absolute}[data-progress="2"] .c-submit .c-submit_ui{display:none}[data-progress="3"] #intro{opacity:0;pointer-events:none;display:none}[data-progress="3"] #attribute{opacity:0;pointer-events:none;position:absolute}[data-progress="3"] #questionnaire{opacity:1;pointer-events:auto}[data-progress="3"] .c-submit .c-next_ui{display:none}[data-progress="3"] .c-submit .c-submit_ui{display:block}[data-progress="4"] #intro{opacity:0;pointer-events:none;display:none}[data-progress="4"] #attribute,[data-progress="4"] #questionnaire{opacity:0;pointer-events:none;position:absolute}[data-progress="4"] #thanks{display:block}#thanks{display:none}#thanks h5,#thanks p{text-align:center}.u-ja{display:block}.u-en,[data-lang=en] .u-ja{display:none}[data-lang=en] .u-en{display:block}
