* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--Text-default, #1C1C1C);
  font-family: "Hiragino Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

li {
  list-style: none;
}

a,
button {
  cursor: pointer;
}

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

input {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #000000;
}

select {
  appearance: none;
}

button {
  border-radius: 30px;
  background: var(--KeySub, #2A889D);
  color: #FFF;
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  padding: 8px 32px;
  width: auto;
}

.white-button {
  background: var(--Background-white, #FFF);
  color: #2A889D;
  border: 2px solid #2A889D;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="number"] {
  border-radius: var(--Round-8, 8px);
  border: 1px solid var(--Border-outline, #E8E4E3);
  background: var(--Background-white, #FFF);
  width: 100%;
  color: var(--Text-default, #1C1C1C);
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 8px 16px;
}

.close-button button {
  background: none;
  padding: 0;
}

input[type="radio"],
input[type="checkbox"] {
  accent-color: #007897;
}