@charset "UTF-8";
@import url("grid.css");
@media screen and (min-width: 769px) {
  /* min-width 769px */
}

@media screen and (max-width: 768px) {
  /* max-width 768px */
}

.is-pc {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important;
  }
}

.is-sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .is-sp {
    display: block !important;
  }
}

:root {
  /* 色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
  --base-color: #000;
  --link-color: #666;
  --linkhover-color: #999;
  --back-color: #f7f7f7;
  --border-color: #646464;
  --white-color: #fff;
}

img {
  max-width: 100%;
  height: auto;
  /*高さ自動*/
}

a {
  display: block;
  color: var(--white-color);
  text-decoration-line: none;
}

.btn {
  -webkit-transition: .4s;
  transition: .4s;
}

.btn:hover {
  opacity: .8;
}

.mv {
  padding: 0 10px 60px;
}

.mv .mv__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mv .mv__img {
  max-width: 180px;
}

.mv .mv__head {
  width: 100%;
  max-width: 340px;
}

@media screen and (max-width: 768px) {
  .mv .mv__head {
    max-width: 290px;
  }
}

.mv .mv__lead {
  max-width: 690px;
}

@media screen and (max-width: 768px) {
  .mv .mv__lead {
    max-width: 290px;
  }
}

.linkBtn {
  max-width: 340px;
  margin-inline: auto;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .linkBtn {
    max-width: 290px;
  }
}
/*# sourceMappingURL=style.css.map */