.wrap{
    max-width: 1200px;
    margin: 0 auto 200px;
}
img{
    width: 100%;
}
.top_company_img_parent {
display: grid;
grid-template-columns: repeat(5, 1fr);
/*grid-template-rows: repeat(5, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.top_company_img_child1 { 
    grid-area: 1 / 1 / 2 / 2;
    margin: 0 5px;
}
.top_company_img_child2 { 
    grid-area: 1 / 2 / 2 / 3;
    margin: 0 5px;
}
.top_company_img_child3 { 
    grid-area: 1 / 3 / 2 / 4;
    margin: 0 5px;
}
.top_company_img_child4 { 
    grid-area: 1 / 4 / 2 / 5;
    margin: 0 5px;
}
.top_company_img_child5 { 
    grid-area: 1 / 5 / 2 / 6;
    margin: 0 5px;
}
.top_company_img_child6 { 
    grid-area: 1 / 5 / 2 / 6;
    margin: 0 5px;
}


.full_bg{
              max-width: 1800px;
               width: 100%;
               display: flex;
                margin: 150px auto;
           }
            .half_bg{
             width: 50%;   
            background-image: url(../../images/index/office.webp);
            background-size: cover;
            }
            .other_half_bg{
                width: 50%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: right;
                background-image: url(../../images/index/background.svg);
            }

            .full_bg_box1{
                position: relative;
                max-width: 1080px;
                margin: auto;
                display: flex;
            }
            .full_bg_box2{
                position: relative;
                max-width: 1080px;
                margin: auto;
                display: flex;
                justify-content: flex-end;
            }
            .half_bg1{
             width: 50%;   
            background-image: url(../../images/index/recruit.webp);
            background-size: cover;
            }
            .other_half_bg1{
                width: 50%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: left;
                background-image: url(../../images/index/background.svg);
            }

.content_wrap_txt {
    max-width: 540px;
    width: 100%;
    background: #E5F4FF;
    padding: 20px 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.full_bg p{
    line-height: 2em;
}
.sp_bg{
    display: none;
}

@media screen and (max-width: 850px) {
    .sp_bg{
        display: block;
    }
    
    
    .full_bg{
        display: block;
        
    }
    .half_bg{
        width: 100%;
    }
    .other_half_bg{
        width: 100%;
        background: #E5F4FF;
    }
    .half_bg1{
        width: 100%;
        
    }
    .other_half_bg1{
        width: 100%;
        background: #E5F4FF;
    }
    .content_wrap_txt{
    max-width: 100%;
    }
}




@media screen and (max-width: 540px) {
.wrap{
        margin: 0 auto 100px;
    }
    .top_main_title{
        font-size: 35px;
    }
.title_en{
    font-size: 35px;    
}
.company_moto {
    font-size: 18px;
} 
.top_company_img_parent{
    grid-template-columns: repeat(3, 1fr);
}
.top_company_img_child4 { 
    grid-area: 2 / 1 / 3 / 2;
    margin: 0 5px;
}
.top_company_img_child5 { 
    grid-area: 2 / 2 / 3 / 3;
    margin: 0 5px;
}
.top_company_img_child6 { 
    grid-area: 2 / 3 / 3 / 4;
    margin: 0 5px;
}
.content_wrap_bg{
    background: #E5F4FF;
    height: 100%;
}
    .content_wrap{
        background: #E5F4FF;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }   
    .content_wrap_img2{
        height: 100%;
    }
    
    .content_wrap_txt{
        margin: 0;
        height: 100%;
        padding: 0;
        justify-content: center;
        text-align: center;
    }
    .content_wrap_img1 img{
        margin: 0;
    }
    .content_wrap.content_wrap_sp {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
}
    
    
    
    
    
    
    
    

}