#question_list h3:hover,#question_options li:hover,.btn:hover{cursor:pointer}.btn,a{text-decoration:none}.loading_no_scroll{overflow:hidden}.loading_run{display:inline-block;width:20px;height:20px;background:#ddd;position:relative;animation-name:loading_run;animation-duration:1s;animation-iteration-count:infinite}.loading_run:after,.loading_run:before{content:'';width:20px;height:20px;background:#ddd;position:absolute;top:0;animation-name:loading_run;animation-duration:1s;animation-iteration-count:infinite}.loading_run:before{left:30px;animation-delay:.3s}.loading_run:after{left:60px;animation-delay:.6s}@keyframes loading_run{0%,100%{background:#777}90%{background:#ddd}}.percent_1{--p:1}.percent_2{--p:2}.percent_3{--p:3}.percent_4{--p:4}.percent_5{--p:5}.percent_6{--p:6}.percent_7{--p:7}.percent_8{--p:8}.percent_9{--p:9}.percent_10{--p:10}.percent_11{--p:11}.percent_12{--p:12}.percent_13{--p:13}.percent_14{--p:14}.percent_15{--p:15}.percent_16{--p:16}.percent_17{--p:17}.percent_18{--p:18}.percent_19{--p:19}.percent_20{--p:20}.percent_21{--p:21}.percent_22{--p:22}.percent_23{--p:23}.percent_24{--p:24}.percent_25{--p:25}.percent_26{--p:26}.percent_27{--p:27}.percent_28{--p:28}.percent_29{--p:29}.percent_30{--p:30}.percent_31{--p:31}.percent_32{--p:32}.percent_33{--p:33}.percent_34{--p:34}.percent_35{--p:35}.percent_36{--p:36}.percent_37{--p:37}.percent_38{--p:38}.percent_39{--p:39}.percent_40{--p:40}.percent_41{--p:41}.percent_42{--p:42}.percent_43{--p:43}.percent_44{--p:44}.percent_45{--p:45}.percent_46{--p:46}.percent_47{--p:47}.percent_48{--p:48}.percent_49{--p:49}.percent_50{--p:50}.percent_51{--p:51}.percent_52{--p:52}.percent_53{--p:53}.percent_54{--p:54}.percent_55{--p:55}.percent_56{--p:56}.percent_57{--p:57}.percent_58{--p:58}.percent_59{--p:59}.percent_60{--p:60}.percent_61{--p:61}.percent_62{--p:62}.percent_63{--p:63}.percent_64{--p:64}.percent_65{--p:65}.percent_66{--p:66}.percent_67{--p:67}.percent_68{--p:68}.percent_69{--p:69}.percent_70{--p:70}.percent_71{--p:71}.percent_72{--p:72}.percent_73{--p:73}.percent_74{--p:74}.percent_75{--p:75}.percent_76{--p:76}.percent_77{--p:77}.percent_78{--p:78}.percent_79{--p:79}.percent_80{--p:80}.percent_81{--p:81}.percent_82{--p:82}.percent_83{--p:83}.percent_84{--p:84}.percent_85{--p:85}.percent_86{--p:86}.percent_87{--p:87}.percent_88{--p:88}.percent_89{--p:89}.percent_90{--p:90}.percent_91{--p:91}.percent_92{--p:92}.percent_93{--p:93}.percent_94{--p:94}.percent_95{--p:95}.percent_96{--p:96}.percent_97{--p:97}.percent_98{--p:98}.percent_99{--p:99}.percent_100{--p:100}#score_person{--c:#f4bc00}#score_all{--c:#00479b}.pie{width:176px;aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:25px;font-weight:700;font-family:sans-serif;box-shadow:inset 0 0 0 14px rgba(220,214,214,.37);border-radius:50%}.pie:after,.pie:before{content:"";position:absolute;border-radius:50%}.pie:before{inset:0;background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/14px 14px no-repeat,conic-gradient(var(--c) calc(var(--p) *1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - 14px),#000 calc(100% - 14px));mask:radial-gradient(farthest-side,#0000 calc(99% - 14px),#000 calc(100% - 14px))}.pie:after{inset:calc(50% - 14px/2);background:var(--c);transform:rotate(calc(var(--p) *3.6deg)) translateY(calc(50% - 176px/2))}.animate{animation:p 1s .5s both}.no-round:before{background-size:0 0,auto}.no-round:after{content:none}@keyframes p{from{--p:0}}.btn{background-color:transparent;border-radius:17.5px;padding:11.5px 26.7px;box-sizing:border-box;color:#43a66d;border:1px solid #43a66d}.btn:hover{background-color:#fff;color:#43a66d}.btn:active{background-color:#43a66d;color:#fff}#bg,.grid:nth-child(1){background-color:#faf8f6}a,footer,h2,main p,main ul{color:#3d4a5d}.hide{display:none!important}main{min-height:100vh;background-color:#b4c8bb;align-content:unset!important}.grid:nth-child(1){padding:0 27px;box-sizing:border-box;line-height:1.6;display:flex;flex-direction:column}#result_title,#step,footer,h2,main p,main ul{line-height:1.5}.grid:nth-child(2){display:flex;padding-top:50px;box-sizing:border-box;justify-content:center;align-items:end}#vision{width:70%;max-width:720px}h1{margin-top:80px;text-align:center;font-size:40px}h2,main p,main ul{font-size:16px;letter-spacing:.2px}main p,main ul{margin-bottom:1rem}main .last-child{margin-bottom:0}footer{font-size:12px;letter-spacing:.2px}#btn_desktop{display:none;margin-bottom:40px}#btn_mobile{display:inline-block;margin:51px auto 75px}@media screen and (min-width:35.5em){.grid:nth-child(1){padding:0 54px}}@media screen and (min-width:48em){.grid:nth-child(2){display:flex;min-height:100vh;justify-content:center;align-items:end}#btn_desktop{display:inline-block}#btn_mobile{display:none}}#info_layout,#question_layout{box-sizing:border-box;position:relative;padding:104px 24px 48px}#info_exit,#question_exit{position:absolute;top:80px;right:24px;width:12px;height:12px;transform:rotate(45deg)}#info_exit::before,#question_exit::before{content:'';position:absolute;width:100%;border-bottom:solid 2px #878787;top:50%;margin-top:-1px}#info_exit::after,#question_exit::after{content:'';position:absolute;height:100%;border-left:solid 2px #878787;left:50%;margin-left:-1px}#question_header{display:flex;align-items:center}#step{font-size:40px;letter-spacing:.5px;color:#3d4a5d}#info_options li,#info_title,#question_options li,#question_title,#tag{font-size:18px;line-height:1.78;letter-spacing:.2px;color:#3d4a5d}#tag{margin-left:40px;padding:0 12px;border-radius:8px;background-color:#c2e6d0;box-sizing:border-box}#info_title,#question_title{margin-top:16px;margin-bottom:12px}#info_options li{margin-bottom:20px}#question_options li{padding:8px 24px;box-sizing:border-box;margin-bottom:12px}#question_options li.highlight{border-radius:16px;background-color:rgba(214,214,214,.37)}#question_options li.correct{color:#25af6a}#question_options li.mistake{color:#ff636a}#info_section .btn,#question_section .btn{width:100%}@media screen and (min-width:35.5em){#question_section{position:relative}#info_layout,#question_layout{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding-top:0;padding-left:40px;padding-right:40px}#info_exit,#question_exit{position:absolute;top:32px;right:32px}#info_section,#question_section{box-sizing:border-box;max-width:754px;width:calc(754px + 40px + 40px);padding:32px;border-radius:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px 0 rgba(200,200,200,.16);background-color:rgba(255,255,255,.85)}}#result{margin:0 auto;max-width:600px;padding:0 6px 48px}#result_title{padding-top:104px;padding-bottom:40px;box-sizing:border-box;font-size:48px;font-weight:500;letter-spacing:.4px;text-align:center;color:#3d4a5d}#result_score .pure-u-1{display:flex;justify-content:center}.card{margin-bottom:1rem;box-sizing:border-box;padding:32px 53px;border-radius:16px;background-color:rgba(255,255,255,.75);width:282px}.score_desc{margin-top:10px;font-size:24px;line-height:1.33;letter-spacing:.2px;text-align:center;color:#3d4a5d}#question_list,#result_question{line-height:1.6;letter-spacing:.5px;color:#3d4a5d}#score{font-size:16px;line-height:1.5;letter-spacing:.13px;text-align:center;color:#878787}#result_question{margin:43px 0;font-size:21px;text-align:center}#question_list{font-size:18px}#question_list .question_item:nth-child(1){border-top:none}#question_list .question_item,.arrow::before{border-top:solid 1px #878787}#question_list h3{display:flex;justify-content:space-between;align-items:center;padding:8px 0;box-sizing:border-box}.arrow{margin-right:14px;display:inline-block;position:relative;width:7px;height:7px;transform:rotate(45deg);transition:transform .3s ease}.arrow::after,.arrow::before{content:'';position:absolute;width:14px;height:14px}.arrow.open{transform:rotate(225deg)}.arrow::after{border-left:solid 1px #878787}.question a{text-decoration:underline}.question li,.question p{margin-bottom:12px}.question li{position:relative;padding-left:1.5rem;box-sizing:border-box}.question li:last-child{margin-bottom:0}.question li .svg_correct,.question li .svg_mistake{display:none;position:absolute;left:0;top:0;margin-top:6px}.question li.correct .svg_correct,.question li.mistake .svg_mistake{display:inline-block}#redirect{text-align:center;padding-top:2rem;box-sizing:border-box}