.p-archiveHero { padding-bottom: var(--spc-28); @media (max-width: 1024px) { padding-bottom: var(--spc-20); } & + .p-archiveContents { margin-top: calc(var(--spc-12) * -1); @media (max-width: 1024px) { margin-top: calc(var(--spc-8) * -1); } }} .p-archiveContents-head { padding-block: var(--spc-6); & + .p-archiveContents-content { border-top: solid .1rem var(--c-gray-300); }} .p-archiveContents-head-inner { display: flex; flex-wrap: wrap; gap: var(--spc-2);} .p-archiveContents-content { padding-block: var(--spc-12);} .p-archiveContents-content-inner { display: grid; grid-template-columns: 1fr 24rem; gap: var(--spc-12); @media (max-width: 1024px) { grid-template-columns: 1fr; }} .p-archiveContents__list > ul > li + li { border-top: solid .1rem var(--c-gray-300);} .p-archiveContents__list > ul + a { margin-top: var(--spc-6);}