@charset "utf-8";

.survey-body {
    display: flex;
    /* gap: 64px; */
    margin: 48px 0 64px;
}

.survey-col-img {
    flex: 0 0 auto;
    width: 40%;
}

.survey-desc {
    font-size: var(--font-size-md);
    font-weight: bold;
    margin: 0 0 24px;
}

.survey-date {
    width: 100%;
    border-radius: var(--border-radius-sm);
    background: var(--blue-bg-light);
    padding: 32px 56px;
    /* margin: 48px 0 0; */
    display: flex;
    flex-direction: column;
    font-feature-settings: "palt";
}

.survey-date-title {
    color: var(--blue-label);
    font-size: var(--font-size-ms);
}

.survey-date-content {
    color: var(--blue);
    font-size: var(--font-size-lg);
    font-weight: bold;
    letter-spacing: -.005em;
}

.survey-date-content span {
    font-weight: normal;
}

.survey-date-content .dash {
    display: inline-block;
    margin: 0 .4em;
}

@media (width <= 768px){

    :where(.survey-form) .form-item:first-child:before {
        margin-bottom: 4px;
    }

	.survey-body {
        display: block;
        margin-top: 24px;
    }

    .survey-desc {
        margin-bottom: 16px;
    }

    .survey-date {
        width: 100%;
        margin-top: 24px;
        padding: 24px 28px;
    }

    .survey-col-img {
        margin: 10% auto 0;
        max-width: 84%;
        width: 400px;
    }

}