body{
    background-color: white;
}

a{
    padding: 10px;
    text-decoration: none;
}

a:link{
    color: black;
}

a:visited{
    color: black;
}

img{
    width: 100%;
    height: auto;
    margin: 20px 0px;
}

h1{
    font-size: 50px;
}

h2{
    font-size: 30px;
}

h3{
    font-size: 28px;
}

h4{
    font-size: 24px;
}

h5{
    font-size: 14px;
    margin: -20px 5px 10px 5px;
}

header a:link{
    color: white;
}

header a:visited{
    color: white;
}

header{
    background-color:black;
}

nav{
    display: flex;
    justify-content: center;
}

ul{
    display: flex;
    gap: 20px;
    list-style: none;
}

dl{
    margin-left: auto;
    margin-right: auto;
}

section{
    margin: 50px;
}

section > a{
    display: flow-root;
}

.ichi{
    display: flex;
    text-align: center;
}

.ni{
    margin-left: 50px;
    margin-right: 50px;
}

.ni > img{
    width: auto;
    height: 1000px;
}

.san{
    margin: -5px;
    text-align: center;
}

.alpha{
    text-align: center;
}

.news .news_list{
    display: flex;
}

div{
    margin: 20px;
}

.nobitosuigetu{
    display: grid;
    grid-template-areas: 
        "aa ab";
    grid-template-columns: 1fr 1fr;
}

.pctAA   {grid-area: aa;}
.pctAB   {grid-area: ab;}

.container{
    display: grid;
    grid-template-areas: 
        "a a b"
        "c d e"
        "f g h";
    grid-template-columns: 1fr 1fr 1fr;
}

.pctA   {grid-area: a;}
.pctB   {grid-area: b;}
.pctC   {grid-area: c;}
.pctD   {grid-area: d;}
.pctE   {grid-area: e;}
.pctF   {grid-area: f;}
.pctG   {grid-area: g;}
.pctH   {grid-area: h;}

.container2{
    display: grid;
    grid-template-areas: 
        "delta theta";
    grid-template-columns: 1fr 1fr;
}

.delta  {grid-area: delta;}
.theta  {grid-area: theta;}

footer{
    justify-content: center;
}