@charset "UTF-8";

:root {
  --viewport: 750;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

.bold {
  font-weight: bold;
}

#contents .text a {
  color: initial;
  text-decoration: none;
}
h1 {
}
h1 img {
}
h2 {
  font-size: calc(13px + (33 - 13) * ((100vw - 320px) / (767 - 320)));
  margin-top: 2.2em;
  margin-bottom: 0.8em;
}

.sign:before {
  content: "@";
}




.sp { display: inline; }
.pc { display: none; }

@media screen and (max-width:767px) {
  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .main-visual {
    margin-top: calc(56px + (136.25 - 56) * ((100vw - 320px) / (767 - 320)));
  }

  #contents {
    padding: 0 0 calc(50px + (120 - 50) * ((100vw - 320px) / (767 - 320)));
  }



}
@media screen and (min-width:768px) {
  #mv {
    text-align: center;
  }

  #contents {
    padding: 0 0 100px;
  }

  h2 {
    font-size: 28px;
  }

  #contents .text a:hover {
    text-decoration: underline;
  }








  .sp { display: none; }
  .pc { display: inline; }
}