html {
    margin: 0px;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-size: 100%;
    font-family:  Helvetica,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #333333;
}

div {
    margin: 0;
}

h1 {
    margin: 0;
    font-size: 150%;
}

h2 {
    margin: 0;
    font-size: 125%;
}

h3 {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 100%;
}

table {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

p{
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

    li:before {
        content: '-';
        margin-right: 1em;
    }

a:link {
    color: #00ccff;
}

a:visited {
    color: #00ccff;
}

a:hover {
    color: #7f7f7f !important;
}

a:active {
    color: #00ccff;
}

a {
    text-decoration: none;
}

img {
    width:100%;
    vertical-align: bottom;
}

.pageimg{
  margin-bottom: 5px;
  margin-top: 5px;
}

.video {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper{
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 820px) {
  .wrapper {
      width: 96vw;
      padding-top: 2vw;
  }
}


@media (min-width: 821px) {
  .wrapper {
      width: 70vw;
      padding-top: 15vw;
  }
}

.gallery {
    width: 100%;
    margin-bottom: 10vw;
}

.title {
    margin-bottom: 10vw;
}

.contents {
    margin-bottom: 10vw;
}

.block {
    margin-bottom: 4vw;
}

.indent-mar {
    margin-left: 2vw;
}

.indent-pad {
    padding-left: 2vw;
}


.footer {
    text-align: center;
}