/**
 * Sidebar Layout
 * SOKUDAN Top Theme
 */

.aside {
  background-color: #eaeaea;
  padding: 0rem 2.5rem;
}

.aside h3 {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.aside h3 span {
  font-size: 0.75rem;
}

/* モバイル表示: サイドバーの上余白とh3サイズ調整 */
@media (max-width: 999.98px) {
  .aside {
    padding-top: 1.5rem;
  }
  .aside h3 {
    font-size: 1.125rem;
  }
}

/* PC表示: サイドバーを固定配置 */
@media (min-width: 1000px) {
  .wrapper {
    display: grid;
    grid-template-columns: 1fr 23rem;
  }

  .wrapp-main {
    overflow: hidden;
  }

  .aside-form {
    height: 100vh;
    position: sticky;
    top: 80px;
    right: 0;
    overflow: auto;
  }
}