@charset "utf-8";

/*============================
#aboutPage
============================*/

@media screen and (max-width:480px) {
:where(#aboutPage) :where(.elementHeader), :where(#aboutPage) :where(.elementMain), :where(#aboutPage) :where(.elementFooter) { padding-left: var(--space-20); padding-right: var(--space-20); }
:where(#aboutPage) :where(.elementMain) { padding-top: var(--space-40); }
:where(#aboutPage) :where(.elementDl)>:where(.elementDiv) { grid-template-columns: 1fr; gap: var(--space-6); padding: var(--space-17) 0; }
:where(#aboutPage) :where(.elementHeader) :where(.elementA):first-child { font-size: var(--fs-12); }
}

@media screen and (max-width: 860px) {
:where(#aboutPage) :is(header,main,footer) { box-sizing: border-box; width:100%; padding-left: clamp(24px,6.4vw,40px); padding-right: clamp(24px,6.4vw,40px); }
:where(#aboutPage) main { padding-top: 28px; padding-bottom: 36px; }
:where(#aboutPage) h1 { font-size: clamp(23px,6.4vw,30px); line-height: 1.5; }
:where(#aboutPage) h2, :where(#aboutPage) h3 { line-height: 1.6; margin-top: 24px; margin-bottom: 12px; }
:where(#aboutPage) p, :where(#aboutPage) li, :where(#aboutPage) dd { font-size: 14px; line-height: 1.9; }
:where(#aboutPage) header { flex-wrap: wrap; gap: 12px; }
:where(#aboutPage) nav { gap: 12px 18px; }
}