@charset "utf-8";
/* CSS Document */

html {
    font-family: YakuHanJPs_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Roboto", sans-serif;
   font-size: 62.5%;
	  font-optical-sizing: auto;
    line-height: 1.8;
    height: 100%;
    word-break: break-word;
    color: #333;
    background-color: var(--color-base);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }

  body {
   font-size: 1.6rem;
    margin: 0;
  }

  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  ::-moz-selection {
    color: #fff;
    background: var(--color-theme);
  }

  ::selection {
    color: #fff;
    background: var(--color-theme);
  }

  img {
    border: 0;
    margin: 0;
  }

  figure {
    margin: 0;
  }

  p {
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
    color: #333;
  }

  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    /*font-size: 1.6rem;*/
    margin: 0;
    padding: 0;
  }
@media only screen and (max-width: 1024px) {
    html {
      -webkit-text-size-adjust: 100%;
    }

    .pc {
      display: none !important;
    }

  }

  @media only screen and (max-width: 599px) {
    html {
      /*font-size: 50%;*/
    }
    .pc-tab {
      display: none !important;
    }
  }

  @media only screen and (min-width: 1025px) {
    .tab-sp {
      display: none !important;
    }
  }

  @media only screen and (min-width: 600px) {
    .sp {
      display: none !important;
    }
  }