@charset "UTF-8";

header{
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 900;
  font-size: 2.3vw;
  border-top: 8px solid #00CC99;
  border-bottom: 8px solid #00CC99;
}

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

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

ul li a:hover{
  text-decoration:none;
  border-bottom:8px #00CC99 solid;
}


html{
  font-size: 100%;
}

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

a:hover {
  text-decoration:none;
  border-bottom:8px #00CC99 solid;
}

body {
background-color:white;
font-family: "YuGothic","Yu Gothic";
font-weight: 900;
}

div{
  width: auto;
  }
  .container{
  display: flex;
  flex-direction: column;
  }
  .item{
    margin-top: 0Spx;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 30px;
    border-bottom: 8px solid #00CC99;
  }

h1{
color:#00CC99;
font-size: 3.5vw;
line-height:2;
}

h2{
color:black;
font-size: 2.5vw;
line-height:2;
}

p{
font-size: 2.8vw;
color:#00CC99;
line-height:2;
text-align: justify;
}
.black{
color:black
}