*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --azure-46: #1e72ce;
  --azure-38: #115aaf;
  --azure-12: #0c1c30;
  --azure-63: #5baee8;
  --azure-87: #cce0f2;
  --azure-62: #8aa0b4;
  --grey-96:  #ebf4ff;
  --grey-98:  #f7fbff;
  --grey-46:  #757575;
  --white:    #ffffff;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--azure-12);
  overflow-x: hidden;
  background: var(--white);
}

a { text-decoration: none; color: inherit; }
img { display: block; }
ul { list-style: none; }