@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp|Material+Icons+Two+Tone');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

html {
  font-size: 14px;
}

body {
  background: #f7f7f7;
  font-family: 'Noto Sans JP', sans-serif;
  min-height: 100vh;
}

a,
button {
  text-decoration: none;
  transition: opacity 0.3s;
  cursor: pointer;
}

a:hover,
button:hover {
  opacity: 0.5;
}

* {
  box-sizing: border-box;
  line-height: 1.5;
}

*:focus-visible {
  outline: none;
}

select {
  appearance: none;
  -webkit-appearance: none; /* Safari用 */
  -moz-appearance: none; /* Firefox用 */
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3 3 3-3z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 2rem;
}