.leader-grid{
    height: 100svh;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr);
    img{
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
}
.backphot{
  grid-column: 1 / 11;
  grid-row: 1 / 11;
}
.leader-text{
background-color: white;
    border-radius: 20px;
    padding: 2rem;
    grid-column: 5 / 11;
    grid-row: 4 / 10;
}
.sp{
    display: none;
}
.pc{
    display: block;
}
        .mv-text{
            margin-top: 15%;
        }
    @media(max-width:780px){
        .sp{
            display: block;
        }
        .pc{
            display: none;
        }
        .mv-text{
            margin-top: 20%;
        }
        .leader-grid{
            height: auto;
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(10, 1fr);
            img{
                object-position: left;
            }
        }
        .backphot{
            grid-column: 1 / 11;
            grid-row: 1 / 5;
        }
        .leader-text{
            background-color: white;
            border-radius: 20px;
            padding: 2rem;
            grid-column: 1 / 11;
            grid-row: 5 / 10;
        }
        footer{
            
            .footer-flex{
                        flex-direction: column;
                        gap: 1rem;
                    }
        }
    }