@import url(../css/header.css);
@import url(../css/main.css);
@import url(../css/footer.css);
*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    line-height: 190%;
}
html{
  scroll-behavior: smooth;
}
img {
  width: 100%;
  height: auto;
  overflow: hidden;
  object-fit: cover;
  display: block;
}
.pc{
    display: none;
}
.sp{
    display: block;
}
.text--family{
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 16px;
}
/* view animation */
.view.view-fix,
.view.view-slideup,
.view.view-slidedown,
.view.view-slidein-L,
.view.view-slidein-R {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.view.view-fix.on {
  opacity: 1;
  animation: view-fix 1s ease both;
}

.view.view-slideup.on {
  opacity: 1;
  animation: view-slideup 1s ease both;
}

.view.view-slidedown.on {
  opacity: 1;
  animation: view-slidedown 1s ease both;
}

.view.view-slidein-L.on {
  opacity: 1;
  animation: view-slidein-L 1s ease both;
}

.view.view-slidein-R.on {
  opacity: 1;
  animation: view-slidein-R 1s ease both;
}
.menu_link{
  color: #fff;
  text-decoration: none;
}
/* .menu_link:hover{
  text-decoration: underline;
} */

@media only screen and (min-width: 1080px) {
    .pc{
        display:flex;
    }
    .sp{
        display: none;
    }
}