@charset "UTF-8";

/* redream__page  */

/*============================
 redream__page
============================*/

.redream__page .sub-about__ttl img {
    max-width: 415px;
    margin: 0 auto;
    display: block;
}



@media screen and (max-width:1024px) {

    .redream__page .sub-about__ttl img {
        max-width: 300px;
    }

}

@media screen and (max-width:767px) {

    .redream__page .sub-about__ttl img {
        max-width: 200px;
    }

}

/*============================
	rd-contents
============================*/
.rdc__items {
    max-width: 1920px;
    margin: 0 auto 200px;
}

.rdc__txtwrap {
    width: 50%;
}

.rdc__atc {
    margin-bottom: 150px;

    &:last-child {
        margin-bottom: 0;
    }
}

.rdc__img {
    width: 45%;
    max-width: 915px;
}

.rdc__txtwrap--inner {
    max-width: 600px;
    margin: 0 0 0 auto;
    padding: 0 0 0 2%;
}

.rdc__atc:nth-child(even) {
    flex-direction: row-reverse;

    .rdc__txtwrap--inner {
        margin: 0;
        padding: 0 2% 0 0;
    }
}

.rdc__box {
    padding: 80px 5%;
    background: #ffea91;

}

.rdc__box--inner {
    max-width: 900px;
    margin: 0 auto;
}

.rdc__box--txt {
    width: 55%;

    & img {
        max-width: 162px;
        display: block;
        margin: 0 auto 20px;
    }
}

.rdc__box--logo {
    width: 40%;
    max-width: 412px;
}

.rdc__btn {
    display: block;
    width: 400px;
    margin: 0 auto;
}

@media screen and (max-width:1024px) {
    .rdc__items {
        margin: 0 auto 100px;
    }

    .rdc__txtwrap {
        width: 50%;
    }

    .rdc__atc {
        margin-bottom: 100px;
    }

    .rdc__img {
        width: 45%;
    }

    .rdc__txtwrap--inner {
        margin: 0;
        padding: 0 0 0 5%;
    }

    .rdc__atc:nth-child(even) {

        .rdc__txtwrap--inner {
            margin: 0;
            padding: 0 5% 0 0;
        }
    }

    .rdc__box {
        padding: 60px 5%;
    }

    .rdc__box--txt {
        width: 55%;

        & img {
            max-width: 140px;
            margin: 0 auto 10px;
        }
    }

    .rdc__box--logo {
        width: 40%;
    }

    .rdc__btn {
        width: 300px;
    }
}

@media screen and (max-width:767px) {
    .rdc__items {
        margin: 0 auto 60px;
    }

    .rdc__txtwrap {
        width: 100%;
        margin-bottom: 20px;
    }

    .rdc__atc {
        margin-bottom: 60px;
    }

    .rdc__img {
        width: 100%;
    }

    .rdc__txtwrap--inner {
        padding: 0 5%;
    }

    .rdc__atc:nth-child(even) {

        .rdc__txtwrap--inner {
            padding: 0 5%;
        }
    }

    .rdc__box {
        padding: 30px 5%;
    }

    .rdc__box--txt {
        width: 100%;
        margin-bottom: 20px;

        & img {
            max-width: 120px;
            margin: 0 auto 10px;
        }
    }

    .rdc__box--logo {
        width: 100%;
        margin: 0 auto;
    }

    .rdc__btn {
        width: 260px;
    }
}