/* .kiss */
.kiss .style01 .ph-box { }
.kiss .style01 .copy {      right: 661px !important;
    left: auto !important;
    top: 50px !important;}
.kiss .style01 .info-box {    top: 200px;
    left: 580px;
}
.kiss .style01 .ph-txt { margin-top: 15px; }
.kiss .style01 .item01 {     top: -1.5%;
    left: 49.5%;}
.kiss .style01 .item02 {     top: 43.2%;
    left: 33.2%;
}
.kiss .style01 .item03 {
    top: 15.6%;
    left: 33.4%;
}
.kiss .style01 .item04 {     top: 36.8%;
    left: 59.5%; }
.kiss .style01 .item05 {     top: 73.8%;
    left: 52.5%;}
.kiss .style01 .item06 {top: 79.8%;
 left: 61.5%; }

.kiss .style02 .ph-box { }
.kiss .style02 .copy { 
    top: 0 !important;
    right: 85px !important;
}
.kiss .style02 .info-box { top: 145px;
 right: 511px;}
.kiss .style02 .ph-txt { margin-top: 15px; }
.kiss .style02 .item01 {top: -1%;
    left: 61.2%;}
.kiss .style02 .item02 {      top: 17%;
    left: 44%;}
.kiss .style02 .item03 {    top: 34%;
    left: 44%;}
.kiss .style02 .item04 {    top: 50%;
    left: 61.5%;}
.kiss .style02 .item05 {     top: 73.8%;
    left: 30%;}
.kiss .style02 .item06 { top: 43.8%; left: 41%;}

.kiss .style03 .ph-box { }
.kiss .style03 .copy {    left: 100px !important;
    top: 61px !important;}
.kiss .style03 .info-box {top: 417px;
    left: 531px;}
.kiss .style03 .info-box2 { top: 440px; left: 180px;}
.kiss .style03 .ph-txt { margin-top: 15px; }
.kiss .style03 .item01 {    top: 0%;
    left: 29%;}
.kiss .style03 .item02 {    top: 24.8%;
    left: 43.2%;}
.kiss .style03 .item03 {    top: 47.5%;
    left: 44.5%; }
.kiss .style03 .item04 {     top: 44.5%;
    left: 18%;}
.kiss .style03 .item05 {     top: 85.5%;
    left: 27%;}
.kiss .style03 .item06 { top: 80.5%;
 left: 50%;}

.kiss .style04 .ph-box { }
.kiss .style04 .copy { top:52px !important;
 right: 115px !important; }
.kiss .style04 .info-box {
    top: 83px;
    right: 530px;
}
.kiss .style04 .info-box2 { top: 426px; right: 142px;}
.kiss .style04 .ph-txt { margin-top: 15px; }
.kiss .style04 .item01 {     top: 0%;
    left: 46.8%;}
.kiss .style04 .item02 { top: 17.8%;
 left: 43%;}
.kiss .style04 .item03 { top: 14.2%;
 left: 63.5%;}
.kiss .style04 .item04 {     top: 49.2%;
    left: 66.2%;}
.kiss .style04 .item05 {    top: 33.7%;
    left: 36.4%;}
.kiss .style04 .item06 {    top: 74.7%;
    left: 70.4%;}

/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
/* .kiss */
.kiss .style01 .ph-box { margin:0 -35vw 0 5vw; }
.kiss .style01 .copy {     top: 4vw !important;
    left: 16vw !important;}
.kiss .style01 .info-box { top: inherit; left: inherit; }
.kiss .style01 .ph-txt { margin-top: 0; }
.kiss .style01 .info-box .point-ph img {
}

.kiss .style02 .ph-box { margin:5vw -3vw 0 -32vw; }
.kiss .style02 .copy {     top: 9vw !important;
    right: 9vw !important;}
.kiss .style02 .info-box { top: inherit; right: inherit; }
.kiss .style02 .ph-txt { margin-top: 0; }

.kiss .style03 .ph-box { margin:5vw -30vw 0 0vw; }
.kiss .style03 .copy { left: 11vw !important;
 top: 20vw !important; }
.kiss .style03 .info-box { top: inherit; left: inherit; }
.kiss .style03 .ph-txt { margin-top: 0; }

.kiss .style04 .ph-box { margin:5vw -3vw 0 -32vw; }
.kiss .style04 .copy { top: 12vw !important;
 right: 10vw!important;}
.kiss .style04 .info-box { top: inherit; right: inherit; }
.kiss .style04 .ph-txt { margin-top: 0; }
.kiss .style04 .info-box .point-ph img {}

}

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