@media screen and (max-width:1001px) {

/*全ページ共通*/

    header {
        height: 160px;
        width: 100%;
        background-color: black;
        color: white;
        position: fixed;
        top: 0;
        text-align: center;

    }

    #title {
        font-size: 1.3em;
        margin: 0;
        padding-top: 30px;
    }
    
    #title2 {
        font-size: 0.8em;
        margin: 0;
        padding: 0;
    }

    .top {
        text-align: center;
        width: 90%;
        position: static;
    }

    .top2 {
        text-align: center;
        width: 90%;
        position: static;
    }

    header ul {
        color: black;
        list-style: none;
        position: static;
        display: flex;
        justify-content: center;
    }

    header li a {
        color: black;
        background-color:white;
        padding: 2px 2px;
    }

    .copyright {
        font-size: 0.5em;
    }

    /*Home Profile 共通*/

    .news {
        width: 100%;
        padding-left: 0;
    }
    
    .top img {
        text-align: center;
        float: none;
        margin-top: 60%;
        width: 80%;
    }

    .icon img {
        width: 9%;
    }

    .copyright {
        font-size: 0.7em;
    }

    /*Work*/

    .top2 {
        margin-top: 10%;
    }

    #title3 {
        padding-top: 40%;
    }

    article {
        text-align: center;
    }

    .art img {
        width: 100%;
        height: 100%;
    }

    .art {
        width: 55%;
        margin-right: 0%;
        border-bottom: 1px solid black;
    }

    .artwork {
        text-align: center;
        margin: 0 auto;
    }

    /*Contact*/

    .contact input {
        display: block;
        margin: auto;
        width: 70%;
    }
    
    textarea{
        display: block;
        margin: auto;
        width: 70%;
    }

    select {
        display: block;
        margin: auto;
        width: 70%;
    }

    .content label {
        margin-top: 30px;
    }
}