.reform-examples {
    padding:0 0 100px 0;
    &__two {
        @include adjustBothEnds;
        align-items: center;
        margin: 100px 0 0 0;
        position: relative;
        &:hover .reform-examples__image img {
            transform: scale(1.1);
        }
        &::before {
            position: absolute;
            top: -10px;
            left: -20px;
            content: "";
            width: 142px;
            height: 120px;
            z-index: -1;
            background-color: $micSoftOrange;
        }
        &:nth-of-type(2n){
            & .reform-examples__image {
                order: 2;
            }
            &::before {
                left: auto;
                right: -20px;
            }
        }
        
    }
    &__image {
        width: 664px;
        height: 227px;
        overflow: hidden;
        
        & img {
            transition: 0.3s;
            width: 100%;
        }
        
    }
    &__info {
        width: 370px;
    }
    &__order {
        display: flex;
        align-items: baseline;
    }
    &__number {
        color: $micOrange;
        font-size: 56px;
        margin: 0 0 0 30px;
    }
    &__file {
        font-size: 20px;
        font-weight: bold;
        color: $micOrange;
    }
    &__title {
        font-weight: bold;
        font-size: 18px;
        border-bottom: 1px dotted $micGrey;
        padding: 15px 0;
    }
    &__text {
        font-size: 13px;
        line-height: 1.5em;
        padding: 15px 0;
    }
    &__lists {
        @include adjustBothEnds;
    }
    &__list {
        display: flex;
        width: 50%;
        line-height: 1.3em;
        & dt {
            width: 40%;
            font-size: 13px;
            font-weight: bold;
        }
        & dd {
            width: 60%;
            font-size: 13px;
        }
    }
}
