@charset "UTF-8";

#step1 + section .inner_item_img,
#step2 + section .inner_item_img,
#step3 + section .inner_item_img,
#step4 + section .inner_item_img,
#step5 + section .inner_item_img,
#step6 + section .inner_item_img{
  border-radius: 50%;
  border: 1px solid black;
  position: relative;
  font-size:20px;
}
#step1 + section .inner_item_img::before,
#step2 + section .inner_item_img::before,
#step3 + section .inner_item_img::before,
#step4 + section .inner_item_img::before,
#step5 + section .inner_item_img::before,
#step6 + section .inner_item_img::before{
  content:'STEP';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
#step1 + section .inner_item_img::after,
#step2 + section .inner_item_img::after,
#step3 + section .inner_item_img::after,
#step4 + section .inner_item_img::after,
#step5 + section .inner_item_img::after,
#step6 + section .inner_item_img::after{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-25%) translateX(-50%);
}
#step1 + section .inner_item_img::after{
  content:'1';
}
#step2 + section .inner_item_img::after{
  content:'2';
}
#step3 + section .inner_item_img::after{
  content:'3';
}
#step4 + section .inner_item_img::after{
  content:'4';
}
#step5 + section .inner_item_img::after{
  content:'5';
}
#step6 + section .inner_item_img::after{
  content:'6';
}

@media screen and (max-width: 600px) {
  #step1 + section .inner_item_img,
  #step2 + section .inner_item_img,
  #step3 + section .inner_item_img,
  #step4 + section .inner_item_img,
  #step5 + section .inner_item_img,
  #step6 + section .inner_item_img,{
    font-size:16px;
}
}