.ope-page section{position:relative}
.ope-hero{position:relative;text-align:center}
.ope-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.35}
.ope-hero-inner{position:relative;max-width:680px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}
.ope-special .ope-card{display:flex;flex-direction:column;gap:var(--space-sm)}
.ope-flow .ope-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.ope-step{display:flex;flex-direction:column;gap:var(--space-sm);border-left:1px solid var(--color-divider-rough);padding-left:var(--space-sm)}
.ope-atmos-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.ope-atmos-text{max-width:520px}
.ope-audience > .grid > div{display:flex;flex-direction:column;gap:var(--space-sm)}
.ope-rules{display:flex;justify-content:center;text-align:center}
.ope-rules-inner{max-width:700px;padding:var(--space-md);border:var(--border-rough);background:var(--color-surface-block)}
.ope-private{max-width:800px}
.ope-cta{position:relative;text-align:center}
.ope-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.3}
.ope-cta-inner{position:relative;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}
@media(max-width:900px){
.ope-flow .ope-timeline{grid-template-columns:1fr}
.ope-atmos-inner{grid-template-columns:1fr}
}