@charset "UTF-8";
/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
:root {
  --ptopbtm: 6rem;
  --mtop: 4rem;
  --col-mtop: var(--mtop);
}

@media screen and (max-width: 677px) {
  html {
    font-size: calc(75vw / 32);
  }

  /* class
  ============================== */
  .pc {
    display: none !important;
  }

  .alignleft,
  .alignright {
    float: none;
    max-width: 100% !important;
    margin-bottom: 0;
  }

  .alignleft {
    margin-right: 0;
  }

  .alignright {
    margin-left: 0;
  }

  .col:not(table), #top-sec01 > ul:not(table), #top-sec01 .bnr a:not(table) {
    display: block;
  }
  .col:not(table) > *, #top-sec01 > ul:not(table) > *, #top-sec01 .bnr a:not(table) > * {
    width: auto !important;
    margin-left: 0 !important;
  }
  .col:not(table) > *:nth-child(n+2), #top-sec01 > ul:not(table) > *:nth-child(n+2), #top-sec01 .bnr a:not(table) > *:nth-child(n+2) {
    margin-top: var(--col-mtop) !important;
  }
  .col:not(table) > table, #top-sec01 > ul:not(table) > table, #top-sec01 .bnr a:not(table) > table {
    width: 100% !important;
  }

  .scroll {
    overflow-x: auto;
  }
  .scroll::-webkit-scrollbar {
    height: .5rem;
  }
  .scroll::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-thumb {
    border-radius: .5rem;
  }
  .scroll::-webkit-scrollbar-track {
    background: #ccc;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #666;
  }
  .scroll table {
    white-space: nowrap;
  }

  /* ==================================================
  header
  ================================================== */
  #hlogo {
    top: 4rem;
  }
  #hlogo img {
    width: 25rem;
  }

  /* ==================================================
  footer
  ================================================== */
  /* ==================================================
  main
  ================================================== */
  /* top
  ============================== */
  #top-kv {
    height: auto;
    padding-top: 14rem;
  }
  #top-kv p:first-of-type {
    font-size: 2.8rem;
  }

  #top-sec01 > ul {
    --col-mtop: 2rem;
  }
}

/*# sourceMappingURL=sp.css.map */