/* リキッドレイアウト対応 */
@use "global" as *;

html {
  //~375px
  @media (max-width: 375px) {
    font-size: vw(375, 10);
  }

  //375px~787px
  font-size: 10px;

  @include mq("md") {
    font-size: vw(strip-unit($inner), 10);
  }

  //inner~max-screen
  @media (min-width: $inner) {
    font-size: 10px;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease-out;
}