@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --w-site: 1200px; /* サイト横幅 */
  --w-sp: 768px; /* ブレイクポイント */
  --ease: cubic-bezier(.215, .61, .355, 1); /* 標準イージング */
  --font-main:
    "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", arial, "BIZ UDPGothic",
    "Noto Sans JP", meiryo, sans-serif;
  --font-en: 'Roboto', sans-serif;
  /* カラー変数 */
  --color-main: #00B3C4;
  --black: #42444C;
  --white: #ffffff;
  --light-blue: #EEFEFF;
  --gray: #D9D9D9;
}

/* デバイス毎の表示切り替え */
@media (width < 768px) {
  .pc {
    display: none !important;
  }
}

@media (768px <= width) {
  .sp {
    display: none !important;
  }
}