.about .about-img {
  width: 100%;
}

.about .props {
  display: flex;
}

.about .props .prop {
  height: 15.625vw;
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000;
}

.about .props .prop:nth-child(2n) {
  background-color: #1a1a1a;
}

.about .props .prop .value {
  font-size: var(--font-72);
  font-weight: bold;
  color: #fff;
}

.about .props .prop .key {
  margin-top: 0.3125vw;
  font-size: var(--font-18);
  color: #fff;
  line-height: var(--font-24);
  text-align: center;
  white-space: pre-line;
}

.about .props .prop .key p {
  margin: 0;
}

.about .introduction {
  margin: 0 auto;
  width: 90.1042vw;
  padding: 4.6875vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  gap: 3vw;
}

.about .introduction .name {
  flex-shrink: 0;
  font-size: var(--font-48);
  font-weight: bold;
  line-height: var(--font-60);
  white-space: pre-line;
}

.about .introduction .desc {
  width: 47.9167vw;
  font-size: var(--font-18);
  line-height: var(--font-26);
}

.about .introduction .iso {
  flex-shrink: 0;
  display: flex;
  gap: 2.3438vw;
}

.about .introduction .iso img {
  width: 5.0521vw;
}

.about .film {
  margin: 0 auto;
  width: 90.1042vw;
}

.about .film .img {
  width: 100%;
  height: auto;
}

.about .film .cells {
  padding: 4.6875vw 0;
  display: flex;
  justify-content: space-between;
  gap: 4.5vw;
}

.about .film .cells .cell {
  flex: 1;
}

.about .film .cells .cell .label {
  display: flex;
  justify-content: space-between;
  font-size: var(--font-24);
  font-weight: bold;
  line-height: normal;
  white-space: pre-line;
}

.about .film .cells .cell .label .icon-open {
  width: 48px;
  height: 48px;
}

.about .film .cells .cell .value {
  margin-top: 1.2vw;
  font-size: var(--font-18);
  line-height: var(--font-26);
}

.about .video {
  position: relative;
}

.about .video video {
  width: 100%;
  aspect-ratio: 1920 / 1080;
}

.about .video .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  cursor: pointer;
}