@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}@keyframes heartBeat-s{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes bounce-s{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-2px,0) scaleY(1.02)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}@keyframes heartBeatIn{0%{opacity:0;transform:scale(1)}14%{opacity:1;transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes rotate360{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes lightSpeedInTopRight{0%{transform:translate3d(80%,-80%,0) skew(-20deg,-20deg);opacity:0}60%{transform:skew(10deg,10deg);opacity:1}80%{transform:skew(-5deg,-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{transform:translate3d(80%,0,0) skew(-20deg);opacity:0}60%{transform:skew(10deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg);opacity:1}to{transform:perspective(400px);opacity:1}}@keyframes pyonpyon{0%{transform:translate(100px) translateY(0)}15%{transform:translate(70px) translateY(-28px)}30%{transform:translate(40px) translateY(0)}45%{transform:translate(20px) translateY(-17px)}60%{transform:translate(0) translateY(0)}70%{transform:translate(0) translateY(-3px)}80%{transform:translate(0) translateY(0)}90%{transform:translate(0) translateY(-1px)}to{transform:translate(0) translateY(0)}}@keyframes pyonpyon-wide{0%{transform:translate(180px) translateY(0)}12%{transform:translate(150px) translateY(-36px)}24%{transform:translate(120px) translateY(0)}36%{transform:translate(90px) translateY(-36px)}48%{transform:translate(60px) translateY(0)}60%{transform:translate(30px) translateY(-36px)}72%{transform:translate(0) translateY(0)}80%{transform:translate(0) translateY(-3.6px)}88%{transform:translate(0) translateY(0)}94%{transform:translate(0) translateY(-1.2px)}to{transform:translate(0) translateY(0)}}.l-hero{position:relative;background-color:#da4741;background-color:#dc5e58;z-index:1;gap:32px 0;padding-block:114px 0;display:grid;grid-template-columns:24px minmax(0,100vw) 24px;overflow:hidden}.l-hero.is-rev{background-color:#fffab5}.l-hero>*{grid-column:2/3}.l-hero:before{position:fixed;inset:0;background-image:url(/assets/bg1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;z-index:-1}.l-hero__ttl{margin-block-start:32px;position:relative;opacity:0;display:flex;flex-direction:column;align-items:center}.l-hero__ttl p{color:#fff}.is-rev .l-hero__ttl p{color:#000}.l-hero__ttl p.is-sub{font-weight:700;font-size:16px;line-height:150%;text-align:center;margin-block-end:8px}@media(min-width:769px){.l-hero__ttl p.is-sub{font-size:16px}}.l-hero__ttl h2{color:#fff}.is-rev .l-hero__ttl h2{color:#000}.l-hero__ttl h2.is-main{font-weight:700;font-size:32px;line-height:150%}@media(min-width:769px){.l-hero__ttl h2.is-main{font-size:40px}}.is-active .l-hero__ttl{animation:heartBeatIn 1.4s .4s forwards}.l-hero__chars{display:flex;gap:24px;align-items:center;justify-content:center;opacity:0;block-size:calc(40 * 100vw / 375)}@media(min-width:481px){.l-hero__chars{block-size:40px}}.is-active .l-hero__chars{animation:flipInX 1s .8s forwards}.l-hero__char{position:relative;inline-size:32px}.l-hero__char.is-bound{opacity:1;animation:bounce-s 1.2s!important}.l-hero__char>div{position:absolute;inset:0;margin:auto;opacity:0}.l-hero__char>div.is-active{position:relative;opacity:1}.l-hero__bolo{grid-column:1/4;inline-size:100%}.l-hero__bolo .is-sp{margin-block-start:calc(-118 * 100vw / 375)}@media(min-width:769px){.l-hero__bolo .is-sp{display:none}}.l-hero__bolo .is-pc{display:none}@media(min-width:769px){.l-hero__bolo .is-pc{display:block}}
