/*@use "variables" as *;
@use "media-query" as *;*/

.About_main_new{
    .About_inner_new{
        .About_mainboth_new{
            position: relative;
            .About_innerboth_new{
                .About_innerboth_maintitle_new{
                    position: relative;
                    z-index:2;
                    .About_innerboth_innertitle_new{
                        text-align: center;
                    }
                }
                .About_innerboth_maindots_new{
                    position: absolute;
                    z-index:1; 
                    width:100%; height:100%; left:0; top:0;
                    .About_innerboth_innerdots_new{
                        width:100%; height:100%;
                        img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; object-position: bottom center; }
                        video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; object-position: bottom center; }
                    }
                }
            }
        }
        .About_mainloop_new{
            padding:0 0 112px 0;
            .About_innerloop_new{ 
                display: flex; gap:16px; flex-wrap: wrap; 
                .About_innerloop_mainblock_new{ 
                    width:calc(25% - 12px); 
                    .About_innerloop_innerblock_new{
                        position: relative;
                        .About_innerloop_innerblock_mainmedia_new{
                            .About_innerloop_innerblock_innermedia_new{
                                position: relative; padding-bottom:100%;
                                img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; }
                                video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; }
                            }
                        }
                        .About_innerloop_innerblock_mainlayer_new{
                            position: absolute; left:0; top:0; width:100%; height:100%;
                            .About_innerloop_innerblock_innerlayer_new{
                                width:100%; height:100%;
                                img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; }
                                video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){
    .About_main_new{
        .page-width{ padding:0; }
        .About_inner_new{
            .About_mainboth_new{
                .About_innerboth_new{
                    padding:0 20px;
                    .About_innerboth_maintitle_new{
                        max-width:335px; margin: auto;
                    }
                    .About_innerboth_maindots_new{
                        .About_innerboth_innerdots_new{
                            img{ object-fit:contain; }
                            video{ object-fit:contain; }
                        }
                    }
                }
            }
            .About_mainloop_new{
                padding:8px;
                .About_innerloop_new{ 
                    gap:8px; 
                    .About_innerloop_mainblock_new{ 
                        width:calc(50% - 4px); 
                    }
                }
            }
        }
    }
}

@media(min-width:750px) and (max-width:989px){
    .About_main_new{
        .About_inner_new{
            .About_mainboth_new{
                .About_innerboth_new{
                    .About_innerboth_maindots_new{
                        .About_innerboth_innerdots_new{
                            img{ object-fit:contain; }
                            video{ object-fit:contain; }
                        }
                    }
                }
            }
            .About_mainloop_new{
                padding: 0 0 40px 0;
            }
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    .About_main_new{
        .About_inner_new{
            .About_mainboth_new{
                .About_innerboth_new{
                    .About_innerboth_maintitle_new{
                        .About_innerboth_innertitle_new{
                            *{ font-size:88px; }
                        }
                    }
                    .About_innerboth_maindots_new{
                        .About_innerboth_innerdots_new{
                            img{ object-fit:contain; }
                            video{ object-fit:contain; }
                        }
                    }
                }
            }
        }
    }
}