.row-02-bg .title-line{
    width: 450px;
}


.row2-image {
    height: 600px;
    max-height: 600px;
}

.row2-label-01 {
    position: absolute;
    width: 260px;
    background-color: #ffffffcc;
    border:2px solid #175f96;
    border-radius: 20px 20px;
    left: calc( 50% - 340px );
    bottom: 30px;
}

.row2-label .name {
    line-height: 1.2em;
}

.row2-label .position {
    line-height: 1.2em;

}


.row2-label-02 {
    position: absolute;
    width: 240px;
    background-color: #ffffffcc;
    border:2px solid #175f96;
    border-radius: 20px 25px;
    left: calc( 50% + 100px );
    bottom: 30px;
}


@media (min-width: 768px) and (max-width: 1024px){
    .row2-image {
        height: 600px;
        max-height: 600px;
    }
}

@media (min-width: 0px) and (max-width: 767px){
    .row2-image {
        height: 400px;
        max-height: 400px;
    }

    .row2-label-01 {
        position: absolute;
        width: 190px;
        background-color: #ffffffcc;
        border:2px solid #175f96;
        border-radius: 15px 15px;
        left: calc( 50% - 200px );
        bottom: 20px;
    }
    .row2-label-01 .name, .row2-label-02 .name{     font-size: 14px; }
    .row2-label-01 .position, .row2-label-02 .position{ font-size: 14px; }

    .row2-label-02 {
        position: absolute;
        width: 160px;
        background-color: #ffffffcc;
        border:2px solid #175f96;
        border-radius: 15px 15px;
        left: calc( 50% + 40px );
        bottom: 20px;
    }
    

    .row-02-bg .title-line{
        width: 100%;
    }



}   

.mobile-reorder-wrap{
  display:flex;
  flex-direction:column;
}
/* desktop normal order */
.axis-wrap{ order:1; }
.spacer-wrap{ order:2; }
.readmore-wrap{ order:3; }



@media (max-width: 1025px) {
  .readmore-wrap{ order:1; }
  .axis-wrap{ order:3; }
  .spacer-wrap{ order:2; }
}
/* mobile reorder */
@media (max-width: 767.98px){
  .readmore-wrap{ order:1; }
  .axis-wrap{ order:3; }
  .spacer-wrap{ order:2; }
}