@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Zen+Dots&display=swap');

:root {
  --color-text: #194375;
  --color-bg: #ffffff;

  --font-sans: "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif;
  --font-size-base: clamp(0.8rem, 0.8rem + 1vw, 1rem);
  --line-height-base: 1.7;
  --letter-spacing-base: 0.015em;

  /* Breakpoints（参照用メモ: 768 / 1440） */
}

html {
  font-size: 20px;
}

body {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-base);
  color: var(--color-text);
  background-color: var(--color-bg);
  min-height: 100vh;
}

img {
  vertical-align: middle;
  width: auto;
  max-width: 100%;
}

.pc-flex {display: flex;}
.sp-flex {display: none;}
.pc-inline {display: inline;}
.sp-inline {display: none;}

@media (max-width: 767px) {
  .pc-flex {display: none;}
  .sp-flex {display: flex;}
  .pc-inline {display: none;}
  .sp-inline {display: inline;}
}