@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2");
  font-display: swap;
}
body {
  color: #222222;
  font-size: 1rem;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  background: #fff;
}

a {
  color: #222222;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  outline: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.bg-black {
  background-color: #303836;
}

.bg-white {
  background-color: #fff;
}

.color-white {
  color: #fff;
}

.color-black {
  color: #303836;
}