@media (min-width: 1001px) and (max-width: 1359px){
    
    *{
        font-size: 35px;
        line-height: 60px;
    }
    p{
        margin: 0 0 60px 0;
    }
    h1, h2, h3, h4, h5, h6{
        margin: 0 0 36px 0;

        font-size: 50px;
        line-height: 66px;
        font-weight: normal;
    }
    h1{
        font-size: 60px;
        line-height: 75px;
    }
    small, small *{
        font-size: 18px;
    }
    
    .wrap{        
        width: 100%;

        margin: 0;        
    }
    
    #header-02{
        height: auto;

        padding-bottom: 25px; 
    }
    
    #header-03{
        height: auto;
    }
    #header-03 .menu{
        text-align: center;
    }
    #header-03 .menu ul{

    }
    #header-03 .menu ul > li{
        display: inline-block;
        width: auto;
        margin: 0;
        padding: 0 20px;
    }
    #header-03 .menu ul li:first-child{
        float: none;
        margin: 0;
    }
    #header-03 .menu ul li:last-child{
        float: none;
        margin: 0;
    }

    #content-menu{     
        box-sizing: border-box;
        
        padding: 30px 5px 0 5px;
    }
    #content-menu > div{     
        width: 32%;
    } 

    #content{
        box-sizing: border-box;
        
        padding: 85px 20px 70px 20px;
        
    }
    
}

@media (max-width: 1000px){

    #res-pc{
        display: none;
    }
    #res-mobil{
        display: block;
    }

    *{
        font-size: 35px;
        line-height: 60px;
    }
    p{
        margin: 0 0 60px 0;
    }
    h1, h2, h3, h4, h5, h6{
        margin: 0 0 36px 0;

        font-size: 50px;
        line-height: 66px;
        font-weight: normal;
    }
    h1{
        font-size: 60px;
        line-height: 75px;
    }
    small, small *{
        font-size: 18px;
    }

    .wrap{
        
        width: 100%;

        margin: 0;
        
    }
    
    #header-02{
        height: auto;

        padding-bottom: 25px; 
    }
    
    #header-03{
        height: auto;
    }
    #header-03 .menu .mobil-menu-icon{
        display: block;
    }
    #header-03 .menu ul{
        display: none;
    }
    #header-03 .menu ul{
        padding: 0 0 0 22px;
    }
    #header-03 .menu ul li{
        display: block;
        margin: 0 0 0 0;
    }
    #header-03 .menu ul li:first-child{
        float: none;
        margin: 0 0 0 0;
    }
    #header-03 .menu ul li:last-child{
        float: none;
        margin: 0 0 0 0;
    }
    #header-03 .menu ul li ul{    
        position: relative;

        visibility: visible;

        margin: 0 0 0 0;

        padding: 0 30px 0 30px;             

        z-index: 1;
    }

    #header-03 ul li a, #header-03 ul li a:link, #header-03 ul li a:focus, #header-03 ul li a:visited{
        
        padding: 30px 0 30px 0;

        font-size: 45px;
        line-height: 45px;

    }
    #header-03 .menu ul li ul li a, #header-03 .menu ul li ul li a:link, #header-03 .menu ul li ul li a:focus, #header-03 .menu ul li ul li a:visited{
        font-size: 35px;
        line-height: 35px;
    }

    #content-menu{
        box-sizing: border-box;
        
        padding: 30px;
    }
    #content-menu > div{     
        box-sizing: border-box;

        width:  100%;

        margin-bottom: 30px;
    }    
    #content-menu > div img{
        width: 100%;
        
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        
        transition: all 0.5s;
    }
    #content-menu > div:hover img{
        margin: 0 0 0 0;
        
        width: 100%;
        height: auto;
    
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
    #content-menu > div > div:first-child{
        width: 100%; 
        height: auto; 
        overflow: hidden
    }
    
    #content{
        box-sizing: border-box;
        
        padding: 85px 30px 70px 30px;
        
    }
    
}