.schoolHeader {
    position: fixed;
    height: 92px;
    padding: 0 56px;
}

@media screen and (max-width: 499px) {
    .schoolHeader {
        height: 92px;
        padding: 0 32px;
    }
}

.schoolSection1 {
    z-index: 3;
    display: block;
    max-width: 100%;
    min-width: 1280px;
    height: 637px;
    display: flex;
    padding: 160px 120px 120px 120px;
}

.schoolSection1 .schoolSection1TextArea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    background: linear-gradient(180deg, var(--Violet-50, #EBE7F9) 0%, rgba(235, 231, 249, 0.00) 100%);
    mix-blend-mode: multiply;
}

.schoolSection1 .schoolSection1TextArea .schoolSection1TextPart {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
}

.schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1Text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    align-self: stretch;
}

.schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1TextPart1Text {
    font-family: "Noto Sans JP";
    font-size: 47px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 47px */
    background: linear-gradient(265deg, #55A4E1 -30.99%, var(--Violet-800, #0625B9) 101.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1TextPart1Text2 {
    color: var(--lp-black, #2D1D61);
    font-family: "Noto Sans JP";
    font-size: 47px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 47px */
}

.schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1SubText {
    color: #2D1D61;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

@media screen and (max-width: 499px) {
    .schoolSection1 {
        display: block;
        max-width: 100%;
        min-width: 100%;
        height: 508px;
        display: flex;
        padding: 120px 24px 116px 24px;
    }
    
    .schoolSection1 .schoolSection1TextArea {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        background: linear-gradient(180deg, var(--Violet-50, #EBE7F9) 0%, rgba(235, 231, 249, 0.00) 100%);
        mix-blend-mode: multiply;
    }
    
    .schoolSection1 .schoolSection1TextArea .schoolSection1TextPart {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1Text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 0;
        align-self: stretch;
    }
    
    .schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1TextPart1Text {
        font-family: "Hiragino Kaku Gothic Std";
        font-size: 33px;
        font-style: normal;
        font-weight: 800;
        line-height: 140%;
        background: linear-gradient(264deg, #55A4E1 -60.02%, #2D64CD 30.15%, var(--Violet-800, #0625B9) 89.41%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1TextPart1Text2 {
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Std";
        font-size: 33px;
        font-style: normal;
        font-weight: 800;
        line-height: 140%;
    }
    
    .schoolSection1 .schoolSection1TextArea .schoolSection1TextPart .schoolSection1SubText {
        width: 227px;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.042px;
    }
}

.schoolSection2 {
    display: flex;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 80px 80px 80px;
    align-items: flex-start;
    gap: 96px;
    align-self: stretch;
}

.schoolSection2 .left {
    display: flex;
    width: 511px;
    flex-direction: column;
    align-items: flex-start;
    gap: 51px;
    align-self: stretch;
}

.schoolSection2 .left .titleBar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.schoolSection2 .left .titleBar .title {
    display: block;
    align-self: stretch;
    font-family: "Hiragino Kaku Gothic ProN";
    color: var(--lp-black, #2D1D61);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
}

.schoolSection2 .left .titleBar .title_sp {
    display: none;
}

.schoolSection2 .left .titleBar .title .emphasisTitle {
    align-self: stretch;
    font-family: "Hiragino Kaku Gothic ProN";
    background: linear-gradient(264deg, #55A4E1 15.03%, var(--Violet-800, #0625B9) 101.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
}

.schoolSection2 .left .titleBar .title .title1 {
    display: block;
}

.schoolSection2 .left .titleBar .title .title2 {
    display: none;
}

.schoolSection2 .left .titleBar .description {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.3px;
    opacity: 0.8;
}

.schoolSection2 .left .staff {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
}

.schoolSection2 .right {
    display: flex;
    width: 498px;
    padding: 54px 32px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 100px 0px 0px 0px;
    background: linear-gradient(0deg, var(--Blue-50, #E5F3FC) 0%, var(--Blue-50, #E5F3FC) 100%), #FFF;
    mix-blend-mode: multiply;
    box-shadow: 4px 4px 56px 0px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
}

.schoolSection2 .right .step {
    display: flex;
    padding: 0px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.schoolSection2 .right .header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
}

.schoolSection2 .right .header .stepIcon {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Violet-700, #1D34CA);
    color: var(--Other-White, #FFF);
    font-family: "DIN 2014";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 22px */
}

.schoolSection2 .right .header .stepText {
    color: var(--Violet-700, #1D34CA);
    font-feature-settings: 'liga' off, 'clig' off;
    
    /* 24px/XXL */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 38.4px */
}

.schoolSection2 .right .description {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);

    /* 16px/L */
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    padding-left: 24px;
}

.schoolSection2 .right .description li::marker {
    font-size: 10px;
}

.schoolSection2 .right .line {
    display: flex;
    padding: 8px 52px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

@media screen and (max-width: 499px) {
    .schoolSection2 {
        display: flex;
        padding: 24px 32px 40px 32px;   
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
        width: 100%;
    }

    .schoolSection2 .left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        width: 100%;
    }

    .schoolSection2 .left .titleBar .title {
        display: none;
        align-self: stretch;
        color: #2D1D61;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }
    
    .schoolSection2 .left .titleBar .title_sp {
        display: block;
        align-self: stretch;
        color: #2D1D61;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }

    .schoolSection2 .left .titleBar .emphasisTitle {
        align-self: stretch;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 35.2px */
        background: linear-gradient(269deg, #55A4E1 25.04%, var(--Violet-800, #0625B9) 101.42%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .schoolSection2 .left .titleBar .description {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.3px;
    }

    .schoolSection2 .left .staff {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        border-radius: 32px;
    }

    .schoolSection2 .left .staff img {
        width: 100%;
        object-fit: cover;
        border-radius: 32px;
    }

    .schoolSection2 .right {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        align-self: stretch;
        border-radius: 32px 0px 0px 0px;
        background: linear-gradient(0deg, var(--Blue-50, #E5F3FC) 0%, var(--Blue-50, #E5F3FC) 100%), #FFF;
        mix-blend-mode: multiply;
        box-shadow: 2px 2px 24px 0px #B3C4DC, 8px 8px 12px 0px var(--Blue-50, #E5F3FC);
        width: 100%;
    }

    .schoolSection2 .right .step {
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 5.561px;
        align-self: stretch;
    }

    .schoolSection2 .right .header {
        display: flex;
        align-items: center;
        gap: 8.341px;
        flex: 1 0 0;
    }

    .schoolSection2 .right .header .stepIcon {
        display: flex;
        padding: 5.561px;
        justify-content: center;
        align-items: center;
        border-radius: 69.508px;
        background: var(--Violet-700, #1D34CA);
        color: var(--Other-White, #FFF);
        font-family: "DIN 2014";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 16px */
    }

    .schoolSection2 .right .header .stepText {
        color: var(--Violet-700, #1D34CA);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 25.6px */        
    }

    .schoolSection2 .right .description {
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 20.8px */
        padding-left: 20px;
    }

    .schoolSection2 .right .line {
        display: flex;
        padding: 5.561px 36.144px;
        align-items: center;
        gap: 2.78px;
        align-self: stretch;
    }
}

.schoolSection3 {
    display: flex;
    padding: 40px 80px 80px 80px;
    justify-content: center;
    width: 1280px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    gap: 40px;
}

.schoolSection3 .titleBar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.schoolSection3 .titleBar .title {
    align-self: stretch;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
    color: var(--lp-black, #2D1D61);
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.schoolSection3 .titleBar .emphasisTitle {
    background: var(--local2, linear-gradient(264deg, #55A4E1 53.95%, var(--Violet-800, #0625B9) 101.6%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.schoolSection3 .titleBar .description {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.3px;
    opacity: 0.8;
}

.schoolSection3 .approach {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.schoolSection3 .approach .arrow1 {
    display: block;
}

.schoolSection3 .approach .arrow2 {
    display: none;
}

.schoolSection3 .approach .card {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 0px 0px 72px 0px;
    background: linear-gradient(0deg, var(--Blue-50, #E5F3FC) 0%, var(--Blue-50, #E5F3FC) 100%), #FFF;
    mix-blend-mode: multiply;
    box-shadow: 4px 4px 56px 0px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
    flex-shrink: 0;
    background: var(--Violet-700, #1D34CA);
    padding: 2px 6px 5px 1px;
}

.schoolSection3 .approach .card .cardText {
    display: flex;
    padding: 32px 40px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 0px 0px 64px 0px;
    background: #F1FAFF;
}

.schoolSection3 .approach .card .cardText .title {
    color: var(--Violet-700, #1D34CA);
    font-feature-settings: 'liga' off, 'clig' off;
    
    /* 20px/XL */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 32px */
}

.schoolSection3 .approach .card .cardText .description {
    color: var(--lp-black, #2D1D61);

    /* 16px/L */
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.schoolSection3 .approach .card .cardText .description li::marker {
    font-size: 10px;
}

.schoolSection3 .approach .card .cardText .description .schoolSection3emphasisText {
    font-weight: 700;
}

@media screen and (max-width: 499px) {
    .schoolSection3 {
        position: relative;
        z-index: 3;
        display: flex;
        width: 100%;
        padding: 40px 24px 28px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    
    .schoolSection3 .titleBar .title {
        align-self: stretch;
        color: #2D1D61;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }
    
    .schoolSection3 .titleBar .emphasisTitle {
        background: var(--local2, linear-gradient(264deg, #55A4E1 53.95%, var(--Violet-800, #0625B9) 101.6%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
        
    .schoolSection3 .approach {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .schoolSection3 .approach .arrow1 {
        display: none;
    }

    .schoolSection3 .approach .arrow2 {
        display: block;
    }
    
    .schoolSection3 .approach .card {
        display: flex;
        flex-direction: column;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 0px 0px 72px 0px;
        background: linear-gradient(0deg, var(--Blue-50, #E5F3FC) 0%, var(--Blue-50, #E5F3FC) 100%), #FFF;
        mix-blend-mode: multiply;
        box-shadow: 4px 4px 56px 0px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
        flex-shrink: 0;
        background: var(--Violet-700, #1D34CA);
        padding: 2px 6px 5px 1px;
    }
    
    .schoolSection3 .approach .card .cardText {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 0px 0px 64px 0px;
        background: #F1FAFF;
    }
    
    .schoolSection3 .approach .card .cardText .title {
        color: var(--Violet-700, #1D34CA);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
    }
    
    .schoolSection3 .approach .card .cardText .description {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%; /* 20.8px */
    }
    
    .schoolSection3 .approach .card .cardText .description li::marker {
        font-size: 10px;
    }
    
    .schoolSection3 .approach .card .cardText .description .schoolSection3emphasisText {
        font-weight: 600;
    }

    .schoolSection3 .titleBar .description {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.3px;
        opacity: 0.8;
    }
}

.schoolSection4 {
    display: flex;
    width: 1280px;
    padding: 48px 80px 80px 80px;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    gap: 68px;
    align-self: stretch;
}

.schoolSection4 .textBar {
    display: flex;
    width: 640px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.schoolSection4 .textBar .title {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
}

.schoolSection4 .textBar .emphasisTitle {
    align-self: stretch;
    background: linear-gradient(265deg, #55A4E1 19.85%, var(--Violet-800, #0625B9) 97.7%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.schoolSection4 .textBar .description {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.3px;
}

.schoolSection4 .movieCard {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

.schoolSection4 .movieCard .mov {
    display: flex;
    width: 357.333px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-left: 50px;
    padding-right: 50px;
}

.schoolSection4 .movieCard .mov .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.schoolSection4 .movieCard .mov .header .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.schoolSection4 .movieCard .mov .header .description .text {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 25.2px */
    letter-spacing: 0.3px;
}

.schoolSection4 .movieCard .mov .header .description .emphasisText {
    color: var(--Violet-700, #1D34CA);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
}

.schoolSection4 .movieCard .mov .movie img {
    width: 258.114px;
    height: 459.356px;
    aspect-ratio: 258.11/459.36;
    border-radius: 35.581px;
    background: #FFF;
    box-shadow: 4px 4px 56px 4px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
}

@media screen and (max-width: 499px) {
    .schoolSection4 {
        display: flex;
        width: 100%;
        padding: 40px 24px 64px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    
    .schoolSection4 .textBar {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }
    
    .schoolSection4 .textBar .title {
        align-self: stretch;
        text-align: left;
        color: #2D1D61;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 35.2px */
    }
    
    .schoolSection4 .textBar .emphasisTitle {
        align-self: stretch;
        background: linear-gradient(275deg, #55A4E1 -8.2%, var(--Violet-800, #0625B9) 93.59%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }
    
    .schoolSection4 .textBar .description {
        align-self: stretch;
        text-align: left;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.3px;
        opacity: 0.8;
    }
    
    .schoolSection4 .movieCard {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;
    }
    
    .schoolSection4 .movieCard .mov {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        padding: 0;
    }
    
    .schoolSection4 .movieCard .mov .header {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        flex-direction: row;
    }

    .schoolSection4 .movieCard .mov .header img {
        width: 44px;
        height: 44px;
    }
    
    .schoolSection4 .movieCard .mov .header .description {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 4px;
        flex: 1 0 0;
    }
    
    .schoolSection4 .movieCard .mov .header .description .text {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%; /* 18.2px */
        opacity: 0.8;
    }
    
    .schoolSection4 .movieCard .mov .header .description .emphasisText {
        color: var(--Violet-700, #1D34CA);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
    }
}

.schoolSection5 {
    display: flex;
    min-width: 1280px;
    padding: 80px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    background: var(--lp-black, #2D1D61);
}

.schoolSection5 .title {
    display: flex;
    width: 900px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.schoolSection5 .title .titleText {
    color: var(--Other-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    
    /* 28px/XXXL */
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 44.8px */
}

.schoolSection5 .title .titleText .emphasisTitle {
    color: var(--Other-White, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "DIN 2014";
    font-size: 41px;
    font-style: italic;
    font-weight: 600;
    line-height: 160%;
}

.schoolSection5 .title .description {
    align-self: stretch;
    color: var(--Other-White, #FFF);
    text-align: center;

    /* 16px/L */
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.schoolSection5 .body {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.schoolSection5 .body .list {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    opacity: 0.72;
}

.schoolSection5 .body .list .listItem {
    color: var(--Other-White, #FFF);
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 25.6px */
    opacity: 0.8;
    list-style: none;
    padding-left: 0;
}

.schoolSection5 .body .list .japanese_map_1 {
    display: flex;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 100%;
    opacity: 0.44;
}

.schoolSection5 .body .list .japanese_map_2 {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.schoolSection5 .body .description {
    color: var(--Other-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 32px */
    opacity: 0.54;
}

@media screen and (max-width: 499px) {
    .schoolSection5 {
        display: flex;
        width: 100%;
        min-width: 100%;
        padding: 64px 0 20px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    
    .schoolSection5 .title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .schoolSection5 .title .titleText {
        color: var(--Other-White, #FFF);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 35.2px */
        text-align: left;
    }
    
    .schoolSection5 .title .titleText .emphasisTitle {
        color: var(--Other-White, #FFF);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "DIN 2014";
        font-size: 32px;
        font-style: italic;
        font-weight: 600;
        line-height: 120%;
    }
    
    .schoolSection5 .title .description {
        align-self: stretch;
        color: var(--Other-White, #FFF);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.3px;
        opacity: 0.8;
        text-align: left;
    }
    
    .schoolSection5 .body {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }
    
    .schoolSection5 .body .list {
        display: flex;
        padding: 0px 24px;
        align-items: flex-start;
        align-content: flex-start;
        gap: 16px;
        flex-wrap: wrap;
        opacity: 0.72;
    }

    .schoolSection5 .body .list .hidden{
        display: none;
    }
    
    .schoolSection5 .body .list .listItem {
        flex: 1 0 0;
        color: var(--Other-White, #FFF);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 21.6px */
        opacity: 0.8;
        list-style: none;
        padding-left: 0;
    }
    
    .schoolSection5 .body .list .japanese_map_1 {
        display: flex;
        position: absolute;
        top: 4px;
        left: 4px;
        width: 100%;
        opacity: 0.44;
    }
    
    .schoolSection5 .body .list .japanese_map_2 {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .schoolSection5 .body .description {
        color: var(--Other-White, #FFF);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 22.4px */
        opacity: 0.54;
    }
}

.schoolSection6 {
    display: flex;
    width: 1280px;
    padding: 80px 80px 40px 80px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    gap: 68px;
}

.schoolSection6 .leftText {
    display: flex;
    width: 511px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    z-index: 3;
}

.schoolSection6 .leftText .topText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.schoolSection6 .leftText .topText .text {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
}

.schoolSection6 .leftText .topText .emphasisText1 {
    align-self: stretch;
    background: linear-gradient(265deg, #55A4E1 36.41%, var(--Violet-800, #0625B9) 80.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.schoolSection6 .leftText .topText .emphasisText2 {
    align-self: stretch;
    background: linear-gradient(265deg, #55A4E1 14.34%, var(--Violet-800, #0625B9) 45.21%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.schoolSection6 .leftText .topText .subText {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.3px;
}

.schoolSection6 .schoolRightText {
    display: flex;
    width: 498px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

.schoolSection6 .schoolRightText .card {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Blue-50, #E5F3FC);
    mix-blend-mode: multiply;
    box-shadow: 4px 4px 16px 0px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
}

.schoolSection6 .schoolRightText .card .title {
    flex: 1 0 0;
    color: var(--Violet-700, #1D34CA);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 44.8px */
}

.schoolSection6 .schoolRightText .card .description {
    align-self: stretch;
    color: var(--lp-black, #2D1D61);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Hiragino Kaku Gothic Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%; /* 32px */
}

.schoolSection6 .schoolRightText .connectCard {
    position: relative;
    display: flex;
    padding: 4px 52px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.schoolSection6 .schoolRightText .connectCard .line1 {
    display: block;
}

.schoolSection6 .schoolRightText .connectCard .line2 {
    display: none;
}

.schoolSection6 .schoolRightText .connectCard .orBtn {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 227px;
    top: 15px;
    border-radius: 100px;
    background: var(--Violet-700, #1D34CA);
}

.schoolSection6 .schoolRightText .connectCard .orBtn p {
    color: var(--Other-White, #FFF);
    font-family: "DIN 2014";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 22px */
}

@media screen and (max-width: 499px) {
    .schoolSection6 {
        display: flex;
        width: 100%;
        padding: 40px 32px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        background: linear-gradient(180deg, #D4EBFF -20.39%, rgba(255, 255, 255, 0.00) 97.43%);
    }
    
    .schoolSection6 .leftText {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: auto;
    }
    
    .schoolSection6 .leftText .topText {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .schoolSection6 .leftText .topText .text {
        align-self: stretch;
        color: #2D1D61;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 35.2px */
    }
    
    .schoolSection6 .leftText .topText .emphasisText1 {
        align-self: stretch;
        background: linear-gradient(271deg, #55A4E1 20.31%, var(--Violet-800, #0625B9) 81.66%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }
    
    .schoolSection6 .leftText .topText .emphasisText2 {
        align-self: stretch;
        background: linear-gradient(266deg, #55A4E1 -8.83%, var(--Violet-800, #0625B9) 62.12%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }

    .schoolSection6 .leftText .topText .subText {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 180%; /* 25.2px */
        letter-spacing: 0.3px;
    }
    
    .schoolSection6 .schoolRightText {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        width: auto;
    }
    
    .schoolSection6 .schoolRightText .card {
        display: flex;
        padding: 16px 24px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 8px;
        background: var(--Blue-50, #E5F3FC);
        mix-blend-mode: multiply;
        box-shadow: 4px 4px 16px 0px #B3C4DC, 16px 16px 24px 0px var(--Blue-50, #E5F3FC);
    }
    
    .schoolSection6 .schoolRightText .card .title {
        color: var(--Violet-700, #1D34CA);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
    }
    
    .schoolSection6 .schoolRightText .card .description {
        align-self: stretch;
        color: var(--lp-black, #2D1D61);
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%; /* 20.8px */
    }
    
    .schoolSection6 .schoolRightText .connectCard {
        display: flex;
        padding: 4px 32px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        align-self: stretch;
    }

    .schoolSection6 .schoolRightText .connectCard .line1 {
        display: none;
    }

    .schoolSection6 .schoolRightText .connectCard .line2 {
        display: block;
    }
    
    
    .schoolSection6 .schoolRightText .connectCard .orBtn {
        display: flex;
        padding: 6px 8px 4px 8px;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        bottom: 11.561px;
        top: auto;
        left: auto;
        border-radius: 100px;
        background: var(--Violet-700, #1D34CA);
    }
    
    .schoolSection6 .schoolRightText .connectCard .orBtn p {
        color: var(--Other-White, #FFF);
        font-family: "DIN 2014";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 14px */
    }
}

.heroImage {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.heroImage1 {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 499px) {
    .heroImage {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    } 
    
    .heroImage1 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
}

.heroImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.heroImage1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}