@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&family=Roboto:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital@0;1&family=Noto+Serif:ital@0;1&display=swap";body,.ja,.sl{font-family:Noto Sans JP,sans-serif}.en{font-family:Roboto,sans-serif}.phonetic{font-family:Noto Serif Display,serif;font-weight:600}.fadein{animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-direction:normal}.fadeout{animation-name:fade;animation-duration:.33s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;animation-direction:reverse}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeup{0%{opacity:0;transform:translateY(30px)}to{transform:translateY();opacity:1}}@keyframes scaleup{0%{transform:scale(0)}to{transform:scale(1)}}html,body{font-size:28px}#app{width:1920px;height:1080px;position:relative;box-shadow:0 0 10px #000}#app div.blu,#app div.blu div.template{width:100%;height:100%}@media screen and (width>=1920px) and (height>=1080px){#app{margin:auto;position:absolute;inset:0}}#app div.template{width:100%;height:100%}#app div.template>header{background-color:#598f35;justify-content:space-between;align-items:center;height:140px;padding:0 90px;display:flex}#app div.template>header h1{color:#fff;justify-content:flex-start;align-items:center;font-size:50px;line-height:1.1;display:flex}#app div.template>header h1 .box{border:3px solid #fff;justify-content:center;align-items:center;width:200px;height:74px;font-size:32px;display:flex}#app div.template>header ul.lang{justify-content:flex-end;align-items:center;list-style:none;display:flex}#app div.template>header ul.lang li{width:210px;height:64px;margin-left:20px;display:inline-block}#app div.template>header ul.lang li .button{align-items:center;width:100%;height:100%;padding:0 30px;font-size:24px;display:flex}#app div.template>main{height:calc(100% - 280px)}#app div.template>footer{clear:both;background-color:#eaebeb;justify-content:space-between;align-items:center;width:100%;height:140px;padding:0;display:flex;position:absolute;bottom:0}#app div.template>footer .button{color:#fff;background-color:#598f35;width:auto;height:64px;font-size:24px}#app div.template>footer .button:after{border-color:#fff #fff #0000 #0000}#app div.template>footer .button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;padding:0 20px 0 40px}#app div.template>footer .button:first-child:before{content:"";transform-origin:50%;border:3px solid #0000;border-color:#0000 #0000 #fff #fff;width:14px;height:14px;margin-right:15px;display:block;transform:rotate(45deg)}#app div.template>footer .button:first-child:after{content:none}#app div.template>footer .button:nth-child(2){border-top-right-radius:0;border-bottom-right-radius:0;padding:0 40px 0 20px}#app div.template.ja>header ul.lang li .button.ja,#app div.template.en>header ul.lang li .button.en,#app div.template.sl>header ul.lang li .button.sl{color:#fff;background-color:#467928}#app div.template.ja>header ul.lang li .button.ja:after,#app div.template.en>header ul.lang li .button.en:after,#app div.template.sl>header ul.lang li .button.sl:after{border-color:#fff #fff #0000 #0000}.button{color:#000;text-align:left;background-color:#eef4ea;border:3px solid #598f35;border-radius:20px;justify-content:space-between;align-items:center;width:100%;height:120px;padding:0 48px;font-size:32px;line-height:1;display:flex}.button:after{content:"";transform-origin:50%;border:3px solid #598f35;border-color:#598f35 #598f35 #0000 #0000;width:14px;height:14px;margin-left:15px;display:block;transform:rotate(45deg)}article.top{color:#fff;background:#598f35;width:1920px;height:1080px;position:absolute;top:0;left:0}article.top h1{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:490px;margin:0;display:flex}article.top h1 span{display:block}article.top h1 span.ja{margin-bottom:15px;font-size:100px}article.top h1 span.en{font-size:50px}article.top h1 span.box{border:3px solid #fff;justify-content:center;align-items:center;width:400px;height:74px;margin-bottom:15px;font-size:32px;display:flex}article.top ul{justify-content:center;align-items:flex-start;margin:0 auto;display:flex;position:absolute;top:490px;left:0;right:0}article.top ul li{flex-direction:column;justify-content:space-between;align-items:center;width:620px;height:500px;padding:0 60px;display:flex}article.top ul li:first-child{border-right:1px solid #fff}article.top ul li:last-child{border-left:1px solid #fff}article.top ul li p div.playable-video{max-width:400px}article.top ul li p div.playable-video button.play{color:#000}article.top ul li.en p{line-height:1.4}div.modal{z-index:90;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}div.playable-video{max-width:100%;max-height:100%;position:relative}div.playable-video div.cover{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}div.playable-video button,div.playable-video div.progress{position:absolute}div.playable-video button.play span.icon,div.playable-video button.icon{color:#fff;fill:#fff;z-index:1;background-color:#598f35;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}div.playable-video button.play{z-index:1;background-color:#eef4ea;border:3px solid #598f35;border-radius:20px;justify-content:space-around;align-items:center;width:178px;height:64px;margin:auto;font-size:28px;display:flex;inset:0}div.playable-video button.icon.from-start{bottom:10px;left:50px}div.playable-video button.icon.pause{bottom:10px;left:10px}div.playable-video button.icon.fullscreen{bottom:10px;right:10px}div.playable-video video{object-fit:contain;max-width:100%;max-height:100%}div.playable-video div.debug{text-align:left;z-index:0;color:#000;opacity:.1;width:100%;height:100%;text-shadow:none;background:#fffc;padding:1rem;font-size:20px;position:absolute;top:0;left:0;overflow:auto}div.playable-video div.debug:hover{opacity:1}div.playable-video div.debug:before{content:"仮動画";text-align:center;border:1px solid #fff;width:4em;display:block}div.playable-video div.debug span.num{font-size:24px;display:block}div.playable-video div.debug span.num:before{content:"本番用動画No:";font-size:90%}div.playable-video div.debug span.text{margin-top:10px;display:block}div.playable-video div.debug span.text:before{content:"内容: ";width:53px;font-size:90%;display:block}div.modal.player div.modal-content{justify-content:center;align-items:center;width:1820px;height:980px;padding:0;display:flex;position:relative}div.modal.player div.modal-content button.close{width:100px;height:100px;padding:0;position:absolute;top:30px;right:30px}div.modal.player div.modal-content button.close:after{content:none}div.modal.player div.modal-content button.close{color:#000;background-color:#eef4ea;border:1px solid #598f35;border-radius:20px;justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}div.modal.player div.modal-content button.close svg{width:50px;height:50px}div.modal.player div.playable-video{transform:scale(2)}div.modal.player div.playable-video div.debug{text-align:left;z-index:0;color:#000;opacity:.1;width:100%;height:100%;text-shadow:none;background:#fffc;padding:1rem;font-size:20px;position:absolute;top:0;left:0;overflow:auto}div.modal.player div.playable-video div.debug:hover{opacity:1}div.modal.player div.playable-video div.debug:before{content:"仮動画";text-align:center;border:1px solid #fff;width:4em;display:block}div.modal.player div.playable-video div.debug span.num{font-size:24px;display:block}div.modal.player div.playable-video div.debug span.num:before{content:"本番用動画No: ";font-size:90%}div.modal.player div.playable-video div.debug span.text{margin-top:10px;display:block}div.modal.player div.playable-video div.debug span.text:before{content:"内容: ";width:53px;font-size:90%;display:block}div.numquiz main{width:100%;height:100%;padding:70px 90px;position:relative;overflow:hidden}div.numquiz main article.question{justify-content:space-between;align-items:flex-start;display:flex}div.numquiz main article.question div.question{width:1180px;height:100%;padding-right:60px}div.numquiz main article.question div.question div.text{margin-bottom:30px}div.numquiz main article.question div.question div.text h2{justify-content:flex-start;align-items:center;margin-bottom:50px;display:flex}div.numquiz main article.question div.question div.text h2 span.number{color:#fff;background-color:#598f35;border:3px solid #598f35;justify-content:center;align-items:center;width:90px;height:60px;font-size:32px;display:flex;position:relative;overflow:visible}div.numquiz main article.question div.question div.text h2 span.number:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-20px;left:-3px}div.numquiz main article.question div.question div.text h2 span.level{color:#598f35;border:3px solid #598f35;justify-content:center;align-items:center;width:310px;height:60px;font-size:28px;display:flex}div.numquiz main article.question div.question div.text h2 span.level span.stars{color:#dbdbdb}div.numquiz main article.question div.question div.text h2 span.level span.stars span.active{color:#598f35}div.numquiz main article.question div.question div.img{max-height:420px}div.numquiz main article.question div.question div.img video,div.numquiz main article.question div.question div.img img{object-fit:contain;width:100%;max-height:420px}div.numquiz main article.question div.question div.img div.playable-video{width:560px;height:420px}div.numquiz main article.question div.question div.img div.playable-video video,div.numquiz main article.question div.question div.img div.playable-video img{object-fit:contain;width:100%;max-height:400px}div.numquiz main article.question ul.answers{border-left:1px solid #c1c1c1;flex-direction:column;justify-content:center;align-items:stretch;width:560px;height:660px;padding-left:60px;display:flex}div.numquiz main article.question ul.answers li{margin-bottom:40px}div.numquiz main article.question ul.answers li .button{font-size:32px}div.numquiz main article.answer{justify-content:space-between;align-items:flex-start;display:flex}div.numquiz main article.answer>h2{flex-direction:column;justify-content:center;align-items:center;width:50%;height:660px;padding-right:0;display:flex}div.numquiz main article.answer>h2 span.result{justify-content:center;align-items:center;width:380px;height:380px;margin-bottom:80px;font-size:100px;display:flex;position:relative}div.numquiz main article.answer>h2 span.result:before{content:"";z-index:-1;border:40px solid #dfe8db;border-radius:100%;width:100%;height:100%;margin:auto;display:block;position:absolute;inset:0}div.numquiz main article.answer>h2 span.result.wrong:before{z-index:-1;border-width:20px 0;border-color:#dfe8db #0000;border-radius:0;height:0;transform:rotate(45deg)}div.numquiz main article.answer>h2 span.result.wrong:after{content:"";z-index:-1;border:20px solid #dfe8db;border-left:0 solid #0000;border-right:0 solid #0000;width:100%;height:0;margin:auto;display:block;position:absolute;inset:0;transform:rotate(-45deg)}div.numquiz main article.answer>h2 span.correct-answer{text-indent:10px;font-size:32px}div.numquiz main article.answer aside{border-left:1px solid #c1c1c1;width:50%;height:660px;padding-left:60px;position:relative}div.numquiz main article.answer aside h2{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:215px;height:76px;margin-bottom:50px;font-size:32px;display:flex;position:relative}div.numquiz main article.answer aside h2:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-17px;left:0}div.numquiz main article.answer aside p div.playable-video{max-width:533px;height:auto;margin:0 auto}div.numquiz main article.answer aside .button{width:500px;margin:0 auto;position:absolute;bottom:0;left:0;right:0}div.numquiz main article.result header{margin-bottom:38px}div.numquiz main article.result ul{flex-flow:column wrap;justify-content:flex-start;align-items:stretch;height:540px;display:flex}div.numquiz main article.result ul li{border-bottom:1px solid #c1c1c1;width:810px}div.numquiz main article.result ul li:first-child,div.numquiz main article.result ul li:nth-child(5){border-top:1px solid #c1c1c1}div.numquiz main article.result ul li{justify-content:flex-start;align-items:center;padding:26px 0;display:flex;position:relative}div.numquiz main article.result ul li span.number{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:90px;height:80px;margin-right:20px;font-size:32px;display:flex}div.numquiz main article.result ul li span.correct{background-color:#ececec;justify-content:center;align-items:center;width:210px;height:80px;margin-right:40px;display:flex}div.numquiz main article.result ul li span.correct em{justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-size:10px;display:flex;position:relative}div.numquiz main article.result ul li span.correct em:before{content:"";border:10px solid #598f35;border-radius:100%;width:100%;height:100%;margin:auto;display:block;position:absolute;inset:0}div.numquiz main article.result ul li span.correct em.wrong:before{border-width:5px 0;border-color:#598f35 #0000;border-radius:0;height:0;transform:rotate(45deg)}div.numquiz main article.result ul li span.correct em.wrong:after{content:"";border:5px solid #598f35;border-left:0 solid #0000;border-right:0 solid #0000;width:100%;height:0;margin:auto;display:block;position:absolute;inset:0;transform:rotate(-45deg)}div.numquiz main article.result ul li span.per{justify-content:center;align-items:center;display:flex}div.numquiz main article.result ul li span.per em{margin-left:30px;font-size:36px;font-style:normal;display:inline-block}div.numquiz main article.result ul li button.button{justify-content:center;align-items:center;width:64px;height:64px;margin:auto 0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}div.numquiz main article.result ul li button.button:after{content:none}div.numquiz main article.result ul li button.button span.icon{fill:#fff;color:#fff;background-color:#598f35;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}div.numquiz.en main article.answer aside h2{width:345px;margin-bottom:30px}div.numquiz.en main article.result ul{height:550px}div.numquiz.en main article.result ul li span.per{width:340px}div.numquiz.sl main article.question{flex-direction:column}div.numquiz.sl main article.question div.question{justify-content:center;width:100%;height:400px;display:flex}div.numquiz.sl main article.question div.question div.text h2{justify-content:space-around;width:454px;margin:0}div.numquiz.sl main article.question div.question div.text h2 span.number:after{content:none}div.numquiz.sl main article.question div.question div.text h2 span.level{border-left:none;width:364px}div.numquiz.sl main article.question div.question div.text div.playable-video{width:454px}div.numquiz.sl main article.question div.question div.arrow{justify-content:center;align-items:center;width:120px;display:flex}div.numquiz.sl main article.question div.question div.arrow:after{content:"";border:20px solid #0000;border-left-color:#598f35;border-right-width:0;display:block}div.numquiz.sl main article.question div.question div.img{justify-content:center;align-items:center;display:flex}div.numquiz.sl main article.question div.question div.img div.playable-video{width:auto;height:400px}div.numquiz.sl main article.question ul.answers{border-top:1px solid #c1c1c1;border-left:none;flex-direction:row;justify-content:space-between;width:100%;height:auto;margin-top:40px;padding:40px 0 0}div.numquiz.sl main article.question ul.answers li{width:405px;height:210px}div.numquiz.sl main article.question ul.answers li .button{height:calc(100% - 2px);padding-left:0;overflow:hidden}div.numquiz.sl main article.question ul.answers li .button div.playable-video{width:280px;height:210px}div.numquiz.sl main article.question ul.answers li .button span.text{padding-left:48px}div.numquiz.sl main article.answer aside{width:50%;padding-left:170px;padding-right:170px}div.numquiz.sl main article.answer aside h2{margin-bottom:40px}div.numquiz.sl main article.answer aside p div.playable-video{max-width:100%;height:auto;margin:0 auto}div.numquiz.sl main article.result{justify-content:space-between;align-items:flex-start;display:flex}div.numquiz.sl main article.result header{width:533px}div.numquiz.sl main article.result ul{width:1137px}div.numquiz.sl main article.result ul li{width:543px}div.numquiz.sl main article.result ul li:nth-child(-n+4){margin-right:50px}div.numquiz.sl main article.result ul li span.number{width:80px;margin-right:12px}div.numquiz.sl main article.result ul li span.correct{width:179.5px;margin-right:20px}div.numquiz.sl main article.result ul li span.per{flex-direction:column;height:80px;font-size:18px}div.numquiz.sl main article.result ul li span.per em{display:block}div.modal.numquiz.result div.modal-content{background-color:#fff;width:1820px;height:980px;padding:60px 30px 30px;position:relative}div.modal.numquiz.result div.modal-content button.close{width:100px;height:100px;padding:0;position:absolute;top:30px;right:30px}div.modal.numquiz.result div.modal-content button.close:after{content:none}div.modal.numquiz.result div.modal-content button.close{color:#000;background-color:#eef4ea;border:1px solid #598f35;border-radius:20px;justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}div.modal.numquiz.result div.modal-content button.close svg{width:50px;height:50px}div.modal.numquiz.result div.modal-content div.question div.text{margin-bottom:30px}div.modal.numquiz.result div.modal-content div.question div.text h2{justify-content:flex-start;align-items:center;margin-bottom:50px;display:flex}div.modal.numquiz.result div.modal-content div.question div.text h2 span.number{color:#fff;background-color:#598f35;border:3px solid #598f35;justify-content:center;align-items:center;width:90px;height:60px;font-size:32px;display:flex;position:relative;overflow:visible}div.modal.numquiz.result div.modal-content div.question div.text h2 span.number:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-20px;left:-3px}div.modal.numquiz.result div.modal-content div.question div.text h2 span.level{color:#598f35;border:3px solid #598f35;justify-content:center;align-items:center;width:310px;height:60px;font-size:28px;display:flex}div.modal.numquiz.result div.modal-content div.question div.text h2 span.level span.stars{color:#dbdbdb}div.modal.numquiz.result div.modal-content div.question div.text h2 span.level span.stars span.active{color:#598f35}div.modal.numquiz.result div.modal-content div.question div.img{max-height:420px}div.modal.numquiz.result div.modal-content div.question div.img div.playable-video{width:560px;height:420px}div.modal.numquiz.result div.modal-content div.answer{margin-top:60px;font-size:50px}div.modal.numquiz.result.sl div.modal-content{flex-direction:column;justify-content:center;align-items:center;display:flex}div.modal.numquiz.result.sl div.modal-content div.question{justify-content:center;width:100%;height:400px;display:flex}div.modal.numquiz.result.sl div.modal-content div.question div.text h2{justify-content:space-around;width:454px;margin:0}div.modal.numquiz.result.sl div.modal-content div.question div.text h2 span.number:after{content:none}div.modal.numquiz.result.sl div.modal-content div.question div.text h2 span.level{border-left:none;width:364px}div.modal.numquiz.result.sl div.modal-content div.question div.text div.playable-video{width:454px}div.modal.numquiz.result.sl div.modal-content div.question div.arrow{justify-content:center;align-items:center;width:120px;display:flex}div.modal.numquiz.result.sl div.modal-content div.question div.arrow:after{content:"";border:20px solid #0000;border-left-color:#598f35;border-right-width:0;display:block}div.modal.numquiz.result.sl div.modal-content div.question div.img{justify-content:center;align-items:center;display:flex}div.modal.numquiz.result.sl div.modal-content div.question div.img div.playable-video{width:auto;height:400px}div.modal.numquiz.result.sl div.modal-content div.answer{text-align:center}div.communication main{width:100%;height:100%;position:relative;overflow:hidden}div.communication main article.select{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:70px 90px;display:flex}div.communication main article.select ul{justify-content:space-between;align-items:start;width:100%;margin-bottom:56px;padding:0;list-style:none;display:flex}div.communication main article.select ul li{position:relative;overflow:hidden}div.communication main article.select ul li>button.button{background-color:#fff;border:3px solid #598f35;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;width:324px;height:400px;padding:0;display:flex;overflow:hidden}div.communication main article.select ul li>button.button:after{content:none}div.communication main article.select ul li>button.button div.illust{padding:20px 10px 0}div.communication main article.select ul li>button.button div.text{background-color:#eef4ea;justify-content:center;align-items:center;width:100%;height:100px;display:flex}div.communication main article.select div.buttons{justify-content:space-between;align-items:center;width:1030px;display:flex}div.communication main article.select div.buttons button.button{width:500px}div.communication main article.question{padding:70px 90px}div.communication main article.question div.illust img:first-child{animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-direction:normal;animation-delay:.5s}div.communication main article.question div.illust img:nth-child(2){animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-direction:normal;animation-delay:1.2s}div.communication main article.question div.illust img:nth-child(3){animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-direction:normal;animation-delay:1.8s}div.communication main article.question h2.text{animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-name:fadeup;animation-direction:normal;animation-delay:2.5s}div.communication main article.question ul.answers{animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-name:fadeup;animation-direction:normal;animation-delay:4s}div.communication main article.question{justify-content:space-between;align-items:center;display:flex}div.communication main article.question div.question{flex-direction:column;justify-content:flex-start;align-items:center;width:810px;height:660px;display:flex}div.communication main article.question div.question h2{margin-bottom:30px;font-size:28px}div.communication main article.question div.question div.illust{width:600px;height:auto;position:relative}div.communication main article.question div.question div.illust img{object-fit:contain;width:100%;height:auto;margin:0 auto;position:absolute;top:0;left:0;right:0}div.communication main article.question ul.answers{border-left:1px solid #c1c1c1;flex-direction:column;justify-content:center;align-items:stretch;width:860px;height:660px;padding-left:60px;display:flex}div.communication main article.question ul.answers li{margin-bottom:40px}div.communication main article.question ul.answers li:last-child{margin-bottom:0}div.communication main article.question ul.answers li .button{font-size:32px}div.communication main.sl article.question h2{z-index:10;border:10px solid #000;width:440px;height:280px;position:absolute;top:360px;left:80px;overflow:hidden}div.communication main.sl article.question h2 video{max-width:100%;height:auto}div.communication main.sl article.question ul.answers{flex-flow:wrap;justify-content:space-between}div.communication main.sl article.question ul.answers li{width:48%;height:293px;padding:0;display:block;overflow:hidden}div.communication main.sl article.question ul.answers li span.num{z-index:10;position:absolute;bottom:10px;left:10px}div.communication main.sl article.question ul.answers li button.button{z-index:10;position:absolute;top:auto;bottom:10px;right:10px}div.communication main.sl article.question ul.answers li video{max-width:100%;height:auto}div.communication main article.result{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}div.communication main article.result div.desc{text-align:left;z-index:30;text-shadow:3px 3px 3px #fff,-3px -3px 3px #fff;width:calc(100% - 180px);margin:50px 90px 0;position:relative}div.communication main article.result div.desc div.text-sequence{text-align:left;margin-bottom:2rem;padding-right:80px}div.communication main article.result div.desc div.text-sequence div.text.anim{opacity:0;transition:all 1ms;transform:translateY(10px)}div.communication main article.result div.desc div.text-sequence div.text.anim.fade{opacity:1;transition:all 1s;transform:translateY(0)}div.communication main article.result div.desc div.text-sequence div.text.anim.anim.end{opacity:0;transition:all 1s;transform:translateY(-10px)}div.communication main article.result div.desc div.text-sequence button.button{border-radius:14px;width:50px;height:50px;padding:0;display:inline-block;position:absolute;top:0;right:0}div.communication main article.result div.desc div.text-sequence button.button:after{content:none}div.communication main article.result div.desc div.text-sequence button.button svg{margin:auto}div.communication main article.result ul.graph{justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}div.communication main article.result ul.graph:before{content:"";z-index:-1;background-color:#598f35;width:100%;height:80px;position:absolute;top:0;left:0}div.communication main article.result ul.graph li{border-right:3px dashed #000;width:25%}div.communication main article.result ul.graph li:last-child{border-right:none}div.communication main article.result ul.graph li h3{color:#fff;text-align:center;background-color:#598f35;justify-content:center;align-items:center;height:80px;font-size:28px;line-height:1.1;display:flex}div.communication main article.result ul.graph li>div.dots{border-bottom:1px solid #c1c1c1;justify-content:flex-start;align-items:center;height:190px;display:flex;position:relative}div.communication main article.result ul.graph li>div.dots span.desc{justify-content:center;align-items:center;width:1em;margin-left:24px;font-size:24px;line-height:1;display:flex}div.communication main article.result ul.graph li>div.dots span.desc.en{transform-origin:50%;transform:rotate(90deg)}div.communication main article.result ul.graph li>div.dots .dot{opacity:1;border-radius:100%;width:24px;height:24px;position:absolute;transform:translate(-12px,-12px)}div.communication main article.result ul.graph li>div.dots .dot.zero{opacity:0}div.communication main article.result ul.graph li>div.dots .dot.ja{background-color:#d37442}div.communication main article.result ul.graph li>div.dots .dot.en{background-color:#5f87c6}div.communication main article.result ul.graph li>div.dots .dot.sl{background-color:#7cc1b4}div.communication.sl main article.question{flex-direction:column}div.communication.sl main article.question div.question{flex-direction:row;justify-content:center;width:100%;height:400px}div.communication.sl main article.question div.question div.illust{width:480px;height:400px;margin-right:120px}div.communication.sl main article.question div.question h2{width:533px;height:400px}div.communication.sl main article.question ul.answers{border-top:1px solid #c1c1c1;border-left:none;flex-direction:row;justify-content:space-between;width:100%;height:auto;margin-top:40px;padding:40px 0 0}div.communication.sl main article.question ul.answers li button.button{height:210px;padding-left:0;overflow:hidden}div.communication.sl main article.question ul.answers li button.button div.playable-video{height:100%}div.communication.sl main article.result{background-color:#f7f8f8;flex-direction:row;justify-content:flex-end;align-items:flex-start;padding-top:75px}div.communication.sl main article.result div.desc{width:323px;margin:0 44px 0 0;padding:0}div.communication.sl main article.result div.desc div.text-sequence{padding-right:0}div.communication.sl main article.result ul.graph{background-color:#fff;border-top:3px solid #000;width:1446px}div.communication.sl main article.result ul.graph:before{content:none}div.communication.sl main article.result ul.graph li{padding-top:30px}div.communication.sl main article.result ul.graph li h3{width:200px;height:150px;margin:auto}div.communication.sl main article.result ul.graph li>div.dots{height:181px}div.communication.sl main article.result ul.graph li>div.dots span.desc{margin-left:6px}div.classify main{width:100%;height:100%;padding:70px 90px;position:relative;overflow:hidden}div.classify main article.question{justify-content:space-between;align-items:flex-start;display:flex}div.classify main article.question div.text{flex-direction:column;justify-content:space-between;align-items:flex-start;width:810px;min-height:510px;display:flex;position:relative}div.classify main article.question div.text h2{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:528px;height:110px;font-size:50px;display:flex;position:relative}div.classify main article.question div.text h2.ready{margin-bottom:67px}div.classify main article.question div.text h2.started{margin:auto;position:absolute;inset:0}div.classify main article.question div.text h2.ready:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-17px;left:0}div.classify main article.question div.text h2.started:after{content:"";border:17px solid #0000;border-top-color:#598f35;width:0;height:0;display:block;position:absolute;top:0;right:-17px}div.classify main article.question div.text p{margin-bottom:67px;font-size:32px}div.classify main article.question div.text button.button{width:500px}div.classify main article.question div.img{width:810px}div.classify main article.question div.img div.illust{border:3px solid #000;width:810px;height:510px;margin-bottom:40px}div.classify main article.question div.img div.illust img{object-fit:contain;width:100%;height:100%}div.classify main article.question div.img div.illust div.countdown{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}div.classify main article.question div.img div.illust div.countdown div.num{font-size:150px}div.classify main article.question div.img div.illust div.countdown div.graph{z-index:-1;width:510px;height:510px;margin:auto;position:absolute;inset:0;transform:scaleX(-1)rotate(-90deg)}div.classify main article.question div.img div.buttons{justify-content:space-between;align-items:center;display:flex}div.classify main article.question div.img div.buttons button.button{width:390px}div.classify main article.question div.img div.buttons.disable{opacity:.2}div.classify main article.result{overflow:auto}div.classify main article.result div.desc{text-align:left;z-index:30;text-shadow:3px 3px 3px #fff,-3px -3px 3px #fff;position:relative}div.classify main article.result div.desc div.text-sequence{text-align:left;margin-bottom:2rem;padding-right:80px}div.classify main article.result div.desc div.text-sequence div.text.anim{opacity:0;transition:all 1ms;transform:translateY(10px)}div.classify main article.result div.desc div.text-sequence div.text.anim.fade{opacity:1;transition:all 1s;transform:translateY(0)}div.classify main article.result div.desc div.text-sequence div.text.anim.anim.end{opacity:0;transition:all 1s;transform:translateY(-10px)}div.classify main article.result div.desc div.text-sequence button.button{border-radius:14px;width:50px;height:50px;padding:0;display:inline-block;position:absolute;top:0;right:0}div.classify main article.result div.desc div.text-sequence button.button:after{content:none}div.classify main article.result div.desc div.text-sequence button.button svg{margin:auto}div.classify main article.result div.graph{width:920px;height:920px;padding:34px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}div.classify main article.result div.graph h2{text-align:left;z-index:10;text-shadow:3px 3px 3px #fff,-3px -3px 3px #fff;margin-bottom:22px;font-size:32px;position:relative}div.classify main article.result div.graph div.body{background:#c4c4c41f;border-radius:100%;width:920px;height:920px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.classify main article.result div.graph div.body span.label{color:#fff;background-color:#598f35;justify-content:center;align-items:center;height:64px;padding:0 1em;font-size:33px;display:flex;position:absolute}div.classify main article.result div.graph div.body span.label:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-17px;left:0}div.classify main article.result div.graph div.body span.label.yes{top:-32px;left:50%;transform:translate(-50%)}div.classify main article.result div.graph div.body span.label.no{background-color:#666;top:-32px;right:-180px;transform:translate(-50%)}div.classify main article.result div.graph div.body span.label.no:after{border-color:#0000 #0000 #0000 #666}div.classify main article.result div.graph div.body div.content{background-color:#eef4ea;border:3px solid #598f35;border-radius:100%;width:572px;height:572px;margin:auto;position:absolute;inset:0;overflow:visible}div.classify main article.result div.graph div.body div.content ul{width:100%;height:100%;margin:auto;padding:0;position:absolute;inset:0}div.classify main article.result div.graph div.body div.content ul li{z-index:10;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%)}div.classify main article.result div.graph div.body div.content ul li.zero{top:50%!important;left:50%!important}div.classify main article.result div.graph div.body div.content ul li div.icon,div.classify main article.result div.graph div.body div.content ul li div.icon img{width:100%;height:100%}div.classify main article.result div.graph div.body div.content ul li span.time{text-align:center;width:100%;font-size:80%;position:absolute;bottom:0;left:0}div.classify main article.result div.graph div.body div.content:before{content:"";background:#598f351a;border:3px dashed #598f35;border-radius:100%;width:33%;height:33%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.classify main article.result div.graph div.body div.content:after{content:"";background:#598f351a;border:3px dashed #598f35;border-radius:100%;width:66%;height:66%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.classify main article.result div.graph.answers{opacity:0;transition:all 1s}div.classify main article.result div.graph.answers.show{opacity:1}div.classify main article.result div.graph.answers.small{border:3px solid #000;width:810px;height:570px;top:168px;left:90px;transform:translate(0)}div.classify main article.result div.graph.answers.small div.body{transition:all 1s;transform:translate(-50%,-50%)scale(.7)}div.classify main article.result div.graph.summary{opacity:0;border:3px solid #000;width:810px;height:570px;transition:width 1s,left 1s,opacity 1s 1s;top:168px;left:auto;right:90px;transform:translate(0)}div.classify main article.result div.graph.summary div.body{transform-origin:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}div.classify main article.result div.graph.summary.even div.body div.content ul li{transition:none!important}div.classify main article.result div.graph.summary div.desc{text-align:left;z-index:10;text-shadow:3px 3px 3px #fff,-3px -3px 3px #fff;font-size:18px;position:relative}div.classify main article.result div.graph.summary.show{opacity:1}div.classify main article.result div.graph.summary button.button{color:#fff;background-color:#598f35;width:260px;height:64px;padding:0 1em;font-size:24px;position:absolute;bottom:38px;right:38px}div.classify main article.result div.graph.summary button.button:after{border-color:#fff #fff #0000 #0000}div.classify.en main article.result div.graph.summary button.button{width:270px}div.classify.sl main article.question div.text{height:640px}div.classify.sl main article.question div.text h2.ready,div.classify.sl main article.question div.text h2.started{display:none}div.classify.sl main article.question div.text h2.started.sl{width:633px;height:500px;padding:50px;display:block}div.classify.sl main article.result div.desc div.video div.playable-video{width:533px;height:400px}div.classify.sl main article.result div.graph.answers{left:initial;right:10%;transform:none}div.classify.sl main article.result div.graph.answers.small{width:543px;height:650px;top:78px;right:684px}div.classify.sl main article.result div.graph.answers.small div.body{transform:translate(-50%,-45%)scale(.6)}div.classify.sl main article.result div.graph.summary{width:543px;height:650px;top:78px}div.classify.sl main article.result div.graph.summary div.body{transform:translate(-50%,-45%)scale(.6)}div.mapping main{width:100%;height:100%;padding:70px 90px;position:relative;overflow:hidden}div.mapping main article.ready{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}div.mapping main article.ready h2{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:288px;height:76px;margin-bottom:48px;font-size:32px;display:flex;position:relative}div.mapping main article.ready h2:after{content:"";border:17px solid #0000;border-left-color:#598f35;width:0;height:0;display:block;position:absolute;bottom:-17px;left:0}div.mapping main article.ready p{text-align:center;margin-bottom:105px}div.mapping main article.ready p ul{flex-direction:column;justify-content:flex-start;align-items:center;margin:70px auto 0;display:flex}div.mapping main article.ready p ul li{justify-content:center;align-items:baseline;padding-left:42px;font-size:32px;display:flex;position:relative}div.mapping main article.ready p ul li strong{color:#598f35;font-size:50px}div.mapping main article.ready p ul li:before{content:"";background-color:#598f35;border-radius:100%;width:20px;height:20px;margin:auto 0;display:flex;position:absolute;top:0;bottom:0;left:0}div.mapping main article.ready button.button{width:500px}div.mapping main article.learn{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}div.mapping main article.learn h2{justify-content:center;align-items:center;width:100%;margin-bottom:50px;display:flex}div.mapping main article.learn h2 span.icon{color:#598f35;margin-right:50px}div.mapping main article.learn h2 span.text{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:176px;height:60px;font-size:32px;display:flex;position:relative}div.mapping main article.learn h2 span.text:after{content:"";border:17px solid #0000;border-top-color:#598f35;width:0;height:0;display:block;position:absolute;top:0;left:-17px}div.mapping main article.learn div.question{flex-direction:column;justify-content:center;align-items:center;width:600px;height:530px;display:flex}div.mapping main article.learn div.question span.icon{color:#fff;background-color:#598f35;border-radius:100%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:52px;display:flex}div.mapping main article.learn div.question div.progress{border:1px solid #598f35;width:100%;height:40px;margin-bottom:36px}div.mapping main article.learn div.question div.progress span{background-color:#598f35;display:block}div.mapping main article.learn div.question h3.phonetic{opacity:0;font-size:75px}div.mapping main article.learn div.question h3.phonetic.anim{animation-name:fade;animation-duration:.66s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;opacity:0;animation-direction:normal}div.mapping main article.learn div.equal{flex-direction:column;justify-content:center;align-items:center;width:195px;height:530px;font-size:100px;display:flex}div.mapping main article.learn div.answer{flex-direction:column;justify-content:center;align-items:center;width:780px;height:530px;font-size:100px;display:flex}div.mapping main article.learn div.answer span.border{border:3px solid #000;justify-content:center;align-items:center;width:100%;min-height:208px;display:flex}div.mapping main article.question{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}div.mapping main article.question h2{justify-content:center;align-items:center;width:100%;margin-bottom:60px;display:flex}div.mapping main article.question h2 span.icon{color:#598f35;margin-right:50px}div.mapping main article.question h2 span.text{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:176px;height:60px;font-size:32px;display:flex;position:relative}div.mapping main article.question h2 span.text:after{content:"";border:17px solid #0000;border-top-color:#598f35;width:0;height:0;display:block;position:absolute;top:0;left:-17px}div.mapping main article.question div.question{flex-direction:column;justify-content:flex-start;align-items:center;width:533px;height:476px;padding-right:70px;display:flex}div.mapping main article.question div.question p{margin-bottom:60px;font-size:32px}div.mapping main article.question div.question h3.phonetic{margin-bottom:40px;font-size:120px}div.mapping main article.question div.question div.progress{border:1px solid #c1c1c1;width:100%;height:40px;margin-bottom:62px}div.mapping main article.question div.question div.progress span{background-color:#c1c1c1;display:block}div.mapping main article.question div.question button.button{width:225px;height:64px;padding-left:14px;padding-right:14px;font-size:24px}div.mapping main article.question div.question button.button:after{content:none}div.mapping main article.question div.question button.button span.icon{color:#fff;background-color:#598f35;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}div.mapping main article.question div.question.sl p{margin-bottom:30px}div.mapping main article.question div.question.sl div.video-wrapper{width:533px;height:400px;overflow:hidden}div.mapping main article.question div.answer{border-left:1px solid #c1c1c1;flex-direction:column;justify-content:center;align-items:center;height:476px;display:flex}div.mapping main article.question div.answer ul{flex-wrap:wrap;justify-content:center;align-items:center;width:922px;padding-left:30px;font-size:100px;display:flex}div.mapping main article.question div.answer ul li.button{cursor:pointer;width:405px;margin:20px 0 20px 40px}div.mapping main article.question div.question.text{justify-content:center;align-items:center;display:flex}div.mapping main article.question div.question.text p{font-size:50px}div.mapping main article.question div.answer.text{border-left:1px solid #c1c1c1}div.mapping main article.question div.answer.text ul li.button{height:210px;padding-left:0;overflow:hidden}div.mapping main article.question div.answer.text ul li.button div.playable-video{height:100%}div.mapping main article.question div.result{z-index:40;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}div.mapping main article.question div.result h2{color:#fff;justify-content:center;align-items:center;width:380px;height:380px;margin-bottom:80px;font-size:100px;display:flex;position:relative}div.mapping main article.question div.result h2:before{content:"";z-index:-1;opacity:.3;border:40px solid #467928;border-radius:100%;width:100%;height:100%;margin:auto;display:block;position:absolute;inset:0}div.mapping main article.question div.result h2.wrong:before{z-index:-1;border-width:20px 0;border-color:#467928 #0000;border-radius:0;height:0;transform:rotate(45deg)}div.mapping main article.question div.result h2.wrong:after{content:"";z-index:-1;opacity:.3;border:20px solid #467928;border-left:0 solid #0000;border-right:0 solid #0000;width:100%;height:0;margin:auto;display:block;position:absolute;inset:0;transform:rotate(-45deg)}div.mapping main article.question div.result p{color:#fff;text-align:center;margin-bottom:80px;font-size:32px}div.mapping main article.question div.result p div.correct-video{width:400px}div.mapping main article.question div.result button.button{width:300px}div.mapping main article.question div.result.text p{justify-content:center;align-items:center;width:1200px;display:flex}div.mapping main article.question div.result.text p span.text{width:533px;margin-right:40px}div.mapping main article.question div.result.text p div.playable-video{width:533px;height:400px}div.mapping main article.result p{margin-bottom:40px;font-size:28px}div.mapping main article.result ul{flex-flow:column wrap;justify-content:flex-start;align-items:stretch;height:420px;display:flex}div.mapping main article.result ul li{border-bottom:1px solid #c1c1c1;width:810px}div.mapping main article.result ul li:first-child,div.mapping main article.result ul li:nth-child(4){border-top:1px solid #c1c1c1}div.mapping main article.result ul li{justify-content:flex-start;align-items:center;padding:26px 0;display:flex;position:relative}div.mapping main article.result ul li span.type{color:#fff;background-color:#598f35;justify-content:center;align-items:center;width:170px;height:80px;margin-right:20px;font-size:32px;display:flex}div.mapping main article.result ul li span.correct{background-color:#ececec;justify-content:center;align-items:center;width:210px;height:80px;margin-right:20px;display:flex}div.mapping main article.result ul li span.correct em{justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-size:10px;display:flex;position:relative}div.mapping main article.result ul li span.correct em:before{content:"";border:10px solid #598f35;border-radius:100%;width:100%;height:100%;margin:auto;display:block;position:absolute;inset:0}div.mapping main article.result ul li span.correct em.wrong:before{border-width:5px 0;border-color:#598f35 #0000;border-radius:0;height:0;transform:rotate(45deg)}div.mapping main article.result ul li span.correct em.wrong:after{content:"";border:5px solid #598f35;border-left:0 solid #0000;border-right:0 solid #0000;width:100%;height:0;margin:auto;display:block;position:absolute;inset:0;transform:rotate(-45deg)}div.mapping main article.result ul li span.question{text-align:left;max-width:300px;font-size:24px}div.mapping main article.result ul li button.button{justify-content:center;align-items:center;width:64px;height:64px;margin:auto 0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}div.mapping main article.result ul li button.button:after{content:none}div.mapping main article.result ul li button.button span.icon{fill:#fff;color:#fff;background-color:#598f35;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}div.mapping main article.result ul li button.button span.icon svg{width:18.65px;height:11.57px}div.modal.mapping.result div.modal-content{background-color:#fff;justify-content:center;align-items:center;width:1820px;height:980px;padding:60px 30px 30px;display:flex;position:relative}div.modal.mapping.result div.modal-content button.close{width:100px;height:100px;padding:0;position:absolute;top:30px;right:30px}div.modal.mapping.result div.modal-content button.close:after{content:none}div.modal.mapping.result div.modal-content button.close{color:#000;background-color:#eef4ea;border:1px solid #598f35;border-radius:20px;justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}div.modal.mapping.result div.modal-content button.close svg{width:50px;height:50px}div.modal.mapping.result div.modal-content div.question h2{justify-content:flex-start;align-items:center;margin-bottom:50px;font-size:32px;display:flex}div.modal.mapping.result div.modal-content div.question div.playable-video{width:560px;height:420px}div.modal.mapping.result div.modal-content div.answer{margin-top:60px;font-size:50px}div.modal.mapping.result div.modal-content div.mapping-voice,div.modal.mapping.result div.modal-content div.mapping-sl{display:flex}div.modal.mapping.result div.modal-content div.mapping-voice div.question div.playable-video,div.modal.mapping.result div.modal-content div.mapping-sl div.question div.playable-video{width:533px;height:400px}div.modal.mapping.result div.modal-content div.mapping-voice div.question h3.phonetic,div.modal.mapping.result div.modal-content div.mapping-sl div.question h3.phonetic{text-align:center;font-size:120px}div.modal.mapping.result div.modal-content div.mapping-voice div.arrow,div.modal.mapping.result div.modal-content div.mapping-sl div.arrow{justify-content:center;align-items:center;width:120px;height:580px;display:flex}div.modal.mapping.result div.modal-content div.mapping-voice div.arrow:after,div.modal.mapping.result div.modal-content div.mapping-sl div.arrow:after{content:"";border:20px solid #0000;border-left-color:#598f35;border-right-width:0;display:block}div.modal.mapping.result div.modal-content div.mapping-voice div.answer,div.modal.mapping.result div.modal-content div.mapping-sl div.answer{font-size:inherit;margin-top:0}div.modal.mapping.result div.modal-content div.mapping-voice div.answer h3,div.modal.mapping.result div.modal-content div.mapping-sl div.answer h3{text-align:center;font-size:120px}div.modal.mapping.result div.modal-content div.mapping-voice div.answer div.playable-video,div.modal.mapping.result div.modal-content div.mapping-sl div.answer div.playable-video{width:533px;height:400px}div.modal.mapping.result div.modal-content div.mapping-sl{text-align:center;font-size:50px}div.modal.mapping.result div.modal-content div.mapping-sl div.question{flex-direction:column;justify-content:center;align-items:center;display:flex}div.modal.mapping.result div.modal-content div.mapping-sl div.question h3{text-align:center;font-size:50px}div.modal.mapping.result div.modal-content div.mapping-sl div.answer{flex-direction:column;justify-content:center;align-items:center;display:flex}div.modal.mapping.result div.modal-content div.mapping-sl div.answer p{text-align:center;font-size:50px}div.mapping.en main article.ready h2{width:368px}div.mapping.en main article.ready p ul li strong{margin-left:.5rem}div.mapping.en main article.result ul{height:420px}div.mapping.en main article.result ul li span.type{width:260px}div.mapping.en main article.result ul li span.correct{width:180px}div.mapping.en main article.result ul li span.question{max-width:260px}div.mapping.sl main article.ready p{width:533px;margin-bottom:50px}div.mapping.sl main article.learn div.question{height:450px;position:relative}div.mapping.sl main article.learn div.question div.cover{z-index:10;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:50px;display:flex;position:absolute;top:0;left:0}div.mapping.sl main article.learn div.question.video{height:500px}div.mapping.sl main article.learn div.question.video div.progress{margin-bottom:0}div.mapping.sl main article.learn div.equal{height:450px}div.mapping.sl main article.learn div.answer{width:600px;height:450px}div.mapping.sl main article.learn div.answer span.border{border:none}div.mapping.sl main article.question{justify-content:flex-start}div.mapping.sl main article.question h2{flex-direction:column;align-items:flex-start;width:280px}div.mapping.sl main article.question h2 span.icon{margin-bottom:42px;display:block}div.mapping.sl main article.question h2 span.text:after{z-index:-1;border-color:#0000 #0000 #0000 #598f35;top:-17px;left:0}div.mapping.sl main article.question div.question{flex-wrap:wrap;justify-content:flex-start}div.mapping.sl main article.question div.question p{width:533px;height:400px;overflow:hidden}div.mapping.sl main article.question div.question div.arrow{justify-content:center;align-items:center;width:120px;height:400px;display:flex}div.mapping.sl main article.question div.question div.arrow:after{content:"";border:20px solid #0000;border-left-color:#598f35;border-right-width:0;display:block}div.mapping.sl main article.question div.question.text{width:1180px;padding:0}div.mapping.sl main article.question div.answer{border-left:none;width:100%;height:auto}div.mapping.sl main article.question div.answer ul{flex-flow:row;justify-content:space-between;align-items:flex-start;width:100%;padding:0}div.mapping.sl main article.question div.answer ul li.button{height:calc(100% - 2px);margin:0;padding-left:0;overflow:hidden}div.mapping.sl main article.question div.answer ul li.button div.playable-video{width:280px;height:210px}div.mapping.sl main article.question div.answer ul li.button span.text{padding-left:48px}div.mapping.sl main article.question div.result h2{margin-bottom:44px}div.mapping.sl main article.question div.result p{width:533px;height:400px;margin-bottom:34px}div.mapping.sl main article.question div.result.text p{justify-content:center;align-items:center;width:1200px;display:flex}div.mapping.sl main article.question div.result.text p span.text{width:533px;margin-right:40px}div.mapping.sl main article.question div.result.text p div.playable-video{width:533px;height:400px}div.mapping.sl main article.result{justify-content:space-between;align-items:flex-start;display:flex}div.mapping.sl main article.result p{width:533px;height:400px}div.mapping.sl main article.result ul{width:1137px}div.mapping.sl main article.result ul li{width:543px}div.mapping.sl main article.result ul li span.question{display:none}div.push-button{background:#000;width:100%;height:100%}div.push-button div.debug{color:#fff;z-index:90;background:#000c;padding:1rem;position:absolute;top:20px;left:20px}div.push-button video{display:none;position:absolute;top:0;left:0}div.push-button video.playing{display:block}