@charset "UTF-8";
/* COMMON
-------------------------------------------------------------- */
img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

img.rendering {
  image-rendering: -webkit-optimize-contrast;
}

img {
  width: 100%;
}

strong, b {
  font-weight: 700;
}

a {
  text-decoration: none;
  outline: none;
  color: #000;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

a:hover {
  opacity: 0.6;
  text-decoration: none;
  color: #000;
}
@media only screen and (max-width:766px) {
  a:hover {
    opacity: 1 !important;
  }
}

/* LAYOUT
-------------------------------------------------------------- */
body {
  height: 100%;
  min-height: 100%;
  font-family: "Noto Sans JP", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow-x: hidden;
  background: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  padding: 20px;
}
@media only screen and (max-width:766px) {
  body {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

html {
  height: 100%;
  min-height: 100%;
}

main {
  display: block;
}

/* HEDDER
-------------------------------------------------------------- */
header h1 {
  text-align: center;
  padding: 60px 0;
}
header h1 img {
  max-width: 212px;
}

/* CONTENTS
-------------------------------------------------------------- */
#contents {
  max-width: 638px;
  margin: 0 auto;
  text-align: center;
}
#contents #mv {
  margin-bottom: 70px;
}

/* FOOTER
-------------------------------------------------------------- */
footer {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 75px 0 90px 0;
}