@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-default);
}
a:hover {
  opacity: 0.7;
}
button {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
* {
  box-sizing: border-box
}

/* MediaQueryコンポーネント用 */
@media only screen and (max-width: 48em) {
  .col-xs-0,
  .min-md {
    display: none;
  }
}
@media only screen and (max-width: 62em) {
  .col-sm-0,
  .min-sm {
    display: none;
  }
}
@media only screen and (max-width: 75em) {
  .col-md-0,
  .min-lg {
    display: none;
  }
}

@media only screen and (min-width: 48em) {
  .max-xs {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .max-sm {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .max-md {
    display: none;
  }
}