/**
 * Base Reset Styles
 * SOKUDAN Top Theme
 *
 * Note: normalize.css is loaded from CDN via functions.php
 * This file contains additional reset styles specific to this theme
 */

/* DIN Font Utility Class */
.font-f-DIN-b {
  font-family: "din-2014", sans-serif;
  font-display: swap;
  font-weight: 700;
}

/* Additional Resets */
* {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size-base);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--color-link);
  text-decoration: none;
  transition: var(--transition-fast);
}

a:hover {
  color: var(--color-link-hover);
}

/*
 * hover時の下線（business.sokudan.work に合わせる）。
 * 対象はテキストリンクのみで、ボタン系（.btn-cta / .btn-register / .btn-login /
 * .btn-more / .btn-request / .btn-outlined など、クラス名に btn を含むもの）は除外する。
 * a:hover に一律で付けると、CDNのBootstrapを外した際に header.php や
 * partials/cta-buttons.php のボタン文字に下線が出てしまうため。
 *
 * 除外条件を :where() で囲って詳細度0にしてあるため、このルールの詳細度は
 * 素の a:hover と同じ (0,1,1) のまま。各セクションCSS側の text-decoration: none
 * との勝ち負けが変わらないようにするための措置。
 *
 * ただし除外するだけでは、Bootstrap 4.5 の reboot が先に当てている
 * a:hover { text-decoration: underline } は打ち消せない。ボタン系には明示的に
 * none を指定して、Bootstrapの有無にかかわらず下線が出ないようにする。
 */
a:hover:not(:where([class*="btn"], [class*="Btn"])) {
  text-decoration: underline;
}

a:hover[class*="btn"],
a:hover[class*="Btn"] {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

/* Additional global styles from legacy CSS */
body {
  min-height: 100%;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

body a {
  color: #151e4a;
}

ol,
ul {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

section {
  margin: 100px 0;
  min-height: auto;
}

h2 {
  font-size: 1.75rem;
  margin-top: -80px;
  padding-top: 80px;
}

@media (min-width: 768px) {
  h2 {
    font-size: inherit;
    margin-top: -50px;
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  h2 {
    margin-bottom: 45px;
  }
}