*{margin:0;padding:0}html,body{overflow:hidden;font-family:sans-serif;color:#000}.page{text-align:center;width:100vw;height:100%;position:fixed;top:0;left:0;background-color:#fff}.btn{background-color:#000;display:inline-block;padding:15px 20px;color:#fff;border-radius:100px;margin:16px;font-size:16px}#page_intro{display:flex;flex-direction:column;font-size:24px}#intro_text{flex-grow:1;display:flex;flex-direction:column;justify-content:center}#page_ask{display:flex;flex-direction:column;justify-content:center}#ask_wrap{flex-grow:1;text-align:center;display:flex;flex-direction:column;justify-content:center}#ask_wrap_text{margin-bottom:30px}.ask_mode{text-align:left;display:flex;margin:10px auto;width:200px;vertical-align:center;line-height:39.5px}.ask_key{flex:0 0 auto;width:100px}.ak2{display:flex}.ak3{flex:0 0 auto;width:50px}#input_age{padding:10px 14px;width:30px;margin-right:10px}#page_start{display:flex;flex-direction:column}#start_text{flex-grow:1;display:flex;flex-direction:column;justify-content:center}#btn_start{background-color:#000;display:inline-block;padding:15px 20px;color:#fff;border-radius:100px;margin:16px}#page_picker{display:flex;flex-direction:column}#guide{margin-top:10px;color:#a4a4a4;font-size:14px}#result_wrap{flex-grow:1;display:flex;flex-direction:column;justify-content:center}#result{width:200px;height:200px;background-color:#fff;margin:0 auto;border:1px solid #e6e6e6}#text{font-size:20px;margin-top:24px}#picker{margin:0 auto}#famTxt{margin-bottom:20px}#familiarity{margin:30px 0}.fcWrap{display:inline-block;margin:3px auto;width:55px;font-size:12px}.fcTxt{margin-top:4px}#btn_next{background-color:#000;display:inline-block;padding:15px 20px;color:#fff;border-radius:100px;margin:16px}#page_text{display:flex;flex-direction:column;display:none}#ptWrap{flex-grow:1;display:flex;flex-direction:column;justify-content:center}#input_relate{width:240px;padding:10px 14px;margin:20px auto}#page_end{background-color:#f0f8ff;display:none}