.p-cmn-rec-nav-hero__content{position:relative;width:100%;overflow:hidden;text-align:center;z-index:var(--z_10-content)}.p-cmn-rec-nav-hero__nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(to bottom,rgb(0 178 169) 0%,rgb(0 178 169 / .95) 30%,rgb(0 178 169 / .3) 65%,#fff0 90%);backdrop-filter:blur(10px);transition:none;display:none}.p-cmn-rec-nav-hero__nav.is-open{right:0;visibility:visible;transition:right 0.4s cubic-bezier(.65,0,.35,1)}.p-cmn-rec-nav-hero__nav-inner{padding-top:90px}.p-cmn-rec-nav-hero__grid{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.p-cmn-rec-nav-hero__grid br,.p-cmn-rec-nav-hero__grid p{display:none}.p-cmn-rec-nav-hero__btn{width:85%;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;padding:18px 0;text-align:center;border-bottom:1px solid rgb(255 255 255 / .2);white-space:nowrap}.p-cmn-rec-nav-hero__btn-icon{display:none}.p-cmn-rec-nav-hero__btn,.p-cmn-rec-nav-hero__btn-icon{transition:all 0.3s ease}.p-cmn-rec-nav-hero__title{color:#fff;text-shadow:0 4px 10px rgb(0 0 0 / .3);font-size:2.5rem;opacity:0;transform:translateY(40px);transition:opacity 1.2s ease,transform 1s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.p-cmn-rec-nav-hero__title.is-animated{opacity:1;transform:translateY(0)}.u-show-sp{display:none}@media screen and (max-width:767px){.u-show-sp{display:inline}}@media screen and (min-width:768px) and (min-height:501px){.p-cmn-rec-nav-hero__nav{position:relative;right:0;left:auto;width:100%;height:auto;background:rgb(40 45 55 / .7);display:block;padding:25px 0;transition:none;visibility:visible}.p-cmn-rec-nav-hero__nav-inner{padding-top:0}.p-cmn-rec-nav-hero__title{font-size:3.5rem;margin-bottom:60px}.p-cmn-rec-nav-hero__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;padding:0 40px}.p-cmn-rec-nav-hero__btn{width:100%;max-width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f3f5;border-radius:10px;padding:10px 10px;min-height:100px;text-decoration:none;border-bottom:none;white-space:normal;justify-self:center}.p-cmn-rec-nav-hero__grid .p-cmn-rec-nav-hero__btn:hover{background:#fff;transform:scale(1.03) translateY(-4px);box-shadow:0 10px 20px rgb(0 0 0 / .15)}.p-cmn-rec-nav-hero__grid .p-cmn-rec-nav-hero__btn:hover .p-cmn-rec-nav-hero__btn-icon{transform:scale(1.05)}.p-cmn-rec-nav-hero__btn-icon{display:block;width:50px;height:50px;margin-bottom:10px}.p-cmn-rec-nav-hero__btn-icon img{width:100%;height:100%;object-fit:contain}.p-cmn-rec-nav-hero__btn-text{display:block;font-size:.95rem;font-weight:700;color:#333;line-height:1.4;text-align:center}}@media (min-width:1024px) and (min-height:501px){.p-cmn-rec-nav-hero__title{font-size:3.5rem}}