@charset "utf-8";
:root {
  /* カラー */
  --color-base: #00132b;
  --color-white: #fff;
  --color-bg-blue: #3ba1d7;
  --color-bg-blue-02: #0387cc;
  --color-bg-blue-03: #33adc5;
  --color-small-en: #015fb7;
  --color-title: #284678;
  --color-subheading: #0360b7;
  --color-bar: #005eb7;
  --color-text-thin: #7e7e7e;

  /* フォント */
  --font-base: "Noto Sans JP", sans-serif;
  --font-en: "Prompt", sans-serif;
  --font-name: "Zen Kaku Gothic New", sans-serif;
}

body {
  position: relative;
  font-family: var(--font-base);
  color: var(--color-base);
  background: linear-gradient(
    110deg,
    #fafafa 0%,
    #f8fafa 6%,
    #f0f9fb 12%,
    #f0f9fb 14%,
    #f9f8f6 20%,
    #f1eff0 26%,
    #eff3f5 32%,
    #ecfafd 38%,
    #ecfafd 40%,
    #fcfcf9 46%,
    #f1eff0 52%
  );
  font-weight: 500;
  line-height: 1.2;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

a {
  transition: all 0.5s ease;
}

a:hover {
  color: inherit !important;
  opacity: 0.7;
  cursor: pointer;
  text-decoration: none !important;
}