@charset "UTF-8";
body { background-color: black;
       font-size: 16px;
       font-family: 'Sawarabi Mincho', sans-serif;}
a,
a:link { color: darkkhaki;}
a:visited { color: darkgray;}
a:hover { color: blueviolet;}

/* header */
header div img {
    width: 500px;
}
header div {
    max-width: none;
    height: 100px;
    margin-top: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.work header table {
    letter-spacing: 0.2em;
    margin: auto;
}
.work header table th {
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    width: auto;
}
.work header table th a {
    text-decoration: none;}
/* main */
main {
    display: flex;
    justify-content: center;
    width: auto;
    height: 810px;
    text-align-last: center;
    color: darkkhaki;
    letter-spacing: 0.5em;
    margin-top: 100px;
}
main table {
    border: 0.5px solid #000000;
    border-collapse: collapse;
    margin-top: 50px;
}
main table th {padding: 35px;}
main table th a {text-decoration: none}
main table th a,
main table th a:link { color: darkkhaki;}
main table th a:visited { color: darkgray;}
main table th a:hover { color: blueviolet;}
main table td {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
/* footer */
footer {margin-top: auto;text-align: center;
        color: #c0c0c0;letter-spacing: 0.1em;}