body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

header {
    position: sticky;
    width: 100%;
    top: 0;
}

h1 {
    margin-right: auto;
}

ul {
    align-items: center;
    list-style: none;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #c0c0c0; }
a:active { color: #000000; }
a:link {text-decoration: none;}

nav{
    display: flex;
    align-items:center;
}

nav ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
font-size: 80%;
}


.main{
    background-size: cover;
    background-position: center;
    background-image: url(nemhimg/main01.jpg);
    height:100vh;
    width:100vw;
}

.main{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

p{
    margin-top: 200px;
    text-align: center;
    font-size: 20%;
}

p1{
    font-size: 240%;
    font-family: 'Staatliches', cursive;
    color: #FFFFFF;
    letter-spacing: 16px;
}