@charset "UTF-8";

header{
  font-weight: 900;
  font-size: 3vw;
  letter-spacing:0vw;
  position: fixed;
  margin-top: 1vw;
  margin-bottom: 5vw;
  width:100%;
}

ul{
display: table;
margin: 0 auto;
padding: 0;
width: 80%;
text-align: center;
}

ul li{
display: table-cell;
min-width: 60px;
}

ul li a:hover{
  text-decoration:none;
  border-bottom: 10px black solid;
}


html{
  font-size: 100%;
}

a:link, a:visited, a:active {
  color: black;
  text-decoration: none;
}

a:hover {
  text-decoration:none;
  border-bottom:10px black solid;
}



body {
background-color:white;
font-family: "游明朝","Yu Mincho","YuMincho",serif;
font-weight: 900;
}

div{
  width: auto;
  }
  .container{
  display: flex;
  flex-direction: column;
  }
  .item{
    margin-top:5vw;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .item2{
    margin-top:7vw;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    border: 5px black solid;
  }

h1{
color:black;
font-size: 3.2vw;
line-height:1.8;
padding-left: 10px;
}

h2{
color:black;
font-size: 5vw;
padding-left: 15px;
line-height:1.8;
}

h3{
color:black;
font-size: 3.2vw;
line-height:1;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 5px black solid;
}

p{
font-size: 2.5vw;
color:black;
line-height:2.5;
padding-left: 0px;
padding-right: 0px;
text-align: justify;
}

.big{
  font-size: 2.8vw;
  color:black;
  line-height:2;
  text-align: justify;
}

.small{
  font-size: 2vw;
  color:black;
  line-height:2.5;
  text-align: justify;
}

img{
  vertical-align:bottom;
}

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}