@charset "UTF-8";img{max-width:100%}html{font-size:22px}body{background:#000}.-sp{display:none}canvas{z-index:0;position:fixed;top:0;left:0;width:100%;height:100lvh}body{background:#1e3d43}.wrapper{width:100%;max-width:750px;margin:0 auto}.hero{position:relative}.main{padding-bottom:2rem;background:url(../images/common/bg1.webp) repeat-y top center;background-size:100% auto}.main__hint{padding:3rem 6.6666666667% 1rem}.main__hint-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem;border:none;background:transparent;color:#fff;font-size:1.1428571429rem;text-decoration:underline;cursor:pointer}.main__hint-btn-img{display:block;width:3.2857142857rem}.form-wrap{padding:2rem 0 0}.form-wrap__form{padding:0 6.6666666667%}.form-wrap__input{box-sizing:border-box;width:100%;padding:1.2rem;border:none;border-radius:.3rem;background:#fff;color:#333;font-weight:700;font-size:1.1428571429rem;text-align:center}.form-wrap__input::-moz-placeholder{color:#999}.form-wrap__input::placeholder{color:#999}.form-wrap__submit{padding:1.1rem 0 0}.form-wrap__button{display:block;max-width:450px;margin:0 auto;border:none;background:transparent;cursor:pointer;transition:opacity .3s}.form-wrap__button.is-disabled{cursor:default;opacity:.4}.content{background:url(../images/common/bg2.webp) repeat-y top center;background-size:100% auto}.intro{padding-top:24%}.intro__text{padding:0 6.6666666667% 2rem;line-height:1.7;font-feature-settings:"palt";letter-spacing:.08em}.step{padding-top:2rem}.step__item{margin-top:1rem;padding:1rem;border:2px solid #af953c;background:#003d3f;line-height:1.8}.step__item-list{padding:1rem 6.6666666667% 0}.step__item dt{color:#af953c;font-weight:700;font-size:1.2857142857rem}.step__item dd{color:#fff}.period{padding-top:2.8rem}.period__text{padding:0 6.6666666667% 2rem}.period__text-inner{margin-top:1.8rem;padding:1rem 1rem .8rem;background:#8a793e;color:#fff;font-weight:700;font-size:1.6428571429rem;line-height:1.3;text-align:center}.period__text-inner span{display:block}.period__time{font-size:1.2857142857rem}.present{padding-top:2.8rem}.present__img{margin-top:2.5rem;padding:0 6.6666666667% 2rem}.tou{padding:3rem 6.6666666667% 4.5rem}.tou-inner{padding:7.6923076923% 6.1538461538%;background:#ffffff80}.tou h2{color:#927e40;font-size:1.1428571429rem}.tou-list{padding-top:.5rem;font-size:.8571428571rem;line-height:1.4;font-feature-settings:"palt";letter-spacing:.08em}.tou-list-item{padding-top:.3rem;padding-left:1rem}.tou-list-item:before{margin-left:-1rem;padding-right:.2em;content:"※"}.hint{background:url(../images/common/bg1.webp) repeat-y top center;background-size:100% auto}.hint__text{padding-bottom:2rem;color:#fff;line-height:1.8;text-align:center}.hint-list{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:url(../images/common/bg3.webp) repeat-y top center;background-size:100% auto}.hint-list-item{width:50%}.counter{box-sizing:border-box;position:absolute;bottom:0;left:0;width:100%;padding:11.4666666667% 6.6666666667%;color:#fff}.counter__inner{padding:6.9230769231% 6.1538461538% 4.6153846154%;overflow:hidden;border-radius:.8rem;background:url(../images/counter/bg.webp) no-repeat center center;background-size:cover}.counter__content{display:flex;align-items:center;justify-content:center}.counter__title{width:23.3846153846%}.counter__text{align-self:flex-end;width:5.2307692308%}.counter__date{padding-top:.8rem;font-size:.8571428571rem;text-align:right}.counter__num-list{display:flex;margin:0 3.0769230769%;gap:.3em}.counter__num-item{display:block;min-width:.9em;padding:.16em 0 .1em;border-radius:.3rem;background:#fff;color:#000;font-style:normal;font-weight:700;font-size:3.2142857143rem;line-height:1;font-family:Google Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"GRAD" 0;text-align:center}.subnazo-hint{display:none}.subnazo-hint.--active{display:block}.btn-wrapper{padding-top:1rem}#subNazoCorrectText span{display:block;padding-top:.7rem;padding-bottom:1.4rem;font-weight:700;font-size:1.7857142857rem}#subNazoCorrectHint{display:block;width:90%;margin:0 auto;margin-bottom:1.5rem;padding-bottom:0;border:2px solid #fff;line-height:2.6}@keyframes modalIn{0%{translate:0 20px;opacity:0}to{translate:0 0;opacity:1}}.modal{display:none;z-index:1000;position:relative;max-width:600px;height:110lvh;margin:0 auto;background:#002c2ef2;color:#fff;line-height:1.8;text-align:center;transition:all .5s ease}.modal.--active{display:block}.modal__wrapper{visibility:hidden;z-index:999;position:fixed;top:0;left:0;width:100%;height:110lvh;backface-visibility:hidden;opacity:0}.modal__wrapper.--active{visibility:visible;opacity:1}.modal__inner{display:flex;align-items:center;justify-content:center;width:100%;height:100svh}.modal.--active .modal__content{animation:modalIn .4s ease}.modal__content{box-sizing:border-box;width:100%;height:auto;max-height:100%;max-height:100svh;padding:4rem 0;overflow:auto;scrollbar-color:rgba(255,255,255,.5) transparent;scrollbar-width:thin}.modal__text{padding-bottom:.8rem}.modal__text--advice{font-size:.8em}.modal__button,.modal__back{display:block;width:100%}.modal__close{display:block;position:absolute;top:.5rem;right:.5rem;width:50px;height:50px}.modal__close-inner{display:block;position:relative;width:100%;height:100%}.modal__close-inner:before{position:absolute;top:50%;left:50%;width:100%;height:1px;translate:-50% -50%;rotate:45deg;background:#fff;content:""}.modal__close-inner:after{position:absolute;top:50%;left:50%;width:100%;height:1px;translate:-50% -50%;rotate:-45deg;background:#fff;content:""}.subnazo-hint__btn{display:block;position:relative;width:100%;cursor:pointer}.subnazo-hint__btn:after{position:absolute;top:50%;right:1rem;translate:0 -50%;content:"+";color:#000;font-size:1.4rem;line-height:1;pointer-events:none}.subnazo-hint__hint{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.subnazo-hint__hint>*{min-height:0;overflow:hidden}.subnazo-hint.--open .subnazo-hint__hint{grid-template-rows:1fr}.subnazo-hint.--open .subnazo-hint__btn:after{content:"−"}@media only screen and (min-width: 750px){.wrapper{max-width:600px}}@media only screen and (max-width: 750px){html{font-size:3.7vw}.-sp{display:block}.-pc{display:none!important}}
