.contact2 {
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 0;
}

.contact2 .right {
    position: relative;
    padding-left: 40px;
}

.contact2 .right .layer {
    background-color: #E4E4E4;
    left: -40px;
    top: -60px;
    height: calc(100% + 120px);
    width: 9999px;
    z-index: -1;
}

.contact2 .right form {
    margin-top: 0;
    padding: 40px;
    background-color: white;
}

.contact2 iframe {
    margin-top: 60px;
    margin-left: clamp(-80px, -4vw, -20px);
    width: calc(100% - clamp(-80px, -4vw, -20px) * 2);
    height: 450px;
    max-width: 2560px;
    display: block;
}

@media (max-width: 1023px) {

    .contact2 {
        margin-top: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact2 .flex-content {
        flex-direction: column;
        gap: 50px;
    }

    .contact2 .flex-content .side {
        width: 100%;
    }

    .contact2 .right {
        padding-left: 0;
    }

    .contact2 .right .layer {
        top: -40px;
        height: calc(100% + 80px);
    }

    .contact2 .right form {
        padding: 20px;
    }

    .contact2 iframe {
        margin-top: 40px;
        height: 300px;
    }

}