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

:root {
  --w-site: 1180px;
  --w-sp: 768px;
  --ease: cubic-bezier(.215, .61, .355, 1);
  --font-main: "Hiragino Sans", "Helvetica Neue", arial, "BIZ UDPGothic", "Noto Sans JP", meiryo, sans-serif;
  --font-en: 'Roboto', sans-serif;
  --black: #000121;
  --gold: #B8A536;
  --navy: #000121;
  --white: #FFF;
  --gray-01: #F0F0F0;
  --gray-02: #CCCCCC;
  --grd-authentic: linear-gradient(246deg, #46465D 6.73%, #33344E 23.08%, #20213E 41.35%, #000121 68.27%);
  --grd-promodel: linear-gradient(246deg, #B8A536 20.67%, #918330 77.88%, #6C6430 100%);
  --grd-hiquality: linear-gradient(246deg, #38397C 21.1%, #0B0C34 79.6%, #000121 100%);
}

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

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