.p-chart-content {
  margin-top: calc(100vw / 375 * 60);
  padding-bottom: calc(100vw / 375 * 60);
}

.p-chart-content__inner {
  padding: 0 calc(100vw / 375 * 20);
}

@media print, (min-width: 768px) {
  .p-chart-content {
    margin-top: calc(100vw / 1600 * 170);
    padding-bottom: calc(100vw / 1600 * 170);
  }
  .p-chart-content__inner {
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
  }
}

.p-chart-mainVisual {
  height: calc(100vw / 375 * 320);
  padding-top: calc(100vw / 375 * 20);
  background-image: url("../img/company/chart/mainImg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.p-chart-mainVisual__inner {
  padding: 0 calc(100vw / 375 * 20);
}

.p-chart-mainVisual__inner__heading {
  display: flex;
  flex-direction: column;
}

.p-chart-mainVisual__inner__heading__text01 {
  font-family: 'Abel', sans-serif;
  font-weight: 400;
  font-size: calc(100vw / 375 * 30);
  line-height: 1.34;
  letter-spacing: 0.053em;
  color: #ffffff;
}

.p-chart-mainVisual__inner__heading__text02 {
  font-weight: 500;
  font-size: calc(100vw / 375 * 20);
  color: #ffffff;
}

@media print, (min-width: 768px) {
  .p-chart-mainVisual {
    height: calc(100vw / 1600 * 672);
    padding-top: calc(100vw / 1600 * 148);
  }
  .p-chart-mainVisual__inner {
    padding: 0;
    width: calc(100vw / 1600 * 1160);
    margin: 0 auto;
  }
  .p-chart-mainVisual__inner__heading__text01 {
    font-size: calc(100vw / 1600 * 50);
  }
  .p-chart-mainVisual__inner__heading__text02 {
    font-size: calc(100vw / 1600 * 30);
    margin-top: calc(100vw / 1600 * 5);
  }
}
