@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
html {
  scroll-behavior: smooth;
}

.responsive-img {
  width: 100%;
}

.link-opacity {
  transition: all 0.3s linear 0s;
}
.link-opacity:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .img-pc {
    display: none;
  }
}
.img-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .img-sp {
    display: block;
  }
}

header {
  background-color: #FFFFFF;
  padding: 34px 0 0;
}
@media screen and (max-width: 767px) {
  header {
    padding: 17px 0 0;
  }
}
header .header-logo {
  max-width: 425px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  header .header-logo {
    max-width: 210px;
  }
}

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