.home-page-sub-main {
  &-tag {
    justify-content: space-between;
    padding: 0 4vw 4vw 4vw;
    & > div {
      text-align: center;
    }
    & > div > span {
      font-weight: bold;
    }
    &-one {
      position: relative;
      z-index: 1;
      width: 100%;
      & > div:nth-of-type(1) {
        visibility: hidden;
      }
    }
    &-two {
      text-align: center;
      &-main {
        display: inline-block;
      }
    }
    &-three {
      text-align: center;
      & > div:nth-of-type(1) {
        visibility: hidden;
      }
      &-main {
        display: inline-block;
      }
      &-item {
        transition: 0.5s;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 0;
        // line-height: 1;
      }
    }
  }
}

@media only screen and (max-width: 768px) {
  .home-page-sub-main {
    &-tag {
      font-size: 4vw;
      & > div {
        width: 100%;
        padding: 1em;
      }
      & p {
        font-size: 2.5vw;
      }

      &-one {
        & img {
          width: 10vw;
          height: 10vw;
        }
      }
      &-two {
        &-main {
          width: 10vw;
          height: 10vw;
        }
      }
      &-three {
        &-main {
          width: 10vh;
          height: 10vh;
        }
        &-item {
          width: 5vh;
          height: 5vh;
          text-align: center;
          line-height: 5vh;
        }
      }
    }
  }
}

@media only screen and (min-width: 768px) {
  .home-page-sub-main {
    &-tag {
      display: flex;
      font-size: 2vw;
      & > div {
        width: 33%;
        padding: 0 1em;
      }
      & p {
        font-size: 1.8vw;
      }

      &-one {
        & img {
          width: 10vw;
          height: 10vw;
        }
      }
      &-two {
        &-main {
          width: 10vw;
          height: 10vw;
        }
      }
      &-three {
        &-main {
          width: 10vw;
          height: 10vw;
          font-size: 5vw;
        }
        &-item {
          width: 5vw;
          height: 5vw;
          text-align: center;
          line-height: 5vw;
        }
      }
    }
  }
}
