@charset "UTF-8";
/** {
outline: 1px solid #ff0000;
}*/
html {
   font-family: serif;
}
html * {
   box-sizing: border-box;
}
body {
   margin: 0 0 0 0;
}
.wrapper {
   margin: 0 auto 0 auto;
   max-width: 960px;
}
.nav {
   margin-top: 40px;
}
.nav li {
   display: inline;
   list-style-type: none;
   padding-right: 30px;
   font-size: 18px;
   font-weight: bold;
}
.sitei {
   margin-top: 200px;
   text-align: center;
   font-weight: bold;
   font-size: 30px; 
}
h1 {
   font-size: 50px;
   text-align: center;
   margin-bottom: 6px;
}
h2 {
   padding-left: 210px;
   margin-top: 6px;
}
.anime-box .TextAnime {
   border-right: 0.05em solid black;
   overflow: hidden;
   white-space: nowrap;
   animation: txtanime 4s steps(8, end) forwards;
}
@keyframes txtanime{
   0% { width: 0%; }
   100% { width: 16.5em;}
}
section {
   text-align: right;
   margin-top: 200px;
   font-size: 18px;
   font-weight: bold;
}
footer {
   text-align: center;
   font-weight: bold;
   font-size: 20px;
}