/* .rands */
.rands .style01 .ph-box {  }
.rands .style01 .copy { top: 57px !important;
 left: 131px !important;}
.rands .style01 .info-box { 
    top: 409px;
    left: 523px;
}
.rands .style01 .ph-txt { margin-top: 15px; }
.rands .style01 .item01 { top: %; left: %; }
.rands .style01 .item02 { top: %; left: %; }
.rands .style01 .item03 { top: %; left: %; }
.rands .style01 .item04 { top: %; left: %; }
.rands .style01 .item05 { top: %; left: %; }

.rands .style02 .ph-box {  }
.rands .style02 .copy { top: 57px !important;
 left: 685px !important;}
.rands .style02 .info-box {    top: 275px;
    left: 137px;}
.rands .style02 .ph-txt { margin-top: 15px; }
.rands .style02 .item01 { top: %; left: %; }
.rands .style02 .item02 { top: %; left: %; }
.rands .style02 .item03 { top: %; left: %; }
.rands .style02 .item04 { top: %; left: %; }
.rands .style02 .item05 { top: %; left: %; }

.rands .style03 .ph-box {  }
.rands .style03 .copy { 
 top: 50px !important;
 left: 130px !important;
}
.rands .style03 .info-box {
    top: 82px;
    left: 528px;
}
.rands .style03 .info-box2 { top: 440px; left: 155px; }
.rands .style03 .ph-txt { margin-top: 15px; }
.rands .style03 .item01 { top: %; left: %; }
.rands .style03 .item02 { top: %; left: %; }
.rands .style03 .item03 { top: %; left: %; }
.rands .style03 .item04 { top: %; left: %; }
.rands .style03 .item05 { top: %; left: %; }

.rands .style04 .ph-box {  }
.rands .style04 .copy { 
 top: 25px !important;
 left: 729px !important;
}
.rands .style04 .info-box { 
    top: 160px;
    right: 520px;
}
.rands .style04 .info-box2 { top: 426px; right: 95px;}
.rands .style04 .ph-txt {margin-top: 15px; }
.rands .style04 .item01 { top: %; left: %; }
.rands .style04 .item02 { top: %; left: %; }
.rands .style04 .item03 { top: %; left: %; }
.rands .style04 .item04 { top: %; left: %; }
.rands .style04 .item05 { top: %; left: %; }

.rands .style05 .ph-box {  }
.rands .style05 .copy { top: 60px !important;
 left: 100px !important;
 }
.rands .style05 .info-box { top: 255px;
 right: 84px; }
.rands .style05 .info-box2 { top: 426px; right: 95px;}
.rands .style05 .ph-txt {margin-top: 15px; }
.rands .style05 .item01 { top: %; left: %; }
.rands .style05 .item02 { top: %; left: %; }
.rands .style05 .item03 { top: %; left: %; }
.rands .style05 .item04 { top: %; left: %; }
.rands .style05 .item05 { top: %; left: %; }

.rands .style06 .ph-box {  }
.rands .style06 .copy { top}
.rands .style06 .info-box {
    top: 247px !important;
    right: 535px !important;
    width: 160px !important;
}
.rands .style06 .info-box2 { top: 426px; right: 95px;}
.rands .style06 .ph-txt {margin-top: 15px; }
.rands .style06 .item01 { top: %; left: %; }
.rands .style06 .item02 { top: %; left: %; }
.rands .style06 .item03 { top: %; left: %; }
.rands .style06 .item04 { top: %; left: %; }
.rands .style06.item05 { top: %; left: %; }

.rands .style07 .ph-box {  }
.rands .style07 .copy { top: 77px !important;
 left: 108px !important;
}
.rands .style07 .info-box {    top: 231px;
    right: 143px;
    width: 160px !important;}
.rands .style07 .info-box2 { top: 426px; right: 95px;}
.rands .style07 .ph-txt {margin-top: 15px; }
.rands .style07 .item01 { top: %; left: %; }
.rands .style07 .item02 { top: %; left: %; }
.rands .style07 .item03 { top: %; left: %; }
.rands .style07 .item04 { top: %; left: %; }
.rands .style07 .item05 { top: %; left: %; }

.rands .style08 .ph-box {  }
.rands .style08 .copy { top: 50px !important;
    right: 115px !important; }
.rands .style08 .info-box {    top: 190px;
    right: 538px;
    width: 160px !important;}
.rands .style08 .info-box2 { top: 426px; right: 95px;}
.rands .style08 .ph-txt {margin-top: 15px; }
.rands .style08 .item01 { top: %; left: %; }
.rands .style08 .item02 { top: %; left: %; }
.rands .style08 .item03 { top: %; left: %; }
.rands .style08 .item04 { top: %; left: %; }
.rands .style08 .item05 { top: %; left: %; }

/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
/* .rands */
.rands .style01 .ph-box { margin:0px -30vw 0 0vw; }
.rands .style01 .copy { 
 top: 6vw !important;
 left: 16vw !important;
 }
.rands .style01 .info-box { top: inherit; left: inherit; }
.rands .style01 .ph-txt { margin-top: 0; }

.rands .style02 .ph-box { margin:5vw 5vw 0 -35vw; }
.rands .style02 .copy { 
 top: 16vw !important;
 left: 74vw !important; }
.rands .style02 .info-box { top: inherit; left: inherit; }
.rands .style02 .ph-txt { margin-top: 0; }

.rands .style03 .ph-box { margin:5vw -28vw 0 -2vw; }
.rands .style03 .copy { top: 9vw !important;
    left: 13vw !important;}
.rands .style03 .info-box { top: inherit; left: inherit; }
.rands .style03 .ph-txt { margin-top: 0; }

.rands .style04 .ph-box { margin:5vw 0vw 0 -30vw; }
.rands .style04 .copy {     top: 38vw !important;
 left: 72vw !important;}
.rands .style04 .info-box { top: inherit; right: inherit; }
.rands .style04 .info-box2 {margin-bottom: 0 !important;}
.rands .style04 .ph-txt { margin-top: 0; }

.rands .style05 .ph-box { margin:5vw -30vw 0 0vw; }
.rands .style05 .copy { top: 13vw !important;
 left: 11vw !important;}
.rands .style05 .info-box { top: inherit; right: inherit; }
.rands .style05 .info-box2 {margin-bottom: 0 !important;}
.rands .style05 .ph-txt { margin-top: 0; }

.rands .style06 .ph-box { margin:5vw 0vw 0 -30vw; }
.rands .style06 .copy {     top: 9vw !important;
    right: 13vw !important;
 }
.rands .style06 .info-box { top: inherit !important; right: inherit !important; }
.rands .style06 .info-box2 {margin-bottom: 0 !important;}
.rands .style06 .ph-txt { margin-top: 0; }
.rands .style06 .info-box .point-ph img {
    width: 145px !important;
}

.rands .style07 .ph-box { margin:0 -25vw 0 0vw; }
.rands .style07 .copy { 
 top: 5vw !important;
 left: 13vw !important;
}
.rands .style07 .info-box { top: inherit; right: inherit; }
.rands .style07 .info-box2 {margin-bottom: 0 !important;}
.rands .style07 .ph-txt { margin-top: 0; }
.rands .style07 .info-box .point-ph img {
    width: 145px !important;
}

.rands .style08 .ph-box { margin:5vw 0vw 0 -30vw; }
.rands .style08 .copy {     top: 9vw !important;
    right: 14vw !important;
 }
.rands .style08 .info-box { top: inherit; right: inherit; }
.rands .style08 .info-box2 {margin-bottom: 0 !important;}
.rands .style08 .ph-txt { margin-top: 0; }
.rands .style08 .info-box .point-ph img {
    width: 145px !important;
}

}

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