@charset "UTF-8";

:root {
  --color-text-dark: #333;
  --color-text-light: #fff;
  --color-text-blue: #0060b0;
  --color-text-pink: #ffc5e5;
  --color-bg-white: #fff;
  --color-bg-blue: #0f3eb9;
  --color-bg-navy: #243f91;
  --color-bg-darkNavy: #00316a;

  --hover-fast: 0.1s all ease-in-out;
  --hover: 0.3s all ease-in-out;
}
html {
  box-sizing: border-box;
  height: 100%;
  scroll-behavior: smooth;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  height: 100%;
  font-family: "M PLUS 1", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text-dark);
  background-color: var(--color-bg-white);
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
  background-color: inherit;
  appearance: none;
  border: none;
}
small {
  font-size: inherit;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
strong {
  font-weight: bold;
}
input,
textarea {
  max-width: 100%;
  font-family: inherit;
  font-size: 100%;
}