.quiz-area{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../images/quiz/quiz_bg.png)}.quiz-area:after{background-repeat:no-repeat;background-position:bottom center;background-size:cover;position:absolute;top:0;right:0;left:0;display:block;width:100%;height:0;padding-top:23.3203125%;content:"";background-image:url(../images/common/title/bg_red-pc.png)}@media(min-width: 1480px){.quiz-area:after{padding-top:350px}}@media(max-width: 600px){.quiz-area:after{padding-top:34.375%;background-image:url(../images/common/title/bg_red-sp.png)}}.quiz-area .d-inner{position:relative;z-index:1}.quiz-area .d-box-title{padding-top:calc(140 / 960 * 100%);background-image:url(../images/quiz/quiz_title.png)}@media(max-width: 600px){.quiz-area .d-box-title{padding-top:calc(70 / 375 * 100vw)}}.quiz-box-body{text-align:center}.quiz-catch{margin-bottom:50px;font-size:4rem;font-style:italic;font-weight:bold;line-height:1.2;white-space:nowrap;transform:scaleY(1.2)}@media(max-width: 992px){.quiz-catch{font-size:4vw}}@media(max-width: 600px){.quiz-catch{margin-bottom:25px;font-size:4.8vw}}.quiz-rule{margin-bottom:50px;font-size:2rem;color:#fff}@media(max-width: 992px){.quiz-rule{font-size:1.6rem}}@media(max-width: 600px){.quiz-rule{margin-bottom:25px;font-size:1.2rem}}.quiz-caution{margin-top:30px;font-size:2rem;color:#fff}@media(max-width: 992px){.quiz-caution{font-size:1.6rem}}@media(max-width: 600px){.quiz-caution{margin-top:15px;font-size:1.2rem}}.quiz-text{width:100%;max-width:690px;margin:50px auto 0;font-size:4rem;font-weight:bold;white-space:nowrap}@media(max-width: 992px){.quiz-text{font-size:4vw}}@media(max-width: 600px){.quiz-text{margin-top:25px;font-size:4.8vw}}.quiz-text div{position:relative;width:100%;padding-top:21.5743440233%;background-image:url(../images/quiz/quiz_text-bg.png);background-repeat:no-repeat;background-size:contain}.quiz-text div span{position:absolute;top:52%;left:48%;width:100%;transform:translate(-50%, -50%) rotate(-1.5deg)}.quiz-main{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(min-width: 993px){.quiz-main{cursor:pointer}.quiz-main:hover .play-mark{opacity:.6}}.quiz-main-wrapper{max-width:650px;margin:auto;background-color:#fff}.quiz-main .before-img,.quiz-main .after-img{padding-top:66.7%;background-repeat:no-repeat;background-size:cover}.quiz-main .before-img{position:absolute;top:0;left:0;width:100%}.quiz-main .progress-bar{position:absolute;right:20px;bottom:20px;width:60px;height:60px;border-radius:30px}@media(max-width: 600px){.quiz-main .progress-bar{right:7px;bottom:7px;width:40px;height:40px}}.quiz-main .progress-bar .parts-wrap{position:relative;width:54px;height:54px}@media(max-width: 600px){.quiz-main .progress-bar .parts-wrap{width:36px;height:36px}}.quiz-main .progress-bar .circle{width:54px;height:54px;background:#e60000;border-radius:27px}@media(max-width: 600px){.quiz-main .progress-bar .circle{width:36px;height:36px;border-radius:18px}}.quiz-main .progress-bar .right-parts{position:absolute;right:0;width:27px;height:54px;overflow:hidden}@media(max-width: 600px){.quiz-main .progress-bar .right-parts{width:18px;height:36px}}.quiz-main .progress-bar .right-parts-hidden{position:relative;right:27px;width:27px;height:54px;overflow:hidden;transform:rotate(0deg);transform-origin:100% 50%}@media(max-width: 600px){.quiz-main .progress-bar .right-parts-hidden{right:18px;width:18px;height:36px}}.quiz-main .progress-bar .left-parts{width:27px;height:54px;overflow:hidden}@media(max-width: 600px){.quiz-main .progress-bar .left-parts{width:18px;height:36px}}.quiz-main .progress-bar .left-parts-hidden{position:relative;left:27px;width:27px;height:54px;overflow:hidden;transform:rotate(0deg);transform-origin:0% 50%}@media(max-width: 600px){.quiz-main .progress-bar .left-parts-hidden{left:18px;width:18px;height:36px}}.quiz-main .progress-bar .left-parts .circle{position:relative;left:-27px}@media(max-width: 600px){.quiz-main .progress-bar .left-parts .circle{left:-18px}}.quiz-main .target{position:absolute;top:0;left:0%;width:10%;height:10%}.quiz-main .target.is-deactive{pointer-events:none}.quiz-main .play-mark{position:absolute;top:50%;left:50%;width:150px;height:150px;border:5px solid #fff;border-radius:100%;transform:translate(-50%, -50%)}@media(max-width: 600px){.quiz-main .play-mark{width:120px;height:120px;border-width:4px}}.quiz-main .play-mark:before{position:absolute;top:50%;left:55%;content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:30px 0 30px 45px;transform:translate(-50%, -50%)}@media(max-width: 600px){.quiz-main .play-mark:before{border-width:24px 0 24px 36px}}@-webkit-keyframes changePhoto{0%{opacity:1}100%{opacity:0}}@keyframes changePhoto{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes rotateRight{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}@keyframes rotateRight{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes rotateLeft{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@keyframes rotateLeft{0%{transform:rotate(0deg)}50%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes flash{from,50%,to{opacity:1}25%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%{opacity:0}}.quiz-main.animate__flash{-webkit-animation:flash;animation:flash;-webkit-animation-duration:1.5s;animation-duration:1.5s}.quiz-main.is-playing{cursor:auto}.quiz-main.is-playing .before-img{-webkit-animation:changePhoto 20s linear forwards;animation:changePhoto 20s linear forwards}.quiz-main.is-playing .progress-bar{border:#e60000 3px solid}@media(max-width: 600px){.quiz-main.is-playing .progress-bar{border-width:2px}}.quiz-main.is-playing .right-parts-hidden{-webkit-animation:rotateRight 20s linear forwards;animation:rotateRight 20s linear forwards}.quiz-main.is-playing .left-parts-hidden{-webkit-animation:rotateLeft 20s linear forwards;animation:rotateLeft 20s linear forwards}.quiz-main.is-playing .play-mark{display:none}.quiz-main.is-done{cursor:auto}.quiz-main.is-done .before-img{opacity:0}.quiz-main.is-done .progress-bar{border:#e60000 3px solid}@media(min-width: 993px){.quiz-main.is-done .progress-bar{cursor:pointer}.quiz-main.is-done .progress-bar:hover{opacity:.6}}@media(max-width: 600px){.quiz-main.is-done .progress-bar{border-width:2px}}.quiz-main.is-done .parts-wrap::before{position:absolute;top:50%;left:55%;z-index:1;content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:15px 0 15px 22.5px;transform:translate(-50%, -50%)}@media(max-width: 600px){.quiz-main.is-done .parts-wrap::before{border-width:7.5px 0 7.5px 11.25px}}.quiz-main.is-done .right-parts-hidden{transform:rotate(180deg)}.quiz-main.is-done .left-parts-hidden{transform:rotate(180deg)}.quiz-main.is-done .play-mark{display:none}.backnumber-area{background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;background-image:url(../images/quiz/backnumber_bg.png)}.backnumber-area:before{background-repeat:no-repeat;background-position:bottom center;background-size:cover;position:absolute;top:0;right:0;left:0;display:block;width:100%;height:0;padding-top:23.3203125%;content:"";background-image:url(../images/common/title/bg_blue-pc.png)}@media(min-width: 1480px){.backnumber-area:before{padding-top:350px}}@media(max-width: 600px){.backnumber-area:before{padding-top:34.375%;background-image:url(../images/common/title/bg_blue-sp.png)}}.backnumber-area .d-inner{position:relative}.backnumber-area .d-box-title{padding-top:calc(140 / 960 * 100%);background-image:url(../images/quiz/backnumber_title.png)}@media(max-width: 600px){.backnumber-area .d-box-title{padding-top:calc(70 / 375 * 100vw)}}.backnumber-title{position:relative;padding:9px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;line-height:1;color:#333;letter-spacing:.6px}.backnumber-list{display:flex;flex-wrap:wrap;width:100%;max-width:910px;margin:auto}.backnumber-list-item{position:relative;width:calc((100% - 81px) / 3);margin-top:40px;margin-left:40px;background-color:#238bcd}.backnumber-list-item:nth-child(-n+3){margin-top:0}.backnumber-list-item:nth-child(3n+1){margin-left:0}@media(max-width: 992px){.backnumber-list-item{width:calc((100% - 41px) / 3);margin-top:20px;margin-left:20px}}@media(max-width: 600px){.backnumber-list-item{width:calc((100% - 21px) / 2)}.backnumber-list-item:nth-child(3){margin-top:20px}.backnumber-list-item:nth-child(odd){margin-left:0}.backnumber-list-item:nth-child(even){margin-left:20px}}.backnumber-list-item.is-current a{pointer-events:none}.backnumber-list-item a{width:100%;height:100%}.backnumber-list-item-img{width:100%;padding-top:66.7%;background-repeat:no-repeat;background-position:center;background-size:cover}.backnumber-list-item-number{position:absolute;top:5%;left:3%;width:30%;max-width:60px;-webkit-filter:drop-shadow(0 0px 3px rgba(0, 0, 0, 0.9));filter:drop-shadow(0 0px 3px rgba(0, 0, 0, 0.9))}.backnumber-list-item-number span{font-size:0;background-repeat:no-repeat;background-position:left center;background-size:contain;display:block;width:100%;padding-top:56.5217391304%}#quiz-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:50px;overflow-y:auto;background-color:rgba(0,0,0,.7)}@media(max-width: 600px){#quiz-modal{padding:30px 20px}}.quiz-modal-item{position:relative;z-index:200;display:block;width:100%;max-width:900px;max-height:100%;opacity:1;transition:all .8s}.quiz-modal-close{position:absolute;top:-45px;right:-10px;z-index:100;width:40px;height:40px;font-size:0;cursor:pointer;transform:rotate(45deg)}.quiz-modal-close::before,.quiz-modal-close::after{position:absolute;top:50%;left:50%;display:block;width:28px;height:3px;content:"";background-color:#fff;transform:translate(-50%, -50%)}.quiz-modal-close::after{width:3px;height:28px}@media(max-width: 600px){.quiz-modal-close{top:-35px;right:-10px;width:36px;height:36px}.quiz-modal-close::before{width:24px;height:2px}.quiz-modal-close::after{width:2px;height:24px}}.quiz-modal-keyword{width:40%;padding:5% 0;margin:auto;font-size:200px;font-weight:bold;color:#fff;text-align:center;background:#000;border:5px solid #e60000}@media(max-width: 992px){.quiz-modal-keyword{width:50vw}}@media(max-width: 600px){.quiz-modal-keyword{width:70vw;font-size:40vw}}