/*===============================================================================
強み
================================================================================*/
.rea-strong {
    position: relative;
    padding: var(--g-sec-sp-md) 0;
}

.rea-strong::before {
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    content: "";
    width: 100vw;
    height: 100%;
    background: var(--c-act01);
    z-index: -2;
}

.rea-strong__title {
    margin-bottom: 2.75rem;
    text-align: center;
    font-size: var(--fz-32);
    font-family: var(--ff-g);
    font-weight: var(--fw-xl);
}

.rea-strong__title span {
    font-size: 1.75em;
    color: var(--c-main);
}

/*===============================
* メディア
* =================================*/

.rea-strMediaText__container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

/* 数字 */
.rea-strMediaText__number {
    display: block;
    font-family: var(--ff-zenmaru);
    font-size: var(--fz-24);
    font-weight: var(--fw-lg);
    color: var(--c-main);
}

/* 内容部分 */

.rea-strMediaText__all-block {
    padding: 6px;
    background: var(--c-main);
    border-radius: var(--g-8);
    max-width: 23.25rem;
    min-height: unset;
}

.rea-strMediaTexts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--g-40);
}

.r-s__title {
    font-family: var(--ff-maru);
    font-size: var(--fz-24);
    font-weight: var(--fw-md);
    text-align: center;
    padding: 6px 0 var(--g-8);
    color: var(--c-light);
}

.r-s__text {
    color: var(--c-light);
    line-height: 27px;
}

.rea-strMediaText__sp-flex {
    display: flex;
    flex-direction: column-reverse;
}

.r-s__text {
    padding: var(--g-14) var(--g-8);
    line-height: var(--lh-sm);
}

.rea-strMediaText__img img {
    border-top-left-radius: var(--g-8);
    border-top-right-radius: var(--g-8);
}

@media (min-width: 600px) {

    .rea-strong {
        padding: var(--g-sec--md) 0;
    }

    .rea-strong__title {
        margin-bottom: var(--g-sec--sm);
    }

    /* メディア */

    .rea-strMediaText__container {
        margin: unset;
    }
    
    .rea-strMediaText__all-block {
        flex-grow: 1;
        padding: var(--g-24);
        max-width: 22.5rem;
        min-height: 23rem;
    }
    
    .rea-strMediaText__sp-flex {
        display: block;
    }

    .rea-strMediaTexts {
        flex-direction: unset;
        flex-wrap: wrap;
        gap: var(--g-40) var(--g-20);
    }

    .r-s__title {
        padding: var(--g-16) 0;
        text-align: unset;
    }

    .r-s__text {
        padding: unset;
        line-height: 27px;
    }

    .rea-strMediaText__img img {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }
}


/*===============================================================================
不動産会社様専用 h2
================================================================================*/

.rea-form {
    margin-top: var(--g-sec-sp-md);
}

.h2-realtors {
    text-align: center;
}


/*===============================================================================
フォーム
================================================================================*/
.rea-form__title {
    margin-bottom: var(--g-sec--sm);
    text-align: center;
    font-weight: var(--fw-lg);
}

@media (min-width: 600px) {
    .rea-form {
        margin-top: var(--g-sec--md);
    }
}