.xz-banner-y01{--banner_h:clamp(24rem,54.545vw - 8.727rem,96rem);--overlay-gradient:linear-gradient(270deg,rgba(50,150,220,0) 0%,color-mix(in srgb,var(--wp--preset--color--dark) 100%,transparent) 100%);--side-margin:calc(50vw - var(--xz-main-width)/2);--transition-base:all 0.3s ease;color:var(--wp--preset--color--white);height:var(--banner_h);overflow:hidden;position:relative;width:100%}.xz-banner-y01 .pc-bg,.xz-banner-y01 img,.xz-banner-y01 video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.xz-banner-y01 .pc-bg a{display:block;height:100%;width:100%}@keyframes widthchange{0%{width:0}to{width:100%}}.xz-banner-y01 .y01-paganation{bottom:clamp(2.4rem,3.182vw + .491rem,6.6rem)!important;display:flex;gap:var(--wp--preset--spacing--20);justify-content:center;left:50%!important;position:absolute;transform:translate(-50%);width:auto!important;z-index:99}.xz-banner-y01 .y01-paganation span{background:hsla(0,0%,100%,.8);border-radius:0;display:block;height:2px;margin:0!important;opacity:1!important;position:relative;width:clamp(3.5rem,2.652vw + 1.909rem,7rem)}.xz-banner-y01 .y01-paganation span:after{background-color:var(--wp--preset--color--a);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0}.xz-banner-y01 .y01-paganation span.swiper-pagination-bullet-active:after{animation:widthchange .5s linear forwards}.xz-banner-y01 .y01-paganation .swiper-pagination-bullet-active:after{transform:scale(1)}.xz-banner-y01 .y01-btns{align-items:center;bottom:clamp(2rem,3.03vw + .182rem,6rem);display:flex;display:none;gap:.6rem;position:absolute;right:var(--side-margin);z-index:10}.xz-banner-y01 .y01-btns>div{align-items:center;background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--a);cursor:pointer;display:flex;font-size:var(--wp--preset--font-size--body-s);height:3.2rem;justify-content:center;transition:var(--transition-base);width:3.2rem}.xz-banner-y01 .y01-btns>div:hover{background-color:var(--wp--preset--color--a);color:var(--wp--preset--color--white)}.xz-banner-item--banner_image,.xz-banner-item--banner_layout{position:relative}.xz-banner-item--banner_image:after,.xz-banner-item--banner_layout:after{background:rgba(0,0,0,.1);content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.xz-banner-item--banner_layout .xz-banner-item-wrap{align-items:flex-start;display:flex;flex-direction:column;left:var(--side-margin);position:absolute;right:var(--side-margin);top:50%;transform:translateY(-50%);-webkit-user-select:text;-moz-user-select:text;user-select:text;z-index:10}.xz-banner-item--banner_layout .title{max-width:70rem}.xz-banner-item--banner_layout .subtitle{font-weight:var(--wp--custom--font-weight-xxl)!important;max-width:75rem}.xz-banner-item--banner_layout .subtitle p{margin:var(--wp--preset--spacing--20) 0 0}.xz-banner-item--banner_layout .banner-btns{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--20);margin-top:var(--wp--preset--spacing--40)}.xz-banner-item--banner_layout .banner-btns-about{align-items:center;background:var(--wp--preset--color--a-1);border-radius:8px;color:var(--wp--preset--color--white);display:flex;font-size:var(--wp--preset--font-size--body-s)!important;font-weight:600!important;gap:1rem;padding:clamp(.8rem,.379vw + .573rem,1.3rem) var(--wp--preset--spacing--20);text-decoration:none;transition:all .3s}.xz-banner-item--banner_layout .banner-btns-about .icon-x{font-size:var(--wp--preset--font-size--body-m)}.xz-banner-item--banner_layout .banner-btns-about:hover{transform:translateX(3px)}.xz-banner-item--banner_layout .more{align-items:center;background:var(--wp--preset--color--white);border-radius:8px;color:var(--wp--preset--color--a);display:flex;font-size:var(--wp--preset--font-size--body-s)!important;font-weight:600!important;gap:1rem;padding:clamp(.8rem,.379vw + .573rem,1.3rem) var(--wp--preset--spacing--20);text-decoration:none;transition:all .3s}.xz-banner-item--banner_layout .more .icon-x{font-size:var(--wp--preset--font-size--body-m)}.xz-banner-item--banner_layout .more:hover{transform:translateX(3px)}.xz-banner-item--banner_video video{background:var(--wp--preset--color--dark)}@media (max-width:810px){.xz-banner-y01 .subtitle{display:none}.xz-banner-y01 .title{font-size:var(--wp--preset--font-size--headline-m)}.xz-banner-y01 .xz-banner-item-wrap{top:40%}}@media (max-width:600px){.xz-banner-y01 .xz-banner-item--banner_layout .more{font-size:1.2rem}.xz-banner-y01{--side-margin:2rem}}