@charset "utf-8";
:root {
  /* カラー */
  --color-base: #2a2a2a;
  --color-white: #fff;
  --color-accent: #4491da;
  --color-bg: #f6f5f5;
  --detaile-color: #00132b;
  --color-page-section-text: #483c42;

  /* フォント */
  --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: var(--color-bg);
  font-weight: 400;
  line-height: 1;
  font-size: 14px;
  position: relative;
}

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

a {
  transition: all 0.3s ease;
}

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