@font-face {
  font-family: kazesawa-semibold;
  src: url('../ASSET/FONT/Kazesawa-Semibold.woff');
}

@font-face {
  font-family: kazesawa-regular;
  src: url('../ASSET/FONT/Kazesawa-Regular.woff');
}

html {
  font-size: 100%; /* 1rem = 16px */
}

header,
h1,
h2,
h3,
h4,
.font-semibold {
  font-family: kazesawa-semibold, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-optical-sizing: auto;
}

body,
textarea,
input,
input[type='file']::file-selector-button,
button,
.font-regular {
  font-family: kazesawa-regular, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-optical-sizing: auto;
}

a:link {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: blue;
}

a:hover {
  color: blue;
  text-decoration: underline;
}

a:active {
  color: blue;
}

video {
  border: 1px solid #000;
}

img {
  border: 1px solid #000;
}

.warning {
  color: red;
}