#banner{--banner-ar:2.9538;--banner-bg:#f2ede4;--banner-offset:0px;padding-top:var(--banner-offset);background:var(--banner-bg)}#banner .swiper-container.swiper-fade{width:100%;height:min(calc(100vh - var(--banner-offset)), calc(100vw / var(--banner-ar)));background:var(--banner-bg);overflow:hidden}@media (min-width:481px) and (max-width:1200px){#banner{--banner-offset:4.5rem}}@media (min-width:1201px){#banner{--banner-offset:7rem}}#banner .swiper-container.is-empty{display:none}#banner .swiper-wrapper{cursor:grab;transition-duration:0s}#banner .swiper-wrapper:active{cursor:grabbing}#banner .swiper-slide{width:100%;transition-duration:0s;position:relative}#banner .slide-inner{object-fit:cover;object-position:center;display:block}#banner .slide-hit{z-index:2;cursor:pointer;display:block;position:absolute;inset:0}#banner .caption-mask{z-index:1;pointer-events:none;background:var(--banner-mask,none);position:absolute;inset:0}#banner .swiper-slide>.m{z-index:3;pointer-events:none;padding:0 clamp(1.25rem,5.5vw,9rem);position:absolute;inset:0}#banner .swiper-slide>.m>.txt{justify-content:var(--caption-valign,center);align-items:var(--caption-align,flex-start);height:100%;text-align:var(--caption-text-align,left);pointer-events:none;color:var(--caption-color,#fff);flex-direction:column;padding-top:0;display:flex}#banner .swiper-slide>.m>.txt h2{max-width:42rem;color:var(--caption-color,#fff);margin:0;font-size:clamp(1.5rem,3vw,4.25rem);line-height:1.2}#banner .swiper-slide>.m>.txt p{max-width:36rem;color:var(--caption-color,#fff);opacity:.92;margin-top:.75rem;font-size:clamp(.875rem,1.05vw,1.25rem);line-height:1.6}#banner .swiper-slide>.m>.txt .exp{pointer-events:auto;margin:2rem 0 0}#banner .swiper-slide>.m>.txt .exp a{width:100%;height:100%;color:var(--caption-color,#fff);justify-content:center;align-items:center;display:flex}#banner .swiper-slide>.m>.txt h2,#banner .swiper-slide>.m>.txt p,#banner .swiper-slide>.m>.txt .exp{will-change:opacity, transform}#banner .botbox .swiper-pagination{top:0}#banner .botbox .swiper-pagination span.swiper-pagination-bullet{white-space:nowrap;cursor:pointer;background:0 0;flex:1 1 0;width:auto;height:1.5rem;padding:0;font-size:0;line-height:0;transition:none;position:relative}#banner .botbox .swiper-pagination span:before{background:color-mix(in srgb, var(--hero-pager-color,#fff) 32%, transparent);height:3px;top:50%;transform:translateY(-50%)}#banner .botbox .swiper-pagination span:after{height:3px;top:50%;transform:translateY(-50%)}#banner .botbox .swiper-pagination span.swiper-pagination-bullet-active:after{animation:anim-h var(--hero-interval,5s) linear forwards;-webkit-animation:anim-h var(--hero-interval,5s) linear forwards}@media (max-width:767px){#banner .swiper-container.swiper-fade{height:calc(100vw / var(--banner-ar) + 3rem)}#banner .slide-inner{object-fit:contain}#banner .swiper-slide>.m>.txt h2,#banner .swiper-slide>.m>.txt p{max-width:100%}}