/* =========================================================
   fudosha.net main.css
   - Main / Hero
   ========================================================= */

.site-main{
  min-height: auto;
  display: grid;

  /* 縦センターをやめる */
  align-content: start;   /* ←縦方向は上に詰める */
  justify-items: center;  /* ←横方向だけ中央 */

  padding: 0 16px;        /* 必要なら上だけ別で足す */
}

.main-inner{
  width: var(--bgw);
  max-width: var(--max);
  margin: 0 auto;
}

@media (max-width: 767px){
  .site-main{ padding-top: 150px; }
}

.hero{
  width: 100%;
  max-width: var(--max);
}
.hero-inner{
  border-radius: var(--radius);
  background: var(--glass-strong);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  padding: 22px 18px;
}
.hero-copy{
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: rgba(15,18,28,0.82);
}
@media (min-width: 768px){
  .hero-copy{ font-size: 15px; }
}