.page-hero{background:linear-gradient(180deg,#f6efe3 0%,var(--cream) 100%);padding:72px 0 28px;position:relative}.page-hero+.section{padding-top:44px}.page-hero:after{content:"";border:14px solid #4a7a3e14;border-radius:50%;width:92px;height:92px;position:absolute;top:48px;right:7%}.page-hero h1{max-width:960px;margin-bottom:24px}html[lang=ja] .page-hero h1{max-width:none}.page-hero .lead{max-width:750px}.accordion-list,.rank-list{gap:10px;display:grid}.accordion-list details,.rank-list details{border:1px solid var(--line);background:#ffffff52;border-radius:18px;overflow:hidden}.accordion-list summary,.rank-list summary{cursor:pointer;font-family:var(--font-heading);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;font-weight:700;list-style:none;display:flex}.accordion-list summary::-webkit-details-marker{display:none}.rank-list summary::-webkit-details-marker{display:none}.accordion-list details p{max-width:920px;margin:0;padding:0 24px 22px}.accordion-list summary span,.rank-list summary>span:last-child{color:var(--red);font-size:1.5rem;transition:rotate .2s}.accordion-list details[open] summary span,.rank-list details[open] summary>span:last-child{rotate:45deg}@media (max-width:800px){.page-hero{padding:56px 0 30px}.page-hero+.section{padding-top:40px}.page-hero:after{display:none}}@media (max-width:560px){.rank-list summary{padding:18px}.rank-list ul{padding:0 28px 20px 42px}}