@media (max-width: 1090px){
    .page{
        width: 90%;
    }
    .company .sect01 article .image-wrap{
        width: 50%;
        padding: 0 40px;
    
    }
    .company .sect01 article .text{
        width: 50%;
        padding: 0 40px;
    }
    .company .sect02 .cover{
        width: 90%;
        height: 300px;
    }
    .company .sect02 .image{
        width: 40%;
    }
    .company .sect02 .text{
        width: 40%;
        margin-left: 20px;
    }
    .company .sect02 .cover img{
        height: 400px;
    }
    .company .sect03 ul li{
        width: calc(100% / 4);

    }
   
}
@media (max-width: 840px){
    
    .company .sect01 article .image-wrap{
        padding: 0;
    } 
    .company .sect01 article .text{
        padding: 0;

    } 
    .company .sect01 article div:nth-of-type(2){
        margin-left: 40px;
    }
    .company .sect01 .text h4{
        font-size: 24px;
    }
    .company .sect01 .text h5{
        font-size: 18px;
    }
    .company .sect02 h4{
        font-size: 24px;
    }
    .company .sect02 h4+p{
        font-size: 14px;
        margin-top: 20px;
    }
    .company .sect01 article:nth-of-type(2) .text{
        margin-left: 0;
    }
}
@media (max-width: 780px){
    .company .sect02 .cover img{
        height: 380px;
    }
    .company .sect02 .image{
        width: 45%;
    }
    .company .sect02 .cover{
        height: 260px;
    }
    .company .sect02 .cover img{
        height: 340px;
    }
}

@media (max-width: 600px){
    main h2{
        font-size: 32px;
    }
    main h2 span{
        font-size: 30px;
    }
    .company .sect01 .text h4{
        font-size: 18px;
    }
    .company .sect01 .text h5{
        margin-top: 10px;
        font-size: 16px;
    }
    .company .sect02 h4{
        font-size: 20px;
    }
    .company .sect02 h4+p{
        font-size: 12px;
        line-height: 22px;
        font-weight: 300;
    }
    .company .sect03 ul li{
        width: calc(100% / 3);
    }
    .company .sect02 .cover{
        /* display: block; */
        position: relative;
    }
    .company .sect02 .cover img{
        height: 280px;
    }
    .company .sect02 .cover{
        height: 200px;
    }
    
    .company .sect02 h4{
        font-size: 18px;
    }
}

@media (max-width: 400px){
    main img{
        width: auto;
        height: 320px;
    }
    .company .sect01{
        margin-top: 40px;
    }
    .company .sect01 article{
        display: block;
    }
    .company .sect01 article .image-wrap{
        width: 80%;
        margin: 0 auto;
    }
    .company .sect01 article .text{
        width: 80%;
    }
    .company .sect01 article div:nth-of-type(2){
        margin-left: 0;
        margin: 0 auto;
        margin-top: 20px;
        padding-left: 10px;
    }
    .company .sect02 .cover{
        display: block;
        height: fit-content;
        padding: 0 0 40px 0;
    }
    .company .sect02 .image{
        width: fit-content;
        margin: 0 auto;
    }
    .company .sect02 .cover img{
        margin-left: 0;
        margin-top: -40px;
    }
    .company .sect02 .text{
        width: 100%;
        margin-left: 0;
    }
    .company .sect03 ul li{
        padding: 20px 10px;
    }
}