@media(max-width:780px){


    .container{
        width:100%;
    }
    .myphoto{
        margin: 0 auto;
    }

    .container h1{
        font-size: 30px;
    }
    .table td{
        border: solid 1px  #d9d9d9;
        text-align: center;
        padding: 10px;
        width: 33,333%;
    }
    .table td a{
        letter-spacing: 2px;
        display: block;
    }

    .main-logo{
        font-size: 40px;
        
    }
    .header-menu {
        padding: 15px 0;
        
    }

    .header-left h1{
        font-size: 20px;
        letter-spacing: 4px;
        padding: 5px;
    }
    .header-left h2{
        font-size: 15px;
        letter-spacing: 4px;
        padding: 0 0 10px 10px;
    }
    header{
        padding-top: 0px;
    }
    .header-right{
        display: none;
    }
    .about-text{
        padding-left: 0px;
        width: 90%;
        margin: 0 auto;
    }


    .contents{
        display: block;
    }
    .contents img{
        text-align: center;
        /* padding: 0 0 0 100px; */
        border-radius: 50%;

    }

    .work-wrapper img{
        width: 100%;
        padding: 15px 0;
    }
    footer .header-list{
        justify-content: space-around;
    }
    .skill-text p{
        width: 0 auto;
    }
    .skill-content{
        width:100%;
        padding: 20px 0;
    }
    
    .banner-content{
    display: block;
    }
    .banner-wrapper{
        text-align: center;
    }

    .banner-wrapper img{
        width: 60%;
        object-fit: cover;
    }

    .header-left img{
        display: flex;
        text-align: center;

    }

    .hobbyWrapper{
        display: none;
    }

    .hobbyWrapper2{
        margin-left:100px ;
    }

    .hobbyWrapper2  ul{
        display:flex;
        flex-flow: column;
        
    }

    .hobbyWrapper2 li{
        display: block;
        width: 200px;
        height: 200px;
        position: relative;
    }

    .table{
        display: none;
        }

    .background-1 {
        background-image: url(image/background1.jpg);
        background-position-x:95%;
    }
    .background-2 {
        background-image: url(image/background2.jpg);
        min-height: 80vh;
    
        }
        .background-3 {
        background-image: url(image/background3.jpg);
        min-height: 80vh;
        background-position-x:60%;
        }
        .background-4 {
        background-image: url(image/background4.jpg);
        background-position-x:70%;
        background-position-y:70%;
        }
        .background-5 {
        background-image: url(image/background5.jpg);
        }
    /* .fixed-background {
        max-width: 100%;
        height: auto;
        background-position-x:90%;
        
    }
    .fixed-background-2 {
        max-width: 100%;
        height: auto;
        background-position-x:0%; 
    }
    .fixed-background-3 {
        max-width: 100%;
        height: auto;
        background-position-x:50%; 
    }
    .fixed-background-4 {
        max-width: 100%;
        height: auto;
        background-position-x:0%; 
    } */
        /* background-size: 100%;
        background-repeat: no-repeat; */
    .container{
        margin-top: 20px;
    }
    .self-introduction-box{
        display: flex;
        flex-direction:column;
        text-align: center;
        
    }
    .secondtext{
        width: 100%;
        font-size:10px;

    }
    .contents2{
        display: flex;
        flex-direction:column;
    }
    .imgWrapper {
        display: block;
        width: 200px;
        height: 200px;
        position: relative;
    }
    .imgWrapper img{
        width: 200px;
        height: auto;
    }
    .works p{
        margin: 20px 0;
    }

}

@media(min-width:780px){
    .table{
        display: none;
    }

    .hobbyWrapper2 ul{
        display:none;
    }


}
@media(max-width:640px){
   
    }