.agency-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(32px, 5vw, 64px);
    padding-bottom: clamp(24px, 4vw, 48px);
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: clamp(24px, 4vw, 48px);
    & .agency-item {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        text-align: center;
        font-size: clamp(14px, 2vw, 18px);
        & img {
            max-width: clamp(80px, 9vw, 124px);
            height: auto;
        }
    }
}
.wrap-advantage {
    padding-bottom: clamp(24px, 4vw, 48px);
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: clamp(24px, 4vw, 48px);
    & .s-title {
        font-size: clamp(16px, 2vw, 24px);
        text-align: center;
        margin-bottom: 24px;
    }
    & .advantage-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        & .advantage-item {
            position: relative;
            display: flex;
            &:before {
                content: "";
                width: clamp(10px, 2vw, 14px);
                height: clamp(10px, 2vw, 14px);
                border: 1px solid var(--color1);
                flex: 0 0 clamp(10px, 2vw, 14px);
                display: inline-flex;
                transform: rotate(45deg);
                margin-top: 8px;
                margin-left: 8px;
                border-radius: 2px;
            }
        }
    }
}
.representative-form {
    & .title-form {
        width: 100%;
        margin-bottom: 24px;
    }
    .form-row {
        display: flex;
        justify-content: space-between;
        column-gap: 16px;
        margin-bottom: 48px;
        & .form-group {
            width: -webkit-fill-available;
        }
    }
    & textarea,
    & input {
        border: 1px solid #aeaeae;
        width: -webkit-fill-available;
        min-height: 100%;
    }
    & .form-row-4 .form-group {
        display: flex;
        align-items: center;
        gap: 8px;
        & input {
            width: 1rem;
            height: 1rem;
            margin: 0;
        }
    }
}
@media only screen and (min-width: 992px) {
    .wrap-advantage .advantage-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .representative-form {
        & .form-group {
            width: -webkit-fill-available;
        }
    }
    .form-row-2 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 16px;
        & .form-group:nth-child(1) {
            grid-area: 1 / 1 / 2 / 2;
        }
        .form-group:nth-child(2) {
            grid-area: 2 / 1 / 3 / 2;
        }
        .form-group:nth-child(3) {
            grid-area: 1 / 2 / 2 / 3;
        }
        .form-group:nth-child(4) {
            grid-area: 2 / 2 / 4 / 3;
        }
        .form-group:nth-child(5) {
            grid-area: 1 / 3 / 4 / 4;
        }
    }
}
@media only screen and (max-width: 768px) {
    .representative-form .form-row {
        gap: 16px;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 768px) {
    .agency-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 1024px) {
    .agency-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}