@charset "UTF-8";
/* Preserve the supplied artwork. Text remains only for inputs, status and accessibility. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.image-hero{height:1080px;min-height:0;max-height:none}
.image-hero .hero-art{background-image:url('../img/main_bg.jpg');background-size:1920px 1080px;background-position:center top;animation:scene-in 1.4s ease-out both}
.hero-stage{position:absolute;top:0;left:50%;width:1920px;height:1080px;transform:translateX(-50%)}
.hero-brand{position:absolute;left:43.5416667%;top:7.5%;width:12.9166667%;z-index:3;animation:brand-enter .75s .05s both}
.hero-brand img{width:100%;height:auto;animation:brand-breathe 6s 1s ease-in-out infinite}
.hero-piece{position:absolute;display:block;z-index:2;animation:piece-enter .85s var(--delay) cubic-bezier(.2,.85,.25,1.15) both;transform-origin:center}
.hero-piece img{width:100%;height:auto;display:block;animation:paper-up 5s calc(var(--delay) + .85s) ease-in-out infinite}
.word-1{--enter-x:-35px;--enter-y:-18px;--enter-turn:-7deg}.word-1 img{animation-name:paper-left;animation-duration:5.3s}
.word-2{--enter-x:10px;--enter-y:-45px;--enter-turn:6deg}.word-2 img{animation-name:paper-up;animation-duration:4.7s}
.word-3{--enter-x:38px;--enter-y:-12px;--enter-turn:9deg}.word-3 img{animation-name:paper-wiggle;animation-duration:3.9s}
.word-4{--enter-x:-42px;--enter-y:25px;--enter-turn:-9deg}.word-4 img{animation-name:paper-up;animation-duration:6.1s}
.word-5{--enter-x:0px;--enter-y:45px;--enter-turn:4deg}.word-5 img{animation-name:paper-right;animation-duration:5.4s}
.word-6{--enter-x:38px;--enter-y:28px;--enter-turn:9deg}.word-6 img{animation-name:paper-left;animation-duration:4.4s}
.star-left{--enter-x:-22px;--enter-y:8px;--enter-turn:-15deg}.star-left img{animation-name:star-swing;animation-duration:4.8s}
.star-right{--enter-x:12px;--enter-y:-24px;--enter-turn:18deg}.star-right img{animation-name:star-swing;animation-duration:5.6s;animation-direction:reverse}
.pencil{--enter-x:28px;--enter-y:25px;--enter-turn:25deg}.pencil img{transform-origin:20% 80%;animation-name:pencil-write;animation-duration:3.8s}
.subtitle{--enter-x:0px;--enter-y:18px;--enter-turn:0deg}.subtitle img{animation-name:subtitle-breathe;animation-duration:6.4s}
.hero-piece.visual-line{z-index:1;animation:none}.visual-line img{animation:line-reveal 1.15s var(--delay) cubic-bezier(.22,.61,.36,1) both}
.design-panel{position:relative;margin:0 auto}
.section-design{width:100%;height:auto}
.review-design{width:100%;max-width:750px}
.quiz-design{width:96.8%;max-width:712px}
.prize-design{width:94.6666667%;max-width:710px}
.review-section .event-body{padding-top:40px}
.quiz-section{padding-top:60px}
.image-hotspot{position:absolute;display:block;z-index:2;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;color:transparent}
.image-hotspot:hover{background:#ffffff08}
.image-hotspot:focus-visible{outline:3px solid #ffcf25;outline-offset:3px;background:#ffffff18}
.review-subscribe{left:70.9%;top:54.7%;width:26.7%;height:6.5%}
.review-phone-apply{left:66.8%;top:93.9%;width:14%;height:4.4%}
.quiz-follow{left:9.8%;top:70.4%;width:34%;height:4.9%}
.image-action-row{display:flex;align-items:stretch;width:93.6%;max-width:702px;margin:40px auto 0;gap:1.7%}
.image-action{display:block;flex:1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;transition:translate .2s,filter .2s;cursor:pointer;box-shadow:none}
.image-action img{display:block;width:100%;height:auto}
.image-action:hover{translate:0 -4px;filter:brightness(1.04)}
.image-action:active{translate:0 0}
.quiz-actions .instagram-post-action{flex:462}.quiz-actions button{flex:226}
.image-action-row.final-actions{gap:6%;margin-top:24px}
.prize-count-image{position:absolute;width:23.1%;height:auto;left:50.6%;top:69.05%;pointer-events:none}
.notice-image{width:694px;max-width:100%;height:auto;margin:0 auto}
.sns-heading-image{width:268px;height:auto;margin:0 auto 32px}
.social-image-links{position:relative;width:518px;max-width:100%;margin:0 auto}
.social-image-links>img{width:100%;height:auto}
.social-image-links>.image-hotspot{top:0;width:16.6%;height:100%;border-radius:50%}
.sns-youtube{left:0}.sns-instagram{left:20.9%}.sns-blog{left:41.8%}.sns-facebook{left:62.7%}.sns-official{left:83.4%}
.copyright .footer-brand-image{width:210px;height:auto;margin:0 auto 30px;filter:none}
.copyright .footer-copy-image{width:681px;max-width:100%;height:auto;margin:0 auto;filter:none}
.image-floating-nav{display:block;width:220px;padding:0;background:transparent;filter:none}
.image-floating-nav picture,.image-floating-nav picture img{display:block;width:100%;height:auto}
.image-floating-nav>.image-hotspot{position:absolute;display:block;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none}
.image-floating-nav>.image-hotspot:hover{transform:none;background:#ffffff0a}
.image-floating-nav>.nav-hit-review{left:7.8%;top:2%;width:84.4%;height:25.3%}
.image-floating-nav>.nav-hit-quiz{left:7.8%;top:28.2%;width:84.4%;height:25.3%}
.image-floating-nav>.nav-hit-youtube{left:7.8%;top:55%;width:84.4%;height:21.3%}
.image-floating-nav>.nav-hit-instagram{left:7.8%;top:78%;width:84.4%;height:21.5%}
.image-floating-nav>.nav-hit-share{display:none}
.nav-status-cover{position:absolute;z-index:3;left:8.2%;top:46%;width:83.9%;height:7%;padding:2px 20%;background:#ffaca8;pointer-events:none;display:flex;align-items:center;justify-content:center}
.nav-status-cover[hidden]{display:none}.nav-status-cover img{width:auto;max-width:none;max-height:90%;height:100%;object-fit:contain}
.application-heading{height:auto;width:284px;max-width:82%;margin:0 auto 24px}
.application-heading>img{width:100%;height:auto}
.application-field>label>img{display:block;width:100%;height:auto;max-width:160px}
.social-guide{border:0}.social-guide img{height:auto}
.application-buttons .popup-image-button{position:relative;display:block;padding:0;min-height:0;border:2px solid #111;background:transparent}
.popup-image-button>img{width:100%;height:auto}
.application-buttons .cancel-button{background:transparent}
#application-form[aria-busy="true"] #application-submit::after{content:"";position:absolute;right:5px;top:5px;width:14px;height:14px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:busy-spin .8s linear infinite}
@keyframes piece-enter{from{opacity:0;transform:translate(var(--enter-x,0px),var(--enter-y,20px)) rotate(var(--enter-turn,0deg)) scale(.86)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes brand-enter{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes brand-breathe{0%,100%{translate:0 0}50%{translate:0 -2px}}
@keyframes paper-up{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(0,-5px) rotate(-.7deg)}}
@keyframes paper-left{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-3px,-2px) rotate(-1.1deg)}}
@keyframes paper-right{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(3px,-4px) rotate(.8deg)}}
@keyframes paper-wiggle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1.7deg)}}
@keyframes star-swing{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-5px) rotate(8deg)}}
@keyframes pencil-write{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(2px,-3px) rotate(-7deg)}65%{transform:translate(-1px,1px) rotate(4deg)}}
@keyframes subtitle-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes line-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes busy-spin{to{rotate:360deg}}
@media(max-width:1660px) and (min-width:1141px){.image-floating-nav{width:190px}}
@media(max-width:1140px){
 .image-floating-nav{display:block;left:50%;right:auto;top:auto;bottom:env(safe-area-inset-bottom);width:min(750px,100%);transform:translateX(-50%);padding:0;background:#ffd677;filter:drop-shadow(0 -2px 6px #07112622)}
 .image-floating-nav::after{content:"";position:absolute;left:0;right:0;top:100%;height:env(safe-area-inset-bottom);background:#ffd677}
 .image-floating-nav>.nav-hit-review{left:0;top:0;width:50%;height:62.5%}
 .image-floating-nav>.nav-hit-quiz{left:50%;top:0;width:50%;height:62.5%}
 .image-floating-nav>.nav-hit-youtube{left:0;top:62.5%;width:33.33%;height:37.5%}
 .image-floating-nav>.nav-hit-instagram{left:33.33%;top:62.5%;width:33.34%;height:37.5%}
 .image-floating-nav>.nav-hit-share{display:block;left:66.67%;top:62.5%;width:33.33%;height:37.5%}
 .nav-status-cover{left:82.15%;top:0;width:17.55%;height:14.7%;padding:2px 3%}
 .copyright{padding-bottom:calc(40px + min(29.867vw,224px) + env(safe-area-inset-bottom))}
 .toast{bottom:calc(20px + min(29.867vw,224px) + env(safe-area-inset-bottom))}
}
@media(max-width:767px){
 .image-hero{height:131.7073171vw;max-height:none;min-height:0}
 .image-hero .hero-art{background-size:auto 100%}
 .hero-stage{width:234.1463415vw;height:131.7073171vw}
 .review-section .event-body{padding-top:22px}
 .review-section{padding-bottom:52px}
 .quiz-section{padding-top:30px;padding-bottom:55px}
 .prize-section{padding-top:55px;padding-bottom:48px}
 .image-action-row{margin-top:20px}
 .image-action-row.final-actions{margin-top:12px}
 .social-image-links{max-width:90%;width:420px}
 .sns-heading-image{width:214px;max-width:75%;margin-bottom:24px}
 .copyright .footer-brand-image{width:170px;margin-bottom:24px}
 .application-heading{width:284px;height:auto;margin-bottom:20px}
 .application-buttons .popup-image-button{min-height:0}
}
@media(prefers-reduced-motion:reduce){.hero-piece,.hero-piece img,.hero-brand,.hero-brand img{animation:none!important;transform:none!important;translate:none!important;opacity:1!important}}
