html {
  scroll-padding-top: var(--headerHeight);
}

.page__header {
  text-align: center;
  margin-bottom: 45px;
}
@media (min-width: 64em) {
  .page__header {
    max-width: var(--width474);
    margin: auto;
    margin-bottom: 45px;
  }
}
.page__header .page-ttl {
  font-size: unset;
  line-height: var(--lineHeightRate);
  margin-bottom: var(--spacing15);
  text-transform: uppercase;
}
.page__content {
  position: relative;
}
@media (max-width: 63.94em) {
  .page__content {
    display: flex;
    flex-direction: column-reverse;
    gap: 45px;
  }
}
@media (min-width: 64em) {
  .page__main {
    max-width: var(--width474);
    margin: auto;
  }
}
@media (min-width: 64em) {
  .page__aside {
    position: sticky;
    top: var(--headerHeight);
    padding-left: var(--padding15);
  }
}
.page__nav {
  line-height: var(--lineHeightRate);
}
@media (max-width: 63.94em) {
  .page__nav {
    margin: auto;
    margin-bottom: 45px;
  }
}
@media (min-width: 64em) {
  .page__nav {
    position: absolute;
  }
}
@media (max-width: 63.94em) {
  .page__nav__list li:not(:last-child) {
    margin-bottom: var(--spacing15);
  }
}
.page__nav__list:not(:last-child) {
  margin-bottom: 45px;
}
@media (max-width: 63.94em) {
  .page__nav__list:not(:last-child) {
    margin-bottom: var(--spacing15);
  }
}
.page__nav__list .current {
  font-weight: bold;
}
@media (min-width: 64em) {
  .page__nav__list li:not(:last-child) {
    margin-bottom: var(--spacing15);
  }
  .page__nav__list .logout {
    margin-top: 45px;
  }
}

/* @media (min-width: 64em)
{
  body:has(.header .header__nav .have-child:hover) .page__aside
  {
    display: none;
  }
} */