@charset "utf-8";

body{
    background: linear-gradient(#fff 0%, var(--color-main) 20%, #fff 80%, var(--color-main) 60%, #fff 100%);
    /* background: linear-gradient(#fff 0%, var(--color-main) 50%, var(--color-main) 80%); */
    /* background: linear-gradient(#fff 0%, var(--color-main) 80%); */
    background-size: 10%;
    background-repeat: repeat;
    font-family: sans-serif;
}

footer{
    position: static;
}
main{
    color: #000;
    width: 1000px;
    margin: 0 auto;
    /* border: inset 3px; */
}

.page_title{
    font-size: 2.7rem;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: red;
    margin-top: 60px;
    font-family: "Courier New", Courier, mono;
}

.table__works{
    width: 100%;
    /* border: inset 3px; */
}

.table__works td{
    /* width: 200px; */
    padding: 8px;
    /* border: groove 3px; */
}
.table__works td img{
    width: 100%;
    height: auto;
    /* border: solid 1px darkorange; */
}
.table__works td img.new{
    width: 90px;
    height: auto;
    position: relative;
    top: 23px;
    left: -40px;
}


/* pc */
@media screen and (min-width:1024px) {
}

/* ipad */
@media screen and (min-width:768px) and ( max-width:1024px) {
}