@charset "shift-jis";

.stepBox3_main-operate {
  justify-content: flex-start;
  gap: 14px 20px;
  flex-wrap: wrap;
  width: calc(100% - 28px);
  margin-left: auto;
  margin-right: auto;
  counter-reset: num1;
  
  > li {
    width: calc(50% - 10px);
    padding: 0;
    border: 0 none;
    margin-right: 0;
    counter-increment: num1;

    &:not(:first-child) {
      &::before {
        content: "";
        position: absolute;
        display: block;
        background: url(/common_v2/images/arrow_right_gray.svg) no-repeat center center;
        background-size: contain;
        width: 10px;
        height: 20px;
        top: 40%;
        left: -14px;
      }
    }
    
    &::after {
      content: none;
    }
    
    & img {
      width: 100%;
      border: 1px solid #a6a7a9;
    }
    
    &:has(figcaption) {
      > figure {
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        
        > figcaption {
          position: relative;
          padding-left: 2em;
          
          &::before {
            content: "(" counter(num1) ") ";
            font-family: "A1ƒSƒVƒbƒN M";
            color: #e22632;
            font-weight: bold;
            position: absolute;
            top: 0;
            left: 0;
          }
        }
      }
    }
  }
}