.mainvisual.for-doctor {
    background-image: url("../images/img-doctor_mv.png");
}

.doctorList {
    padding: calc(8px * 12) 0 calc(8px * 16);
    position: relative;
}

.itemDoctor {
    align-items: flex-end;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 300px auto;
}

.itemDoctor.itemDoctor--big {
    column-gap: 50px;
    grid-template-columns: 360px auto;
    margin: 0 auto;
    max-width: 830px;
    width: 100%;
}

.itemDoctor.itemDoctor--big::before {
    background: rgba(255, 247, 235, .7);
    border-radius: 50%;
    content: "";
    filter: blur(40px);
    height: 530px;
    position: absolute;
    right: 0;
    top: 0;
    width: 530px;
    z-index: -100;
}

.itemDoctor.itemDoctor--big::after {
    background: url("../images/sign-doctor.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 160px;
    position: absolute;
    right: 8%;
    top: 8%;
    width: 400px;
    z-index: -100;
}

.itemDoctor--big .itemDoctorBox {
    background: #fff;
    padding: calc(8px * 3) calc(8px * 5);
}

.itemDoctorBox__name--word {
    font-size: var(--fontSize14);
}

.itemDoctorBox__name--text {
    font-size: var(--fontSize20);
    margin-top: calc(8px * 1);
}

.itemDoctorBox__list {
    font-size: var(--fontSize14);
    line-height: 1.6;
    margin-top: calc(8px * 3);
}

.itemDoctorBox__list li {
    text-indent: -1em;
}

.doctorList__column {
    column-gap: calc(8px * 10);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: calc(8px * 10) auto 0;
    max-width: 1170px;
    row-gap: calc(8px * 7);
    width: 100%;
}

.doctorList__column .itemDoctor {
    column-gap: 40px;
    display: grid;
    grid-template-columns: 230px auto;
}

.doctorList__column .itemDoctorBox {
    background: #fff;
    padding: calc(8px * 2) calc(8px * 3);
}

@media screen and (max-width: 767px) {
    .itemDoctor.itemDoctor--big {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .itemDoctor.itemDoctor--big::after {
        display: none;
    }

    .doctorList__column {
        gap: calc(8px * 5);
        grid-template-columns: 100%;
        margin-top: calc(8px * 5);
    }

    .itemDoctor {
        gap: 10px;
        grid-template-columns: 100%;
    }

    .itemDoctorBox__list {
        margin-top: calc(8px * 2);
    }

    .doctorList__column .itemDoctor {
        display: grid;
        grid-template-columns: 100%;
        row-gap: calc(8px * 2);
    }

    .doctorList__column .itemDoctorBox {
        background: #fff;
        padding: calc(8px * 2) calc(8px * 3);
    }
}