/* ------------------------------ */
/* リセットCSS */
/* ------------------------------ */
  
  html {
      background: var(--white);
    }
    
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
      margin: 0;
      padding: 0;
    }
    
    table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
    }
    
    fieldset,
    img {
      border: 0;
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
      font-style: normal;
      font-weight: normal;
    }
    
    ol,
    ul {
      list-style: none;
    }
    
    caption,
    th {
      text-align: left;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: 100%;
      font-weight: normal;
    }
    
    q:before,
    q:after {
      content: "";
    }
    
    abbr,
    acronym {
      border: 0;
      font-variant: normal;
    }
    
    sup {
      vertical-align: text-top;
    }
    
    sub {
      vertical-align: text-bottom;
    }
    
    input,
    textarea,
    select,
    button {
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      border-radius: 0;
      border: none;
      appearance: none;
      -webkit-appearance: none;
      background-color: inherit;
    }
    
    input,
    textarea,
    select {
      font-size: 16px;
    }
    
    textarea {
      resize: vertical;
      display: block;
    }
    
    button {
      padding: 0;
      cursor: pointer;
    }
    
    legend {
      color: #000;
    }
    
    main {
      display: block;
    }
    
    a {
      text-decoration: none;
      color: inherit;
    }
    
    img {
      width: 100%;
      height: auto;
      vertical-align: bottom;
    }
    
    svg {
      display: block;
    }
    
    * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      box-sizing: border-box;
    }
    
    *::before,
    *::after {
      box-sizing: border-box;
    }