.header{background:#443e9e;color:#fff;padding:50px 0;margin:-10px;font-size:3rem;text-align:center}body{font-family:system-ui}.hr{margin:30px 0;border-color:#f2f2f2}.is-hide{display:none}.contents{max-width:1280px;margin:30px auto 50px}.container{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.container.first{margin:40px 0}.container.second{margin:50px 0}.form{font-size:1.5rem;margin:auto auto 50px}.note{font-size:1.1rem}.info{color:#999;margin:0 0 10px 35%}.text{text-align:center}.radio{margin:5px auto 5px 35%}.move{color:#fff;background-color:#443e9e;border:0;padding:10px 50px;border-radius:10px;font-size:1.5rem}.move:not(:disabled):hover{background-color:#2a2393}.move:disabled{background-color:#9d9dc6}.choice,.decide{color:#333;background-color:#dedede;border:0;padding:10px 25px;border-radius:10px;font-size:1.1rem}.decide:not(:disabled):hover{background-color:#c7c7c7}.decide:disabled{color:#fff}.transition{margin:20px}.help{position:relative;text-align:right;margin-top:20px}.popup-button{font-weight:bolder;font-size:1.5rem;background-color:#443e9e;color:#ffffff;border-radius:100px;border:0;padding:5px 10px;cursor:pointer}.popup{display:none;position:absolute;background-color:#f1f1f1;color:#333;padding:10px;border-radius:5px;border:1px solid #ccc;top:-30px;right:0;z-index:1}.popup-button:hover{background-color:#3d378b}.popup-button:hover+.popup{display:block}.step-arrow{margin:-30px auto 40px;color:#fff}.step{overflow-y:hidden;display:flex;justify-content:center;list-style:none}li{position:relative;padding:20px 10px 20px 40px;margin:0 30px 0 0;background:#9d9dc6}li:before{right:-80px;border-color:transparent transparent transparent #9d9dc6;border-style:solid;border-width:60px 40px;z-index:10}li:after,li:before{content:"";position:absolute;top:-30px}li:after{right:-95px;border-color:transparent transparent transparent #fff;border-style:solid;border-width:60px 40px;z-index:5}li.is-current{background:#443e9e}li.is-current:before{border-color:transparent transparent transparent #443e9e}li:last-child:after,li:last-child:before{display:none}li:last-child{padding-right:30px}.column{flex-grow:0;flex-shrink:0;flex-basis:calc(20%)}.column:first-child{text-align:center}.column:nth-child(2){flex-grow:0;flex-shrink:0;flex-basis:calc(80%);margin:10px 30px}.step-part{color:#fff;background-color:#443e9e;border:0;padding:35px 15px;border-radius:10px;font-size:2rem;margin:auto}.step-title{text-align:center;margin-top:30px;font-size:2rem}.centered,.output{margin:30px auto;display:block}.centered{margin-top:50px}.output{margin-bottom:5px}div.loading{display:flex;justify-content:center;position:relative}div.loading div,div.loading span{position:absolute}div.loading span{display:inline-block;left:0;top:100%;width:100%;height:2px;background-position:0 0;background-image:linear-gradient(90deg,#000,transparent);animation:animation 2s linear infinite}@keyframes animation{0%{width:0;background-color:transparent}40%{width:100%;background-color:transparent}80%{width:100%;background-color:#000}to{width:100%;background-color:#000}}.selector{margin:5px auto 15px 35%;text-align:left}.custom-selector{height:40px;color:#333;font-size:16px;width:30%;border:3px solid #e6e6e6;padding-left:15px}.custom-selector:hover{border:3px solid #9d9dc6}.tooltip{position:relative;cursor:pointer;display:inline-block}.tooltip p{margin:0;padding:0}.description{display:none;position:absolute;padding:15px;font-size:12px;line-height:1.6em;color:#333;border-radius:5px;border:.8px solid #9d9dc6;background:#ffffff;width:300px;z-index:1}.description:before{content:"";position:absolute;top:0;right:95%;border:15px solid transparent;border-top-color:rgba(255,255,255,0);margin-left:-15px;transform:rotate(90deg)}.tooltip:hover .description{display:inline-block;top:0;left:100%}.fps{margin-bottom:10px}