html{font-size:18px;color:#262626}html *{font-family:Meiryo UI,Yu Gothic UI,Arial,"sans-serif"}body{line-height:1.3;background-color:#fff;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;width:100vw;text-align:left}main{max-width:1240px;margin:0 auto;font-weight:400}main .lineSeparatorXl{display:none;height:20px;background-color:#262626;width:100%}main .container{overflow:hidden;position:relative}main h2{border-top:3px solid #262626;padding-top:1rem;margin-bottom:0;line-height:1.1}main h1{display:none;padding:0;font-weight:700;font-size:3.25rem;margin:0 0 1.5rem;line-height:1.1}main p{margin-top:0;margin-bottom:1.25rem;text-wrap:pretty}@keyframes round{0%{stroke-opacity:0;stroke-width:0px}3%{stroke-opacity:1;stroke-width:6px}6%{stroke-opacity:0;stroke-width:0px}9%{stroke-opacity:1;stroke-width:6px}12%{stroke-opacity:0;stroke-width:0px}to{stroke-opacity:0;stroke-width:0px}}svg .button:first-child .bg.pulse,svg .button:nth-child(4) .bg.pulse{animation-delay:.6s}svg .button:nth-child(2) .bg.pulse,svg .button:nth-child(3) .bg.pulse{animation-delay:1.2s}svg .button:nth-child(5) .bg.pulse,svg .button:nth-child(7) .bg.pulse{animation-delay:1.8s}svg .button:nth-child(6) .bg.pulse{animation-delay:2.4s}svg .button:nth-child(8) .bg.pulse{animation-delay:3s}svg .button:hover .bg.pulse{stroke-opacity:0!important;stroke-width:0!important}svg .button .bg.pulse{stroke:#ebebeb;stroke-width:0px;animation-name:round;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-fill-mode:both}.container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;gap:40px}.col-infographic{width:calc(100% - 50px - 430px);position:relative}.col-infographic svg{max-height:500px;padding-bottom:1rem}.col-text{width:430px}.col-infographic svg{margin:auto;display:block;width:100%;max-width:680px;height:auto}.col-infographic .instructionContainer{position:absolute;background-color:#fff;z-index:999;font-size:.8rem;max-width:340px;width:100%;left:50%;transform:translateX(-50%);top:30px;border:1px solid #262626;padding:20px 40px 20px 20px}.col-infographic .instructionContainer p{margin-bottom:0;text-wrap:pretty}.instructionContainer{visibility:hidden;transition:opacity 1s ease-out 0s;opacity:0;display:flex;gap:10px;flex-direction:row;box-sizing:border-box}.instructionContainer.show{visibility:visible;opacity:1}.instructionContainer .closeInst{position:absolute;background-color:unset;border:0;right:0;top:0;padding:10px}.instructionContainer .closeInst svg{width:unset}svg #btn1:not(.no-hover){cursor:pointer}svg #btn1 .pattern{opacity:0}svg #btn1 path{transition:fill .4s ease}svg #btn1 .bg{fill:#ebebeb}svg #btn1 .text{fill:#262626}svg #btn1.active .bg,svg #btn1:not(.no-hover):hover .bg{fill:#d5201b}svg #btn1.active .pattern,svg #btn1:not(.no-hover):hover .pattern{opacity:1!important}svg #btn1.active .text,svg #btn1:not(.no-hover):hover .text{fill:#ebebeb}svg #btn2:not(.no-hover){cursor:pointer}svg #btn2 .pattern{opacity:0}svg #btn2 path{transition:fill .4s ease}svg #btn2 .bg{fill:#ebebeb}svg #btn2 .text{fill:#262626}svg #btn2.active .bg,svg #btn2:not(.no-hover):hover .bg{fill:#144752}svg #btn2.active .pattern,svg #btn2:not(.no-hover):hover .pattern{opacity:1!important}svg #btn2.active .text,svg #btn2:not(.no-hover):hover .text{fill:#ebebeb}svg #btn3:not(.no-hover){cursor:pointer}svg #btn3 .pattern{opacity:0}svg #btn3 path{transition:fill .4s ease}svg #btn3 .bg{fill:#ebebeb}svg #btn3 .text{fill:#262626}svg #btn3.active .bg,svg #btn3:not(.no-hover):hover .bg{fill:#646363}svg #btn3.active .pattern,svg #btn3:not(.no-hover):hover .pattern{opacity:1!important}svg #btn3.active .text,svg #btn3:not(.no-hover):hover .text{fill:#ebebeb}svg #btn4:not(.no-hover){cursor:pointer}svg #btn4 .pattern{opacity:0}svg #btn4 path{transition:fill .4s ease}svg #btn4 .bg{fill:#ebebeb}svg #btn4 .text{fill:#262626}svg #btn4.active .bg,svg #btn4:not(.no-hover):hover .bg{fill:#ec9831}svg #btn4.active .pattern,svg #btn4:not(.no-hover):hover .pattern{opacity:1!important}svg #btn4.active .text,svg #btn4:not(.no-hover):hover .text{fill:#ebebeb}svg #btn5:not(.no-hover){cursor:pointer}svg #btn5 .pattern{opacity:0}svg #btn5 path{transition:fill .4s ease}svg #btn5 .bg{fill:#ebebeb}svg #btn5 .text{fill:#262626}svg #btn5.active .bg,svg #btn5:not(.no-hover):hover .bg{fill:#ec9831}svg #btn5.active .pattern,svg #btn5:not(.no-hover):hover .pattern{opacity:1!important}svg #btn5.active .text,svg #btn5:not(.no-hover):hover .text{fill:#ebebeb}svg #btn6:not(.no-hover){cursor:pointer}svg #btn6 .pattern{opacity:0}svg #btn6 path{transition:fill .4s ease}svg #btn6 .bg{fill:#ebebeb}svg #btn6 .text{fill:#262626}svg #btn6.active .bg,svg #btn6:not(.no-hover):hover .bg{fill:#d5201b}svg #btn6.active .pattern,svg #btn6:not(.no-hover):hover .pattern{opacity:1!important}svg #btn6.active .text,svg #btn6:not(.no-hover):hover .text{fill:#ebebeb}svg #btn7:not(.no-hover){cursor:pointer}svg #btn7 .pattern{opacity:0}svg #btn7 path{transition:fill .4s ease}svg #btn7 .bg{fill:#ebebeb}svg #btn7 .text{fill:#262626}svg #btn7.active .bg,svg #btn7:not(.no-hover):hover .bg{fill:#646363}svg #btn7.active .pattern,svg #btn7:not(.no-hover):hover .pattern{opacity:1!important}svg #btn7.active .text,svg #btn7:not(.no-hover):hover .text{fill:#ebebeb}svg #btn8:not(.no-hover){cursor:pointer}svg #btn8 .pattern{opacity:0}svg #btn8 path{transition:fill .4s ease}svg #btn8 .bg{fill:#ebebeb}svg #btn8 .text{fill:#262626}svg #btn8.active .bg,svg #btn8:not(.no-hover):hover .bg{fill:#144752}svg #btn8.active .pattern,svg #btn8:not(.no-hover):hover .pattern{opacity:1!important}svg #btn8.active .text,svg #btn8:not(.no-hover):hover .text{fill:#ebebeb}.infobox h1{margin-top:0}.close-container{text-align:right;margin-top:-.5rem;margin-bottom:.5rem}button{background-color:#262626;color:#fff;box-sizing:border-box;display:inline-block;text-decoration:none;font-family:inherit;margin:0;cursor:pointer;border:.05rem solid #262626;transition:color .2s ease,background-color .2s ease,border-color .2s ease;text-align:center;padding:.25rem .75rem;font-weight:400;font-size:.8rem;line-height:inherit}button:hover{background-color:#646363;border-color:#646363}button.close{background-color:transparent;border:0;padding:0;display:inline-block;line-height:0;margin-right:-10px}button.close:hover line{stroke:#646363}button.results{position:absolute;top:0;right:20px}button.read{position:absolute;top:0;left:20px}@media screen and (max-width:1130px){.col-infographic{width:calc(100% - 50px - 450px)}.col-text{width:450px}}@media screen and (max-width:900px){.col-infographic{margin-top:1rem}.col-infographic .lineSeparator{display:none}main{position:relative}.container{flex-direction:column}.col-infographic,.col-text{width:100%}.infobox{position:absolute;bottom:0;background-color:#fff;border-top:3px solid #262626;box-sizing:border-box;width:90%;left:5%;box-shadow:0 1px 7px rgba(38,38,38,.341);height:auto;padding:1rem}h2{border-top:0!important}}@media screen and (max-width:599px){main{position:relative}main .container{gap:10px}main h1{font-size:2.5rem;margin-bottom:1.25rem}}@media screen and (max-width:340px){main{position:relative}main .instructionContainer p{font-size:.8rem}main .instructionContainer img{width:26px}.close-container{text-align:right;margin-top:-.5rem;margin-bottom:0}.close-container button.close{margin-right:0}.infobox{position:absolute;bottom:0;background-color:#fff;border-top:3px solid #262626;box-sizing:border-box;width:calc(100% - 40px);left:20px;box-shadow:none;height:100%;padding:1rem 0 0}}.infobox{animation:fade-in .5s ease-out 0s}@keyframes fade-in{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}svg .text,svg .text tspan{font-size:.48rem;font-family:arial!important}