.HomeContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.HomeC {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0.3) 100%);
}

.HomeC video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: fill;
}

.HomeC .Home_Content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--PMGR_20px);
  top: 85%;
  transform: translateY(-50%);
}
.HomeContentText {
  font-size: var(--font_32px);
}
.HomeContentText span {
  color: var(--color_dark_green);
}

/*  */
.HCP2C {
  width: 70vw;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}
.HCP2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--PMGR_20px);
}
.HCP2Box , .HCP2Box:active , .HCP2Box:visited {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--PMGR_12px);
  background-color: var(--color_white);
  border-radius: var(--PMGR_12px);
  min-width: 20vw;
  width: 20vw;
  max-width: 20vw;
  height: 7.5vw;
  padding: var(--PMGR_12px);
  text-decoration: none;

}
.HCP2BoxP1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.HCP2BoxP1S1Img {
  width: 2.5vw;
}
.HCP2BoxP1S2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--PMGR_4px);
}
.HCP2BoxP1S2T1 {
  font-size: var(--font_14px);
  color: var(--color_black);
  line-height: normal;
}
.HCP2BoxP1S2T2 {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 15vw;
  max-width: 15vw;
  font-size: var(--font_12px);
  color: var(--color_black);
  line-height: normal;
  display: flex;
  flex-wrap: wrap;

}
.HCP2BoxP2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_20px);
  width: 100%;
}
.HCP2BoxP2P1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--PMGR_8px);
}
.HCP2BoxP2P1S1Img {
  width: 2vw;
}
.HCP2BoxP2P1S2 {
  color: #1a1a1ab2;
  margin-top: -0.3vw;
  font-size: var(--font_12px);
}
.HCP2BoxP2P2 img {
  width: 1.3vw;
}
@media (max-width: 768px) {
  .HomeContainer {
    height: 100vh;
    overflow: hidden;
    touch-action: none;
  }
  .HCP2C {
    width: 100vw;
  }
  .HCP2Box {
    width: 80vw;
    min-width: 80vw;
    max-width: 80vw;
    height: 30vw;
  }
  .HomeC .Home_Content {
    top: 70%;
  }
  .HCP2BoxP1S1Img {
    width: 10vw;
  }
  .HCP2BoxP1S2T1 {
    font-size: var(--font_20px);
  }
  .HCP2BoxP1S2T2 {
    font-size: var(--font_16px);
  }
  .HCP2BoxP2P1S1Img {
    width: 7vw;
  }
  .HCP2BoxP2P1S2 {
    font-size: var(--font_16px);
  }
  .HCP2BoxP2P2 img {
    width: 3vw;
  }
  .HomeC video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: fill;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
}