.sub-group {
  padding: 15px 0;
}
@media (min-width: 769px) {
  .sub-group {
    padding: 30px 0;
  }
}
.sub-group-card {
  background-color: #fff;
  display: flex;
}
.left-group-x {
  display: none;
}
@media (min-width: 769px) {
  .left-group-x {
    width: 20%;
    display: flex;
  }
}
.left-group-x {
  border-right: 1px solid #e3e3e3;
  padding: 100px 5%;
}
.left-group-x .title,
.left-group-x .title_en {
  writing-mode: vertical-rl;
}
.left-group-x .title {
  color: #11a897;
  font-size: 36px;
  font-weight: 700;
}
.left-group-x .title_en {
  color: #b3b3b3;
  font-size: 24px;
  margin-left: 10px;
  text-transform: uppercase;
}
.right-group-x {
  width: 100%;
  padding: 20px 0;
  flex-shrink: 0;
}
@media (min-width: 769px) {
  .right-group-x {
    width: 80%;
    padding: 40px 50px;
  }
}
@media (min-width: 1025px) {
  .right-group-x {
    padding: 70px 60px;
  }
}
.right-group-x p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  text-indent: 2em;
}
@media (min-width: 769px) {
  .right-group-x p {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
  }
}
.right-group-x .imgs {
  width: 100%;
}
@media (min-width: 769px) {
  .right-group-x .imgs {
    display: flex;
  }
}
.right-group-x .imgs img {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 769px) {
  .right-group-x .imgs img {
    width: 49%;
    margin-right: 2%;
  }
}
.right-group-x .imgs img:nth-child(2) {
  margin-right: 0;
}