@charset "utf-8";
/* CSS Document */

.clip01, .clip02, .clip03, .clip04 {
  width: 50%;
  height: 81vh;
  position: absolute;
  display: block;
  background-color: #000;
  color: #000;
  clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%);
}
.clip02 {
  width: 65%;
  clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%);
  margin-left: 30.2vw;
  height: 40%;
}
.clip03 {
  width: 45%;
    clip-path: polygon(27% 0%, 100% 0%, 75% 100%, 0% 100%);
    margin-left: 18.1vw;
    height: 41%;
    margin-top: 28.9%;
}
.clip04 {
  width: 45%;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  margin-left: 46.5vw;
  height: 41%;
  margin-top: 28.9%;
}

@media screen and (max-width: 1366px) {
  .clip02 {
   margin-left: 38.3vw;
    clip-path: polygon(17.9% 0%, 100% 0%, 100% 100%, 0 100%);
  }
  .clip03 {
    margin-left: 26vw;
    margin-top: 40vh;
  }
  .clip04 {
   margin-left: 55vw;
    margin-top: 40vh;
}
}

@media (max-width: 575.98px) {
	.clip01, .clip02, .clip03, .clip04 {
    width: 100%;
    height: 25%;
    position: relative;
    display: block;
    background-color: #000;
    color: #000;
    clear: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media (width: 1440px) {
	.clip02 {
		margin-left: 38.5%;
		clip-path: polygon(17.5% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	.clip03 {
    margin-left: 27.5vw;
    margin-top: 39.9vh;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
	}
	.clip04 {
    margin-left: 60.7vw;
    margin-top: 39.9vh;
	}
}
@media (width: 1280px) {
	.clip02 {
		margin-left: 35.7%;
	}
	.clip03 {
    margin-left: 23.5vw;
    margin-top: 40vh;
	}
	.clip04 {
    margin-left: 55vw;
    margin-top: 40vh;
	}
}

@media (width: 1600px) and (height: 550px) {
	.clip01 {
		height: 84vh;
	}
	.clip02 {
    width: 65%;
    clip-path: polygon(16% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin-left: 39.2vw;
    height: 40%;
	}
	.clip04 {
    width: 45%;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin-left: 55vw;
    height: 44%;
    margin-top: 22.5%;
}
	.clip03 {
	width: 45%;
    clip-path: polygon(27% 0%, 100% 0%, 75% 100%, 0% 100%);
    margin-left: 27.1vw;
    height: 44%;
    margin-top: 22.5%;
	}
}