@charset "UTF-8";

#service + .contents_box01 {
  padding-left: var(--i_padding, 20px);
  padding-right: var(--i_padding, 20px);
}
#service + .contents_box01 .content_wrapper {
  padding: 0;
}
#service + .contents_box01 .inner_item {
    width: 31%;
}
#service + .contents_box01 .inner_item:nth-child(n + 2) {
    margin-left: 3.5%;
}
#service + .contents_box01 .inner_item:nth-child(3n + 1) {
    margin-left: 0;
}
#service + .contents_box01 .inner_item:nth-child(n + 4) {
  margin-top: 30px;
}
#service + .contents_box01 .wrapper_item {
  flex-wrap: wrap;
}
#service + .contents_box01 .inner_item {
  border: 1px solid var(--i_border_color);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#service+section .inner_item_img img {
  max-width: 220px !important;
}
#service + .contents_box01 .inner_item_img {
  max-width: 100%;
}
@media screen and (max-width: 900px){
  #service + .contents_box01 .wrapper_item {
    display: flex !important;
  }
  #service + .contents_box01 .inner_item .inner_item_txt {
    padding: 20px 20px 10px !important;
  }
  #service + .contents_box01 .inner_item .inner_item_img {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px){
  #service + .contents_box01 .inner_item {
      width: 48%;
  }
  #service + .contents_box01 .inner_item:nth-child(3n + 1) {
      margin-left: initial;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 2) {
     margin-left: 4%;
  }
  #service + .contents_box01 .inner_item:nth-child(2n + 1) {
      margin-left: 0;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 4) {
    margin-top: initial;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px){
  #service + .contents_box01 .inner_item {
    width: 100% !important;
  }
  #service + .contents_box01 .inner_item:nth-child(2n + 1) {
      margin-left: initial;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 2) {
     margin-left: 0;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 3) {
    margin-top: initial;
  }
  #service + .contents_box01 .inner_item:nth-child(n + 2) {
    margin-top: 30px;
  }
}