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

:root {
  --w-site: 1440px; /* サイト横幅 */
  --w-sp: 768px; /* ブレイクポイント */
  --ease: cubic-bezier(.215, .61, .355, 1); /* 標準イージング */
  --font-main:
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", arial, "BIZ UDPGothic",
    "Noto Sans JP", meiryo, sans-serif;
  --font-en: "Roboto", sans-serif;

  /* 色一覧 */
  --color-blue-base: #3299BB;
  --color-blue-light: #BCE4F2;
  --color-black-base: #12191B;
  --color-gray-lightest: #F9F9F9;
  --color-gray-dark: #606060;
  --color-gray-line: #D5D5D5;
  --color-white: #FFFFFF;
}

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

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