@charset "utf-8";
@media(min-width:780px){
    .header-table{
        display: none;
    }
    .header-title{
        display: none;
    }
    .main-visual-text2{
        display: none;
    }
}
@media(max-width:780px){
    /* 
    header 
    */
    .header-container{
        width: 100%;
    }
    .nav{
        display: none;
    }
    .header-table{
        border-collapse: collapse;
        width: 100%;
    }
    .header-tr{
        height: 45px;
    }
    .header-td{
        border: solid 1px #dcdcdc;
        width: 50%;
        text-align: center;
    }
    .header-item-1{
        text-decoration: none;
        color: #333333;
        display: block;
    }
    .main-visual-text1{
        display: none;
    }
    
    /* 
    about 
    */
    .about-description{
        display: block;
        text-align: center;
    }
    .about-img{
        width: 50%;
    }
    .about-wrapper-text{
        width: 90%;
        text-align: left;
        margin: 0 auto;
    }  
    .about-text{
        margin: 0 auto;
        width: 90%;
    }

    /* 
    skills 
    */
    .grid{
        display: block;
    } 
    .grid-col-2 > .grid-list{
        width: 100%;
    }
    .sub-text{
        width: 90%;
        margin: 0 auto;
    }
    
}