:root {
  --text-color: black;
  --main-color: #e8383d;
  --sub-color: #f7f6f4;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "Cinzel", serif;
  color: var(--text-color);
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  body {
    word-wrap: break-word;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .pc-only {
    display: none !important;
  }
  .top-mvbk {
    width: 100%;
  }
  .top-mvbk img {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 100px 0;
  }
  #topmv {
    position: relative;
    width: 100%;
  }
  #topmv #toplogo img {
    position: absolute;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 4;
    width: 95%;
    margin: 0 auto;
  }
  #topmv #toplogobk01 img {
    position: absolute;
    top: -50px;
    left: -70px;
    z-index: 3;
    width: 100%;
  }
  #topmv #toplogobk02 img {
    position: absolute;
    top: 200px;
    right: -80px;
    z-index: 2;
    width: 100%;
  }
  #topmv #map iframe {
    position: absolute;
    top: 550px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 10;
    width: 90%;
    height: 300px;
  }
}/*# sourceMappingURL=sp.css.map */