* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

button:focus-visible {
  outline: 2px solid rgb(var(--button_color)) !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  color: inherit;
  text-decoration: none;
  display: block;
  
  &:hover {
  	opacity: 0.8;
  }
  
  &:focus {
  	outline: 2px solid rgb(var(--main_color));
    outline-offset: 2px;
  }
}