@media screen and (min-width:960px) {

    img {
        filter: drop-shadow(5px 5px rgba(0, 0, 0, 0.2));
        width: 100%;
        border-radius: 5px;
    }

    .banner img {
        max-height: 10vh;
        border-radius: 100%;
    }

    
    h1 {
        /* font-size: clamp(1rem, 3vw + 1.5rem, 1.875rem); */
        font-size: 60px;
        text-align: center;
        white-space: nowrap;
    }

    h2 {
        font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);
        text-align: left;
    }
    
    h3 {
        text-align: center;
        font-size: clamp(1.5rem, 2vw + 1rem, 1.75rem);
    }
    
    h4 {
        text-align: center;
        font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem);
    }
    
    p {
        text-align: center;
        font-size: clamp(0.75rem, 1vw + 0.5rem, 1.25rem);
        margin: 10px;
    }
    
    
    /* .container {
         position: relative; 
    } */
    
    header {
        /* max-height: 1000px; */
        color: #f8f9fa;
        background-color: rgb(33, 37, 41);
    }
    
    .logo {
        /* font-size: clamp(1rem, 3vw + 1.5rem, 1.875rem); */
        display: grid;
        place-items: center;
    }

    .ADVANCE {
        font-size: 120px;
    }

    .school {
        font-size: 60px;
    }

    main {
        grid-area: main;
        box-sizing: border-box;
        position: relative;
    }
    
    
    .float {
        position: absolute;
        top: -5vh;   
    }
    

    
    /* キャッチフレーズ */
    .catchphrase {
        font-size: 60px;
        border-radius: 0 10px 10px 0;
        margin: 0;
        font-weight: bold;
        padding: 10px 100px 0 5vw;
    }
    
    
    /* メインの場所 */
    .maintitle .sentence1 {
        font-size: 20px;
    }
    
    .maintitle .explan1 p {
        text-align: left;
    }
    
    .maintitle .explan1 .strong-1 {
        text-align: center;
    }
    
    
    .teacher img {
        /* max-height: 25%; */
        width: 15vw;
        height: auto;
        /* max-height: 450px; */
        filter: drop-shadow(5px 5px rgba(0, 0, 0, 0.2));
        border-radius: 10px;
    }
    

    .teacher1 {
        border-radius: 0 10px 10px 0;
    }
    
    .teacher2 {
        border-radius: 10px 0 0 10px;
    }
    
        
}