@charset "UTF-8";

#cl2 + .composite_box01 .wrapper_item {
  overflow: initial;
}
#cl2 + .composite_box01 .inner_item .inner_item_img {
  width: 100%;
  aspect-ratio: 3 / 1.8;
  display: block;
  position: relative;
}
#cl2 + .composite_box01 .inner_item .inner_item_img::before {
  content: "";
  border-image: linear-gradient(var(--i_main_color), var(--i_main_color)) fill 0 / / 0 100vw 0 100vw;
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
#cl2 + .composite_box01 .wrapper_item .inner_item:nth-child(2) a .inner_item_img::before {
  border-image: linear-gradient(var(--i_main_color), var(--i_main_color)) fill 0 / / 0 100vw 0 0;
}
#cl2 + .composite_box01 .inner_item:nth-child(1) img {
  clip-path: polygon(0 0, 87% 0, 100% 100%, 0 100%);
}
#cl2 + .composite_box01 .inner_item:nth-child(2) img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 13% 100%);
}
#cl2 + .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(2),
#cl2 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(1) {
  width: 50%;
  margin-left: 0;
}
#cl2 + .composite_box01 .inner_item:nth-child(2) .inner_item_txt {
  margin-left: min(80px,5vw);
}

@media screen and (max-width: 700px){
    #cl2 + .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(2),
    #cl2 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(1) {
        width: 100%;
        margin-left: 0;
    }
    #cl2 + .composite_box01.block_images_1 .inner_item:nth-of-type(2n) {
        margin-left: 0 !important;
    }
    #cl2 + .composite_box01 .wrapper_item .inner_item:nth-child(2) a .inner_item_img::before {
        border-image: linear-gradient(var(--i_main_color), var(--i_main_color)) fill 0 / / 0 100vw 0 100vw;
    }
    #cl2 + .composite_box01 .inner_item:nth-child(2) .inner_item_txt {
        margin-left: 0;
    }
}