/*
Theme Name: BuddyWorks
*/ :root {
  --line-height-base: 1.7;
  --font-base: 112.5%;
  --font-sm: 0.778rem; /* 14px */
  --font-mi: 0.889rem; /* 16px */
  --font-lg: 1.222rem; /* 22px */
  --text-color: #222;
  --bg-color: #fff;
  --wh: #f7f7f2;
  --gr: #0C7339;
  --gr-a: #F6FDED;
  --gr-b: #DCEAC7;
  --gr-c: #FCFFFC;
  --gr-d: #EDF7ED;
  --gl: #F8F8F8;
  --gl-a: #BFBFBF;
  --blu: #0C4673;
  --blu-a: #0C5B73;
  --blu-bg: #EDF4F7;
  --content-max-width: 1200px;
  --content-side-space: 2rem;
  --shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1099px) {
  :root {
    --font-base: 100%;
    --font-sm: 0.875rem; /* 14px */
    --font-mi: 1rem; /* 16px */
    --font-lg: 1.125rem; /* 18px */
    --line-height-base: 1.65;
    --content-side-space: 1.5rem;
  }
}
html {
  height: 100%;
  font-size: var(--font-base);
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  min-height: 100vh;
  margin: 0;
  color: var(--text-color);
  background: var(--bg-color);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic", YuGothic, sans-serif;
  line-height: var(--line-height-base);
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
.site-footer {
  flex-shrink: 0;
}
*, *::before, *::after {
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure {
  margin: 0;
  padding: 0;
}
button, input, textarea, select {
  font: inherit;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  color: var(--gr);
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
  transition: filter 0.2s ease;
}
a:hover {
  /*filter: brightness(0.92);*/
  text-decoration-thickness: 2px;
}
a:focus-visible, button:focus-visible {
  outline: 3px solid #003f2a;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #fff;
}