.p-nav{max-width:1980px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.p-nav:has(a:focus-visible){overflow:initial}.p-nav__item{width:min(45%,500px);font-size:26px;position:relative}@media(width <= 1280px){.p-nav__item{font-size:20px}}@media(width <= 768px){.p-nav__item{width:min(100%,325px);margin-left:auto;margin-right:auto;padding-bottom:30px;font-size:14px}}.p-nav__item::before{content:"";width:200vw;height:0;margin:auto;background-color:var(--color-bg);display:block;position:absolute;bottom:0;left:-50vw;z-index:-1;pointer-events:none;-webkit-transition:height 1s 0s linear;transition:height 1s 0s linear}.p-nav__item:nth-child(2n+1){margin-left:auto}@media(width > 990px){.p-nav__item:nth-child(2n){margin-top:-35%}}.p-nav__item:not(.is-visible)::before{height:calc(100% + 1em)}.p-nav__item-inner{-webkit-transition:opacity .6s linear,translate .6s linear;transition:opacity .6s linear,translate .6s linear;position:relative;z-index:1}.p-nav__item-inner:is(.p-nav__item:not(.is-visible)>*){translate:0 1em;opacity:0}.p-nav__item-tit{font-weight:700;margin-bottom:45px}@media(width <= 768px){.p-nav__item-tit{margin-bottom:1.5em;padding-left:1em;padding-right:1em}}.p-nav__item-btn{width:100%;min-height:140px;font-weight:700;line-height:1.3;border-radius:25px;text-align:center;background-color:var(--color-primary);display:grid;place-content:center;-webkit-transition:background-color .3s linear;transition:background-color .3s linear}@media(width <= 1280px){.p-nav__item-btn{min-height:3.75em;border-radius:10px}}@media(any-hover: hover){.p-nav__item-btn:hover{background-color:color-mix(in srgb, var(--color-primary) 50%, var(--color-wt))}}.p-nav__item figure{margin-bottom:3em}.p-nav__item figure img{font-size:inherit;display:block;border-radius:25px}@media(width <= 768px){.p-nav__item figure img{border-radius:15px}}.p-nav__item ul{display:grid;gap:1em}@media(width <= 768px){.p-nav__item ul{gap:25px}}@media(width <= 768px){.p-nav__item:nth-of-type(1) figure img{width:205px}}.p-nav__item:nth-of-type(2)::before{-webkit-transition-delay:1s;transition-delay:1s}@media(width <= 768px){.p-nav__item:nth-of-type(2) figure img{width:min(55%,180px)}}.p-nav__item:nth-of-type(3)::before{-webkit-transition-delay:2s;transition-delay:2s}.p-nav__item:nth-of-type(3) figure img:nth-of-type(1){width:min(80%,417px);margin-left:auto;margin-right:0;position:relative;z-index:1}@media(width <= 768px){.p-nav__item:nth-of-type(3) figure img:nth-of-type(1){width:222px}}.p-nav__item:nth-of-type(3) figure img:nth-of-type(2){width:min(65%,323px);margin-top:-10%;margin-left:-30%}@media(width <= 768px){.p-nav__item:nth-of-type(3) figure img:nth-of-type(2){width:122px;margin-left:5%}}.p-nav__item:nth-of-type(4)::before{-webkit-transition-delay:3s;transition-delay:3s}@media(width <= 768px){.p-nav__item:nth-of-type(4) figure img{width:202px}}.p-nav__border{width:1457px;top:170px;left:calc(50% + 250px);translate:-50% 0;position:absolute;z-index:-2}@media(width <= 990px){.p-nav__border{top:90px}}@media(width <= 768px){.p-nav__border{width:1015px;top:220px;left:50%}}@media(width <= 370px){.p-nav__border{top:200px}}.p-nav__border svg{min-width:initial;width:100%}@-webkit-keyframes bgBorder{from{opacity:0}to{opacity:1}}@keyframes bgBorder{from{opacity:0}to{opacity:1}}