/* ##############################################################################

    COMMON

############################################################################## */
  html {
    font-size: 16px;
  }
  body {
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
    line-height: 1.6;
    font-weight: 500;
    font-feature-settings: "palt";
    letter-spacing: .08em;
    color: #404044;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    background-color: #F2F2F2;
    padding-top: 90px;
  }
  ul,
  ol { list-style: none; }
  small { font-size: .875rem; /* 14px */ }
  a,
  a[href="javascript:void(0);"]:hover {
    color: #404044;
    text-decoration: none;
    transition: all .4s ease-out;
    outline : none;
  }
  a[href="javascript:void(0);"],
  a[href="javascript:void(0);"]::before {
    color: inherit;
    cursor: default;
    opacity: 1;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  a:focus {
    text-decoration: none !important;
  }
  img {
    vertical-align: middle;
  }
  address,
  em,
  i {
    font-style: normal;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    font-weight: 600;
  }
  svg {
    transition: all .4s ease-out;
  }
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    font-size: 100%;
    transition: all .1s;
  }
  @media (max-width: 767px) {
    html {
      font-size: 14px;
    }
    body {
      padding-top: 60px;
    }
  }