html {
  scroll-padding-top: 80px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

.hero-gradient {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}

.section-padding {
  padding: 80px 20px;
}

.card-hover:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

/* 見出し。Tailwindのpreflightが見出しの既定スタイルをリセットするため、見た目はこのクラスで決める。 */
.func-catch {
  font-size: 2.25rem;
  line-height: 3rem;
  font-weight: bold;
}

.func-title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .func-title {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}

/* フッターのリンク間隔。flexのgapに加え、gap非対応環境でも詰まらないよう余白を付ける。 */
.footer-links a {
  margin: 0 0.25rem;
}