<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.box-wrapper .item::after{
    left: unset;
    right: 251px;
        transform: scale(-1, 1);
    }
    
    .box-wrapper .item-2::after{
    left:unset;
        right: 251px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    }
    
    .box-wrapper .item-3::after{
    left:unset;
        right: 150px;
    }
    
    .box-wrapper .item-4::after{
    left:unset;
    right:260px;
    }
    
    .box-wrapper .item-5::after{
    right:unset;
    left: 251px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    }

    .box-wrapper .item-5 span.arrow_span{
        left: unset;
        right: calc(50% - 134px/2 - 200.5px);
    }

    section.s2 p, section.s2 h3, .pip_c4eta p, .pip_c4eta h2, .pip_c4eta h3, .pip_c4eta h4, .pip_c4eta h5, .pc-header__text1, .pc-desc, span.arrow_span, div#ex1{
        text-align: right;
    }

    .box-wrapper .item-4 span.arrow_span{
        left: unset;
        right: calc(50% - 134px/2 - 208.5px); 
    }

    .box-wrapper .item-6 span.arrow_span{
        left: unset;
        right: -25px;
    }



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

    .box-wrapper .item-6 {
        margin: 0;
        margin-left: unset;
        margin-right: 59px;
    }

.box-wrapper .item-7 {

    margin-left: unset;
    margin-right: 59px;
}

.box-wrapper .item-4::after{
    right: 120px;
}



}


@media only screen and (max-width: 1199px){
    .box-wrapper .item-1::after{
        right: unset ; 
    }

    .box-wrapper .item-2::after{
        transform: matrix(1, 0, 0, 1, 0, 0);
        right: unset;
    }

    .box-wrapper .item-4::after{
        right: unset; 
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    .box-wrapper .item-5::after{
        left: unset;
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .box-wrapper .item-5 span.arrow_span{
        right: unset;
    }

    .box-wrapper .item-4 span.arrow_span{
        right: unset;
    }

    .box-wrapper .item-6::after{
        right: -50px ;
    }

    .box-wrapper .item-6 span.arrow_span{
        left: 250px;
        right: unset;
    }

}


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

    .box-wrapper .item-6{
    margin-right: unset;
    }

    .box-wrapper .item-6::after {
        right: 60px;
    }

    .box-wrapper .item-7 {
        margin-right: unset;
    }

    .box-wrapper .item-6 span.arrow_span{
        right: 0px;
    }

}

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

.pc-desc, section.s2 p.desc {
    text-align: right !important;
}

}</pre></body></html>