@charset "UTF-8";

#t3 + .composite_box01.block_images_8 .inner_item {
  overflow: initial;
}
#t3 + .composite_box01 .wrapper_item {
  overflow: initial;
}
#t3 + .composite_box01 {
  padding-top: 180px;
}
#t3 + .composite_box01.block_images_8 .inner_item_img {
  top: 0;
  background: none!important;
}
#t3 + .composite_box01.block_images_8 .inner_item_txt .heading {
  top: -140px;
}
#t3 + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading .h {
  color: var(--i_main_color);
}
#t3 + .composite_box01.block_images_8 .inner_item:hover .inner_item_txt .heading p {
  color: var(--i_txt_color);
}

@media screen and (max-width: 1024px){
  #t3 + .composite_box01.block_images_8 .wrapper_item {
    border-top: none;
  }

  #t3 + .composite_box01.block_images_8 .wrapper_item .inner_item{
    border-top: 1px solid var(--i_border_color, rgba(125,125,125,0.3));
  }

  #t3 + .composite_box01.block_images_8 .inner_item .inner_item_txt{
    display: flex;
    align-items: center;
  }

  #t3 + .composite_box01.block_images_8 .inner_item .inner_item_txt > p{
    display:none;
  }

  #t3 + .composite_box01.block_images_8 .wrapper_item{
    border-right: none!important;
  }

  #t3 + .composite_box01.block_images_8 .inner_item:last-of-type .inner_item_txt,
  #t3 + .composite_box01.block_images_8 .inner_item:last-of-type a {
    border-right: 1px solid var(--i_border_color, rgba(125,125,125,0.3));
  }

  #t3 + .composite_box01.block_images_8 .inner_item_img {
    position: relative;
  }
  #t3 + .composite_box01.block_images_8 .inner_item_img::before {
    content: "";
    display: block;
    padding-top: 125%;
  }
  #t3 + .composite_box01.block_images_8 .inner_item_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #t3 + .composite_box01 {
    padding-top: 50px;
  }
}

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


  #t3 + .composite_box01.block_images_8 .inner_item a,
  #t3 + .composite_box01.block_images_8 .inner_item .inner_item_txt {
    border-right: 1px solid var(--i_border_color, rgba(125,125,125,0.3));
  }
}

@media screen and (min-width:601px) and (max-width: 700px){
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(1),
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(2),
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(3) {
    width: 31% !important;
    width: calc(33.3% - 0.666px)!important;
  }

  #t3 + .composite_box01.block_images_8 .inner_item {
    border-bottom: 1px solid var(--i_border_color, rgba(125,125,125,0.3));
  }
}

@media screen and (max-width: 600px){
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(2) ,
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(3){
    border-top: none;
  }

  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(1),
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(2),
  #t3 + .composite_box01.block_images_8 .inner_item:nth-of-type(3) {
    width: 100% !important;
  }

  #t3 + .composite_box01.block_images_8 .inner_item a,
  #t3 + .composite_box01.block_images_8 .inner_item .inner_item_txt {
    border-right: none!important;
  }


  #t3 + .composite_box01.block_images_8 .inner_item {
    border-right: 1px solid var(--i_border_color, rgba(125,125,125,0.3));
  }
}

@media screen and (max-width: 1100px){
#works-bottom+div{
  padding-top: 1px !important;
}
}
@media screen and (max-width: 700px){
#about-2+div.composite_box01 .inner_item,
#about-3+div.composite_box01 .inner_item {
    margin-bottom: 0!important;
    width: calc(50% - 5px) !important;
}
#about-2+div.composite_box01 .inner_item:nth-of-type(2n),
#about-3+div.composite_box01 .inner_item:nth-of-type(2n) {
    margin-left: 10px !important;
}
}
@media screen and (max-width: 480px){
#about-2+div.composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_18):not(.block_images_19) .inner_item{
    margin-bottom: 0!important;
}
}
@media screen and (max-width: 480px){
#about-2+div.composite_box01 .inner_item,
#about-3+div.composite_box01 .inner_item {
    width:100%!important;
}
#about-2+div.composite_box01 .inner_item:nth-of-type(2n),
#about-3+div.composite_box01 .inner_item:nth-of-type(2n) {
    width: 100% !important;
    margin-left: 0px !important;
}
}