@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;800&display=swap");*{margin:0;padding:0}html,body,#wrapper{min-height:100vh}h1,h2,h3,h4{font-size:100%;font-weight:normal}ul{list-style:none}a{text-decoration:none}img{display:inline-block;vertical-align:bottom}button{font-family:inherit;font-size:1em;border:none;outline:none}body{width:100%;color:#000;font-family:"M PLUS 1p", -apple-system, BlinkMacSystemFont, sans-serif;font-size:16px;font-weight:400;line-height:1.6;box-sizing:border-box}#wrapper{width:100%;overflow:hidden}.inner{width:calc(100% - 30px);max-width:690px;margin:auto}.red{color:#e50012}.fw-b{font-weight:700}.bg{background-color:#54c3f1;position:relative}.bg.grad{background:linear-gradient(#54c3f1 40%, #fff 100%)}.bg::before,.bg::after{display:block;content:"";width:100%;height:100%;background-repeat:no-repeat;background-position:center top;position:absolute;top:0;left:0}.bg::before{background-image:url(/assets/bg_linework.png);background-size:cover}.bg::after{background-image:url(/assets/bg_confetti.png);background-size:contain}.wrap{position:relative;z-index:1}.fadein{animation:fadein 3s forwards}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 768px){body{font-size:20px}}.Header{padding-top:15px}.Header .company-name{color:#fff;font-weight:700;text-align:center;letter-spacing:1px;padding:4px 15px;background-color:#2d3192}.site-title{width:100%;text-align:center;padding:5px 0;position:relative}.site-title::after{display:block;content:"";width:calc(100% - 30px);max-width:640px;height:80px;margin:auto;background:url(/assets/site-title_bg.png) no-repeat center top;background-size:contain;position:absolute;top:-25px;left:0;right:0}.site-title__sub{display:inline-block;width:50%;max-width:340px;padding-left:2%;position:relative;z-index:1}.site-title__sub img{width:100%}.site-title__main{margin:2px auto 0;position:relative;z-index:1}.site-title__main.small{width:78%}.site-title__main img{max-width:100%}.schedule{width:60%;max-width:420px;color:#fff;font-size:15px;font-weight:700;padding:2px 0;border:1px solid #fbcf00;border-radius:15px;background:#000;position:absolute;top:calc(100% - 15px);left:50%;transform:translateX(-50%);z-index:1}@media screen and (min-width: 768px){.site-title{padding:20px 0 10px}.site-title::after{height:130px}.site-title__main{margin-top:10px}.schedule{font-size:1.2em;padding:4px 0;top:calc(100% - 30px);border-width:2px;border-radius:25px}}.catch{margin-top:25px;position:relative}.catch-copy{font-size:4.25vw;font-weight:700;line-height:1.5;text-align:center;letter-spacing:1px;position:relative;z-index:2}.cheerign-staff{position:absolute;bottom:-80px}.cheerign-staff img{width:100%}.cheerign-staff.man{width:9vw;max-width:50px;left:6%}.cheerign-staff.woman{width:19vw;max-width:100px;right:0}@media screen and (min-width: 768px){.catch{margin-top:35px}.catch-copy{font-size:1.2em}.cheerign-staff{bottom:auto}}.prize{width:48.5%}.prize img{max-width:100%}.prize__area{margin-top:10px}.prize__wrap{display:flex;justify-content:space-between;margin-top:10px}.prize-title__area{padding-top:35px;position:relative}.prize-title{width:72px;margin:auto;position:absolute;top:0;left:0;right:0;z-index:1}.prize-title__area .cracker{width:35px;position:absolute;top:-5px}.prize-box{text-align:center;font-weight:700;padding:8px 15px;border-radius:10px;box-shadow:0 1px 3px #aaa;position:relative}.prize-box::after{display:block;content:"";width:calc(100% - 6px);height:calc(100% - 6px);background-color:#fff;border-radius:8px;box-shadow:inset 0 1px 3px #aaa;position:absolute;top:3px;left:3px}.prize-text{font-size:5.5vw;font-weight:700;position:relative;z-index:1}#no1.prize{width:100%}#no1 .prize-title__area{padding-top:75px}#no1 .prize-title{width:244px}#no1 .prize-box{padding:2.2em 20px 1.2em;background:linear-gradient(to bottom right, #e5b84a 0%, #f8e794 20%, #f8e794 20%, #9c6124 50%, #f8e794 80%, #e5b84a 100%)}#no1 .prize-box::after{width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}#no1 .prize-text{color:#e50012;font-size:11vw;font-weight:800;line-height:1}#no2 .cracker{left:0}#no2 .prize-box{background:linear-gradient(to right, #f15f93 0%, #f697b9 50%, #f15f93 100%)}#no3 .cracker{right:0;transform:scaleX(-1)}#no3 .prize-box{background:linear-gradient(to right, #009245 0%, #39b54a 50%, #009245 100%)}@media screen and (min-width: 768px){.prize__area,.prize__wrap{margin-top:20px}.prize-title{width:144px}.prize-title__area{padding-top:70px}.prize-title__area .cracker{width:70px}.prize-box{padding:15px;border-radius:20px}.prize-box::after{width:calc(100% - 12px);height:calc(100% - 12px);border-radius:16px;top:6px;left:6px}.prize-text{font-size:2em}#no1 .prize-title__area{padding-top:140px}#no1 .prize-title{width:424px}#no1 .prize-box{padding:60px 20px 40px}#no1 .prize-box::after{width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px}#no1 .prize-text{font-size:4.5em}}.start{padding:15px 0 35px}.start-text{width:92%;max-width:480px;margin:0 auto 10px}.start-text img{width:100%}.start-button{display:flex;justify-content:center;align-items:center;width:300px;height:60px;color:#ffff00;font-size:1.5em;font-weight:700;text-align:center;letter-spacing:2px;margin:auto;border-radius:30px;background:#ff0000;box-shadow:0 3px 0 #d20000}@media screen and (min-width: 768px){.start{padding:30px 0 70px}.start-text{margin-bottom:20px}.start-button{width:500px;height:90px;font-size:2em;border-radius:45px}}.animation__main{width:300px;height:300px;margin:15px auto;background:url(/assets/lottie.png) no-repeat 0 0;background-size:cover}.animation__sub{color:#fff;text-align:center;padding-bottom:40px}.animation-title{font-size:10vw;font-weight:700;letter-spacing:2px;margin-bottom:8px}.skip-button{display:inline-block;color:#2d2d2d;font-weight:700;padding:5px 12px;border-radius:8px;border:2px solid #2d2d2d;background:#fff}.skip-button::before{display:inline-block;content:url(/assets/icon_forward.svg);margin-right:5px}.animation-memo{color:#000;font-size:12px;margin-top:2em}@media screen and (min-width: 768px){.animation__main{width:552px;height:552px;margin:30px auto}.animation__sub{padding-bottom:80px}.animation-title{font-size:3em;margin-bottom:15px}}.congratulations{text-align:center;margin:5px 0}.congratulations-title{width:80%;margin:auto}.congratulations-title img{width:100%}@media screen and (min-width: 768px){.congratulations{margin:10px 0}}.result{padding-bottom:25px}.result-title__area{padding-top:125px;position:relative;z-index:1}.result-staff{position:absolute;z-index:-1}.result-staff.man{left:12px;bottom:-20px;transform:rotate(-10deg)}.result-staff.woman{right:12px;bottom:-12px;transform:rotate(15deg)}.result-title{width:292px;margin:auto;position:absolute;top:0;left:0;right:0}.result-title img{max-width:100%}.result-box{padding-top:2.5em}.result-box__inner{position:relative;z-index:1}.result-text{font-size:3.45vw;font-weight:400;margin-top:10px}.result-box .kirakira{position:absolute;bottom:-12px;z-index:1}.result-box .kirakira{left:-10px}.result-box .kirakira:last-child{left:auto;right:-10px;transform:scaleX(-1)}@media screen and (min-width: 768px){.result{padding-bottom:60px}.result-staff.man{transform:scale(1.6) rotate(-10deg);left:100px;bottom:20px}.result-staff.woman{transform:scale(1.6) rotate(10deg);right:90px;bottom:20px}.result-title__area{padding-top:210px}.result-title{width:480px}.result-text{font-size:1em;margin-top:20px}}.printscreen{text-align:center;padding-bottom:30px}.printscreen-text{font-size:3.75vw;font-weight:700}.printscreen-button{width:280px;color:#fff;font-size:1em;font-weight:700;padding:12px 0;background:#4d4d4d;cursor:pointer}.printscreen-button .icon{display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:middle}.stripe{width:100%;height:25px;margin-bottom:15px;background-size:auto auto;background-color:red;background-image:repeating-linear-gradient(90deg, transparent, transparent 12px, white 12px, white 24px)}@media screen and (min-width: 768px){.printscreen{padding-bottom:60px}.printscreen-text{font-size:1.2em}.printscreen-button{width:400px;padding:20px 0}.stripe{height:40px;margin-bottom:30px;background-image:repeating-linear-gradient(90deg, transparent, transparent 24px, white 24px, white 48px)}}.guide{padding-bottom:25px}.guide-title{color:#fff;font-size:0.875em;font-weight:700;text-align:center;padding:2px;margin-bottom:15px;background:#54c3f1}.guide-list{font-size:0.813em;margin-left:1em}@media screen and (min-width: 768px){.guide{padding-bottom:50px}.guide-title{font-size:1em;padding:5px;margin-bottom:30px}}.Footer{padding:8px;background-color:#f4f4f4}.copyright{font-size:0.75em;text-align:center}.login-page{min-height:100vh;box-sizing:border-box;display:grid;place-items:center;padding:32px 20px;background:#f3f7fb}.login-card{width:100%;max-width:420px;box-sizing:border-box;padding:40px;border:1px solid #e4e9ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(24,45,67,0.1)}.login-logo{display:block;width:100%;max-width:230px;height:auto;margin:0 auto 28px}.login-title{margin-bottom:28px;color:#263746;font-size:1.25rem;font-weight:700;text-align:center}.login-alert{margin-bottom:20px;padding:12px 14px;border:1px solid #e9a7ad;border-radius:6px;color:#842029;font-size:0.875rem;line-height:1.5;background:#f8d7da}.login-field{margin-bottom:20px}.login-label{display:block;margin-bottom:7px;color:#34495e;font-size:0.875rem;font-weight:700}.login-input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #c8d1db;border-radius:6px;color:#263746;font-family:inherit;font-size:1rem;line-height:1.5;background:#fff;transition:border-color 0.2s, box-shadow 0.2s}.login-input:focus{border-color:#2d72d9;outline:0;box-shadow:0 0 0 3px rgba(45,114,217,0.16)}.login-remember{display:flex;align-items:center;gap:8px;margin:4px 0 24px;color:#526373;font-size:0.875rem}.login-checkbox{width:18px;height:18px;margin:0;accent-color:#2d72d9}.login-button{width:100%;padding:13px 20px;border:0;border-radius:6px;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.5;cursor:pointer;background:#2d72d9;transition:background-color 0.2s}.login-button:hover{background:#205eb5}.login-button:focus-visible{outline:3px solid rgba(45,114,217,0.35);outline-offset:2px}@media screen and (max-width: 480px){.login-page{padding:20px 15px}.login-card{padding:32px 24px}}
