@charset "UTF-8";

#hd_l + .contents_box01 .inner_item_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#hd_l + .contents_box01 .inner_item_img img {
  width: 100%;
  height: auto;
  display: block;

  /* stronger angled cut */
  clip-path: polygon(
    0% 0%,
    100% 0%,
    70% 100%,
    0% 100%
  );

  -webkit-clip-path: polygon(
    0% 0%,
    100% 0%,
    70% 100%,
    0% 100%
  );
}

@media (max-width: 900px) {
  #hd_l + .contents_box01 .inner_item_img img {
    clip-path: polygon(
      10% 0%,
      100% 0%,
      90% 100%,
      0% 100%
    );

    -webkit-clip-path: polygon(
      10% 0%,
      100% 0%,
      90% 100%,
      0% 100%
    );
  }
}

/* RIGHT-SIDE angled image */
#hd_r + .contents_box01 .inner_item_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#hd_r + .contents_box01 .inner_item_img img {
  width: 100%;
  height: auto;
  display: block;

  /* mirrored angle for right side */
  clip-path: polygon(
25% 0%, 100% 0%, 100% 100%, 0% 100%
  );

  -webkit-clip-path: polygon(
25% 0%, 100% 0%, 100% 100%, 0% 100%
  );
}

@media (max-width: 900px) {
  #hd_r + .contents_box01 .inner_item_img img {
    clip-path: polygon(
10% 0%,
      100% 0%,
      90% 100%,
      0% 100%
    );

    -webkit-clip-path: polygon(
10% 0%,
      100% 0%,
      90% 100%,
      0% 100%
    );
  }
}

#hd_s + .contents_box01 .inner_item_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}