@charset "UTF-8";
:root {
    --main-max-width: var(--main-inner-max-width);
}
/*------------------------------------------------------*/
.box__ptitle .box__container .box__body > li:first-child {
    display: none;
}
/*------------------------------------------------------*/
.box__lp-to-rt .box__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;    
}

.box__lp-to-rt .box__container > li {
    flex: 0 0 auto;
}

.box__lp-to-rt .box__container .box__pic {
    width: 55%;
}

.box__lp-to-rt .box__container .box__pic .aspect-ratio {
    --min-width: 489px;
    --pic-wh-rate: calc(356/489);
}

.box__lp-to-rt .box__container .box__text {
    width: 43%;
}

.box__lp-to-rt .box__container .box__text > p {
    text-align: justify;
}

/*------------------------------------------------------*/
.box__lp-to-rp {
    margin-top: 50px;
}

.box__lp-to-rp .box__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.box__lp-to-rp .box__container > li {
    position: relative;
    flex: 0 0 auto;
}

.box__lp-to-rp .box__container .box__pic.box__big {
    width: 60%;
}

.box__lp-to-rp .box__container .box__pic.box__big .aspect-ratio {
    --min-width: 485px;
    --pic-wh-rate: calc(235/485);
}

.box__lp-to-rp .box__container .box__pic.box__small {
    width: 38%;
}

.box__lp-to-rp .box__container .box__pic.box__small > div {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 235px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
@media only screen and (min-width:320px) {
    .box__lp-to-rt .box__container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;    
        padding: 0 0;
    }

    .box__lp-to-rt .box__container .box__pic {
        width: 100%;
        --min-width: initial;
    }

    .box__lp-to-rt .box__container .box__text {
        margin-top: 30px;
        padding: 0 var(--main-padding-side);
        width: 100%;
    }

    .box__lp-to-rp .box__container .box__pic.box__big {
        width: 100%;
    }
    
    .box__lp-to-rp .box__container .box__pic.box__small {
        margin-top: 15px;
        width: 100%;
    }

    .box__lp-to-rp .box__container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;    
        padding: 0 0;
    }
}

@media only screen and (min-width:768px) {

}

@media only screen and (min-width:1024px) {
    .box__lp-to-rt .box__container {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 var(--main-padding-side);
    }

    .box__lp-to-rt .box__container .box__pic {
        width: 55%;
        --min-width: 489px;
    }

    .box__lp-to-rt .box__container .box__text {
        margin-top: 0px;
        padding: 0 0;
        width: 43%;
    }

    .box__lp-to-rp .box__container .box__pic.box__big {
        width: 60%;
    }
    
    .box__lp-to-rp .box__container .box__pic.box__small {
        margin-top: 0px;
        width: 38%;
    }

    .box__lp-to-rp .box__container {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        padding: 0 var(--main-padding-side);
    }
}

@media only screen and (min-width: 1280px) {}

@media only screen and (min-width: 1440px) {}

@media only screen and (min-width: 1680px) {}

@media only screen and (min-width: 1920px) {}