@charset "UTF-8";
/* ===================================================================
CSS information

file name  : data.css
author     : Abilive
style info : 数字でひも解くJFE
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
  --1vw: 1vw;
  --vw-to-px: calc(tan(atan2(var(--1vw), 1px)));
}

.p-data + .p-data {
  margin-top: 12rem;
}
@media only screen and (max-width: 767px) {
  .p-data + .p-data {
    margin-top: 5.3rem;
  }
}
.p-data__inner {
  width: var(--content-width);
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-data__inner {
    max-width: 1280px;
  }
}
.p-data__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(2vw, 2rem) 2%;
  margin-top: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-data__list {
    row-gap: 1.3rem;
    margin-top: 2rem;
  }
}
.p-data__item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 0.4rem;
  width: 100%;
  border-radius: 6px;
  background: var(--color-gradient2);
  letter-spacing: 0em;
  line-height: 1.6;
}
@media only screen and (min-width: 1200px) {
  .p-data__item {
    font-size: 1.3rem;
  }
}
@media print {
  .p-data__item {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__item {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__item {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data__item {
    padding: 1.3rem 2% 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__item {
    row-gap: 0.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__item {
    padding: 1rem 1.6rem 2rem;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .p-data__item.u-size-s {
    width: 32%;
  }
}
@media only screen and (min-width: 1200px) {
  .p-data__item.u-size-s {
    aspect-ratio: 406/226;
  }
}
@media print {
  .p-data__item.u-size-s {
    aspect-ratio: 406/226;
  }
}
@media only screen and (min-width: 768px) {
  .p-data__item.u-size-m {
    width: 49%;
  }
}
@media only screen and (min-width: 1200px) {
  .p-data__item.u-size-m {
    aspect-ratio: 625/280;
  }
}
@media print {
  .p-data__item.u-size-m {
    aspect-ratio: 625/280;
  }
}
.p-data__item.u-size-l {
  row-gap: 3rem;
}
@media only screen and (max-width: 767px) {
  .p-data__item.u-size-l {
    row-gap: 2.7rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__item:has(.p-data__bar) {
    row-gap: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__item:not(:has(.p-data__pie)) {
    aspect-ratio: 335/187;
  }
}
.p-data__title span {
  padding-left: 0.6rem;
}
@media only screen and (min-width: 1200px) {
  .p-data__title span {
    font-size: 1rem;
  }
}
@media print {
  .p-data__title span {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__title span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__title span {
    font-size: 0.9rem;
  }
}
.p-data__content:has(.p-data__image) {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: min(2vw, 2rem);
  -moz-column-gap: min(2vw, 2rem);
  column-gap: min(2vw, 2rem);
}
.p-data__content:has(.p-data__image) .p-data__number,
.p-data__content:has(.p-data__image) .p-data__note {
  text-align: right;
}
.p-data__content:has(.p-data__pie) {
  padding-bottom: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .p-data__content:has(.p-data__pie) {
    padding-bottom: 2.4rem;
  }
}
.p-data__image {
  width: 100%;
}
.p-data__image img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.p-data__number span + span {
  padding-left: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .p-data__number span + span {
    padding-left: 0.4rem;
  }
}
.p-data__number-prefix, .p-data__number-unit {
  line-height: 1.4;
}
.p-data__number-value {
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  .p-data__number-value {
    font-size: 4rem;
  }
}
@media print {
  .p-data__number-value {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__number-value {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__number-value {
    font-size: 3.8rem;
  }
}
.p-data__number-unit {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.p-data__note {
  margin-top: 0.4rem;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1200px) {
  .p-data__note {
    font-size: 1.3rem;
  }
}
@media print {
  .p-data__note {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__note {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__note {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__note {
    margin-top: 0.3rem;
  }
}
.p-data__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: min(2vw, 2.6rem);
  -moz-column-gap: min(2vw, 2.6rem);
  column-gap: min(2vw, 2.6rem);
  position: relative;
  margin-bottom: 1.7rem;
}
@media only screen and (min-width: 768px) {
  .p-data__bar {
    margin-inline: 0.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar {
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
    margin-bottom: 1.1rem;
  }
}
.p-data__bar:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 1px;
  background: var(--color-border-white1);
}
.p-data__bar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 13%;
  height: 8.9rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__bar-item {
    height: 6.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar-item {
    width: 14%;
    height: 6rem;
  }
}
.p-data__bar-value {
  position: absolute;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  .p-data__bar-value {
    font-size: 1.1rem;
  }
}
@media print {
  .p-data__bar-value {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__bar-value {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar-value {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar-value {
    margin-bottom: 0.6rem;
  }
}
.p-data__bar-graph {
  -ms-flex-item-align: end;
  align-self: flex-end;
  position: relative;
  width: 100%;
  margin-top: auto;
  background: var(--color-key1);
}
.p-data__bar-label {
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  margin-top: 0.9rem;
  text-align: center;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .p-data__bar-label {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar-label {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__bar-label {
    margin-top: 0.5rem;
  }
}
.p-data__pie {
  position: relative;
  width: 40.2rem;
  margin-inline: auto;
  padding-block: 5.3rem 1.9rem;
}
@media only screen and (max-width: 767px) {
  .p-data__pie {
    width: 100%;
    padding: 3.7rem 0.1rem 0.2rem 0;
  }
}
.p-data__pie-graph {
  width: 21.6rem;
  aspect-ratio: 1;
}
@media only screen and (min-width: 768px) {
  .p-data__pie-graph {
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__pie-graph {
    width: 60vw;
    margin-left: auto;
  }
}
.p-data__pie-graph svg {
  width: 100%;
  height: 100%;
}
.p-data__pie-item {
  letter-spacing: 0em;
  line-height: 1.6;
}
.p-data__pie-value, .p-data__pie-label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-data__pie-value {
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  .p-data__pie-value {
    font-size: 2.7rem;
  }
}
@media print {
  .p-data__pie-value {
    font-size: 2.7rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__pie-value {
    font-size: 2.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__pie-value {
    font-size: 2.1rem;
  }
}
.p-data__pie-value span {
  padding-left: 0.5rem;
}
@media only screen and (min-width: 1200px) {
  .p-data__pie-value span {
    font-size: 1.3rem;
  }
}
@media print {
  .p-data__pie-value span {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__pie-value span {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__pie-value span {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__pie-value span {
    padding-left: 0.3rem;
  }
}
.p-data__pie-label {
  top: 0;
  left: 0;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .p-data__pie-label {
    font-size: 1rem;
  }
}
@media print {
  .p-data__pie-label {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data__pie-label {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data__pie-label {
    font-size: 0.9rem;
  }
}
.p-data.u-data-company .u-company-item-1 .p-data__content {
  grid-template-columns: 27% 1fr;
  padding-left: 5%;
}
.p-data.u-data-company .u-company-item-1 .p-data__content img {
  aspect-ratio: 90/91;
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-1 .p-data__content img {
    margin-bottom: 0.4rem;
  }
}
.p-data.u-data-company .u-company-item-2 .p-data__content {
  grid-template-columns: 25% 1fr;
  padding-left: 2%;
}
.p-data.u-data-company .u-company-item-2 .p-data__content img {
  aspect-ratio: 88/113;
}
.p-data.u-data-company .u-company-item-3 .p-data__content {
  grid-template-columns: 39% 1fr;
  padding-left: 6%;
}
.p-data.u-data-company .u-company-item-3 .p-data__content img {
  aspect-ratio: 128/103;
}
.p-data.u-data-company .u-company-item-4 .p-data__content {
  grid-template-columns: 24% 1fr;
  padding-left: 7%;
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-4 .p-data__content {
    grid-template-columns: 25% 1fr;
    padding-left: 3%;
  }
}
.p-data.u-data-company .u-company-item-4 .p-data__content img {
  aspect-ratio: 128/140;
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-4 .p-data__content img {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-5 {
    padding-bottom: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(2) .p-data__pie-value {
    left: auto;
    right: 0;
    margin-top: 14.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(2) .p-data__pie-value {
    left: 53vw;
    margin-top: 38vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(2) .p-data__pie-label {
    left: 23.4rem;
    margin-top: 15.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(2) .p-data__pie-label {
    left: 56vw;
    margin-top: 32vw;
  }
}
.p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(3) .p-data__pie-value {
  top: auto;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(3) .p-data__pie-value {
    left: 6.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(3) .p-data__pie-value {
    left: 9vw;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(3) .p-data__pie-label {
    left: 13.3rem;
    margin-top: 21.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(3) .p-data__pie-label {
    left: 30vw;
    width: 4.6rem;
    margin-top: 53vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(4) .p-data__pie-value {
    margin-top: 13.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(4) .p-data__pie-value {
    margin-top: 37vw;
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(4) .p-data__pie-label {
    left: 10.4rem;
    margin-top: 14.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(4) .p-data__pie-label {
    left: 20vw;
    width: 5.6rem;
    margin-top: 34vw;
  }
}
.p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5):before {
  content: "";
  display: block;
  position: absolute;
  left: 13.4rem;
  top: 0;
  z-index: 1;
  margin-top: 3.7rem;
  width: 2.2rem;
  aspect-ratio: 34/69;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: var(--color-border-white3);
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5):before {
    left: 33vw;
    width: 6vw;
    margin-top: 11vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    font-size: 2.4rem;
  }
}
@media print {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    left: 5rem;
    margin-top: 4.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-value {
    left: 7vw;
    margin-top: 14vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-label {
    left: 5rem;
    margin-top: 2.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(5) .p-data__pie-label {
    left: 7vw;
    margin-top: 9vw;
  }
}
.p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6):before {
  content: "";
  display: block;
  position: absolute;
  left: 19.4rem;
  top: 0;
  z-index: 1;
  margin-top: 2.5rem;
  padding-top: 5rem;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border-white3);
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6):before {
    left: 46vw;
    margin-top: 7vw;
    padding-top: 13vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    font-size: 1.8rem;
  }
}
@media print {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    left: 19.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-value {
    left: 48vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-label {
    left: 16.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-label {
    margin-top: 0.4rem;
  }
}
@media print {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-label {
    margin-top: 0.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-data.u-data-company .u-company-item-6 .p-data__pie-item:nth-child(6) .p-data__pie-label {
    left: 36vw;
    margin-top: 1vw;
  }
}
.p-data.u-data-global .u-global-item-1 .p-data__content {
  grid-template-columns: 24% 1fr;
  padding-left: 8%;
}
.p-data.u-data-global .u-global-item-1 .p-data__content img {
  aspect-ratio: 79/80;
  margin-bottom: 0.4rem;
}
.p-data.u-data-global .u-global-item-2 .p-data__content {
  grid-template-columns: 28% 1fr;
  padding-left: 8%;
}
.p-data.u-data-global .u-global-item-2 .p-data__content img {
  aspect-ratio: 97/99;
  margin-bottom: 0.3rem;
}
.p-data.u-data-global .u-global-item-3 .p-data__content {
  grid-template-columns: 31% 1fr;
  padding-left: 5%;
}
.p-data.u-data-global .u-global-item-3 .p-data__content img {
  aspect-ratio: 104/103;
  margin-bottom: 0.2rem;
}
.p-data.u-data-work .u-work-item-1 .p-data__content {
  grid-template-columns: 37% 1fr;
  padding-left: 2%;
}
.p-data.u-data-work .u-work-item-1 .p-data__content img {
  aspect-ratio: 128/91;
  margin-bottom: 0.2rem;
}
.p-data.u-data-work .u-work-item-2 .p-data__content {
  grid-template-columns: 19% 1fr;
  padding-left: 8%;
}
.p-data.u-data-work .u-work-item-2 .p-data__content img {
  aspect-ratio: 62/87;
  margin-bottom: 0.4rem;
}
.p-data.u-data-work .u-work-item-3 .p-data__content {
  grid-template-columns: 32% 1fr;
  padding-left: 5%;
}
.p-data.u-data-work .u-work-item-3 .p-data__content img {
  aspect-ratio: 106/75;
  margin-bottom: 0.5rem;
}
.p-data.u-data-work .u-work-item-4 .p-data__content {
  grid-template-columns: 27% 1fr;
  padding-left: 6%;
}
.p-data.u-data-work .u-work-item-4 .p-data__content img {
  aspect-ratio: 89/81;
  margin-bottom: 0.2rem;
}
.p-data.u-data-work .u-work-item-5 .p-data__content {
  grid-template-columns: 33% 1fr;
  padding-left: 6%;
}
.p-data.u-data-work .u-work-item-5 .p-data__content img {
  aspect-ratio: 111/100;
  margin-bottom: -0.7rem;
}
.p-data.u-data-work .u-work-item-6 .p-data__content {
  grid-template-columns: 18% 1fr;
  padding-left: 10%;
}
.p-data.u-data-work .u-work-item-6 .p-data__content img {
  aspect-ratio: 58/95;
}