.company-info-layer {
    background-color: #EFEFEF;
}

.company-info-layer .layer-main {
    line-height: 1.2;
    margin-top: 0;
    display: flex;
}

.company-info-layer .layer-main__left {
    --tb: clamp(12px, calc((75 / 1920) * 100vw), 75px);
    --lr: clamp(12px, calc((80 / 1920) * 100vw), 80px);
    background-color: #fff;
    padding: var(--tb) var(--lr);
    flex: 2 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.company-info-layer .layer-main__left--top .title {
    font-size: var(--font-size-32-clamp);
    font-weight: 600;
    color: var(--primary);
    margin-bottom: clamp(10px, calc((16 / 1920) * 100vw), 16px);
}

.company-info-layer .layer-main__left--main {
    font-size: var(--font-size-20-clamp);
    margin-top: clamp(50px, calc((100 / 1920) * 100vw), 100px);
    display: flex;
}

.company-info-layer .layer-main__left--main>ul {
    flex-grow: 1;
}

.company-info-layer .layer-main__left--main .info-item {
    display: flex;
    gap: clamp(6px, calc((12 / 1920) * 100vw), 12px);
}

.company-info-layer .layer-main__left--main .info-item+.info-item {
    margin-top: var(--spacing-30);
}

.company-info-layer .layer-main__left--main .info-item .label {
    color: #999;
}

.company-info-layer .layer-main__left--main .info-item .value {
    flex: 1 0 0;
}

.company-info-layer .layer-main__left--main .official-account {
    margin-left: clamp(30px, calc((75 / 1920) * 100vw), 75px);
    flex: 0 0 auto;
}

.company-info-layer .layer-main__left--main .official-account .inner-text {
    color: #666;
}

.company-info-layer .layer-main__left--main .official-account>img {
    width: clamp(80px, calc((145 / 1920) * 100vw), 145px);
    margin-top: var(--spacing-20);
}

.company-info-layer .layer-main__right {
    --tb: clamp(12px, calc((75 / 1920) * 100vw), 75px);
    --lr: clamp(12px, calc((60 / 1920) * 100vw), 60px);
    flex: 1 0 0;
    background: var(--primary-bg);
    padding: var(--tb) var(--lr);
}

.company-info-layer .layer-main__right .info-box {
    color: #fff;
    font-size: var(--font-size-20-clamp);
    display: flex;
    flex-direction: column;
    gap: clamp(20px, calc((60 / 1920) * 100vw), 60px) 0;
}

.company-info-layer .layer-main__right .info-item .title {
    font-size: var(--font-size-24-clamp);
    font-weight: 600;
    margin-top: clamp(8px, calc((10 / 1920) * 100vw), 10px);
}

.form-layer .section-wrap {
    text-align: left;
}

.form-layer .form-item .input-field {
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    background-color: #F3F4F5;
    display: flex;
    margin-bottom: var(--spacing-20);
}
.form-layer .form-item .input-field__content {
    flex: 1 0 0;
}
.form-layer .form-item .input {
    padding: var(--spacing-20) var(--spacing-30);
}
.form-layer .form-item .input input {
    width: 100%;
    display: block;
}
.form-layer .form-item .textarea textarea::placeholder
.form-layer .form-item .input input::placeholder {
    color: #888888;
    font-weight: 300;
}

.form-layer .form-item .textarea {
    height: clamp(150px, calc((300 / 1920) * 100vw), 300px);
}

.form-layer .form-item .textarea textarea {
    width: 100%;
    height: 100%;
    display: block;
    resize: none;
}

@media screen and (max-width: 768px) {
    .company-info-layer .layer-main {
        flex-wrap: wrap;
    }

    .company-info-layer .layer-main__left,
    .company-info-layer .layer-main__right {
        flex: 0 0 100%;
    }
}