body {
	margin: 0 auto;
}
@media screen and (max-width: 959px) {
  /* 959px以下に適用されるCSS（タブレット用） */
}
@media screen and (max-width: 480px) {
  /* 480px以下に適用されるCSS（スマホ用） */
  .headwaku{
    height: 130px;
  img{
    width: 320px;
  }
  .menulist{
    font-size: 12px;
  }
  ul{
    margin-left: -10%;
  }
  .sma{
    display: block;
  }
 }
 .kouzai{
  scale: 75%;
  text-align: center;
 }
 h1{
  font-size: 100%;
  .jpbigtext{
    font-size: 210%;
  .sma{
    display: block;
   }
  }
 }
 .subtext{
  font-size: 90%;
 }
}

.headwaku{/*ロゴとメニュー表示の設定*/
  width: 100%;
  margin-top: -30px;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  position: fixed;
}

.logomark{
  padding-top: 20px;
  text-align: center;
  z-index: 1;
}
ul{
  width: 100%;
  display: flex;
  justify-content: center;
}
.menulist{
  display:flex;
  justify-content: space-around;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:18px;
  margin-left: -3%;
  margin-right: 1%;
}
.sma{
  display: none;
}
li{
  list-style:none;
  padding: 0.1rem 1.0rem;/*斜線の余白*/
  border-left:1.7px solid #011C7C ;/*斜線の色太さなど*/
  border-right:1.7px solid #011C7C ;/*斜線の色太さなど*/
  transform: skew(-15deg);/*斜線の角度*/
}
.selected{
  background-color: #011C7C;
}
li a{
  font-weight: 600;
  color: #011C7C;
  text-decoration: none;
  display: block;/*斜線内の文字の角度*/
  transform:skew(15deg);/*斜線内の文字の角度*/
  padding-bottom: 1%;
}
.textselected{
  color: white;
}
.video-wrap{
  position: relative;
} 
#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}
#kouzaitext{
    width: 85%;
    margin: 400px auto;/*文字の高さ設定*/
    text-align:left;/*h1の中央寄せ配置の起点とするためのrelative*/
    height: 25vh;/*高さを全画面にあわせる=100*/
}
.kouzai{
    width: 100%;
    color:#fff;
    text-shadow: 0 0 15px #666;
    font-size: 26px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
}
h1{
    /*要素の配置*/
    width: 100%;
    color:#fff;
    text-shadow: 0 0 15px #666;
    font-family: "Noto Sans JP", sans-serif;
}
.jpbigtext{
  font-size: 35pt;
}
.subtext{
    /*要素の配置*/
    width: 100%;
    color:#fff;
    text-shadow: 0 0 15px #666;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
}
.bottomline{
  height: 50px;
  width: auto;
  background-color: #1D2693;
  background-color: rgba(29, 38, 147, 0.8);
}
.copyright{
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  color: white;
  padding-top: 10px;
}