@layer base;
*, ::after, ::before {
  box-sizing: border-box
}
dd, dl, dt, figure, h1, h2, h3, h4, img, p, ul {
  margin: 0;
  padding: 0
}
address ul, ul[role=list] {
  list-style: none
}
body, html {
  height: 100%
}
html {
  font-size: clamp(16px, 1.05vw + .2rem, 18px);
  scroll-behavior: smooth
}
body {
  margin: 0;
  background: #f5f9ff;
  color: #1a1a1a;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased
}
h2, h3 {
  font-family: "Funnel Sans", "Noto Sans JP", sans-serif
}
a {
  color: inherit;
  text-decoration: none
}
a:hover {
  transition: .2s
}
::selection {
  background: #5f5fff;
  color: #fff
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0
}