/*
Theme Name: lead_site 


  ::-webkit-scrollbar {
    width: 1px;
  }

  ::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000000), to(#484848));
    background: linear-gradient(to bottom, #000000 50%, #494949);
    border-radius: 1px;
  }

  ::-webkit-scrollbar-track {
    background: #dcdcdc;
  }


  /* 使用フォント */
  :root {
    --NotoSans: 'Noto Sans JP', sans-serif;
    --NotoSerif: 'Noto Serif JP', sans-serif;
    --Shippori: 'Shippori Mincho B1', serif;
    --regular: 400;
    --medium: 500;
    --semi-bold: 600;
    --bold: 700;
    --extra-bold: 900;
  }

  html {
    font-size: min(calc(10 / 1280 * 100vw),10px);
    /* 画面幅960pxで10px*/
    overflow-y: overlay;
  }

  /*fade表示関連*/

  .fade_in {
    opacity: 0;
    transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
  }

  .fade_up {
    transform: translateY(2vw);
    opacity: 0;
    transition: all 1.2s cubic-bezier(0, 0.42, 0.58, 1);
  }

  .fade_in.show,
  .fade_in.is-show {
    opacity: 1;
  }

  .fade_up.show,
  .fade_up.show.is-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .pc_only {
    display: block;
  }

  .sp_only {
    display: none;
  }


  @media screen and (max-width: 699.98px) {
    html {
      font-size: calc(10 / 375 * 100vw);
      /* 画面幅375pxで10px*/
    }

    .pc_only {
      display: none;
    }

    .sp_only {
      display: block;
    }
  }