.page-banner{position:relative;width:100%;aspect-ratio:var(--pb-aspect,21/9);overflow:hidden}.page-banner__media,.page-banner__overlay,.page-banner__title{position:absolute;inset:0}.page-banner__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;filter:var(--pb-img-filter,none)}.page-banner__overlay{background:rgba(0,0,0,var(--pb-overlay,.35));pointer-events:none}.page-banner__title{inset:auto;color:var(--pb-title-color,#fff);font-family:var(--pb-title-font,'Noto Sans JP',sans-serif);font-weight:var(--pb-title-weight,700);font-size:var(--pb-title-size,clamp(1.6rem,5vw,3rem));letter-spacing:var(--pb-title-letter,.02em);text-shadow:var(--pb-title-shadow,0 2px 10px rgba(0,0,0,.45));padding:var(--pb-title-padding,.25rem .75rem);line-height:var(--pb-title-line,1.2);max-width:var(--pb-title-max,min(90ch,92%))}.page-banner[data-pos=bottom-center] .page-banner__title{left:50%;bottom:clamp(10px,4vw,36px);transform:translateX(-50%);text-align:center}.page-banner[data-pos=top-center] .page-banner__title{left:50%;top:clamp(10px,4vw,36px);transform:translateX(-50%);text-align:center}.page-banner[data-pos=center] .page-banner__title{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.page-banner[data-pos=bottom-left] .page-banner__title{left:clamp(10px,4vw,36px);bottom:clamp(10px,4vw,36px);text-align:left}.page-banner[data-pos=bottom-right] .page-banner__title{right:clamp(10px,4vw,36px);bottom:clamp(10px,4vw,36px);text-align:right}.page-banner[data-pos=top-left] .page-banner__title{left:clamp(10px,4vw,36px);top:clamp(10px,4vw,36px);text-align:left}.page-banner[data-pos=top-right] .page-banner__title{right:clamp(10px,4vw,36px);top:clamp(10px,4vw,36px);text-align:right}.page-banner{--pb-title-padding:0.25rem 0.75rem}