.sub-mv-area-inner .discussion-img-icon {
  position: absolute;
  bottom: 10%;
  right: 3%;
  width: 32%;
}
@media screen and (max-width: 800px) {
  .sub-mv-area-inner .discussion-img-icon {
    bottom: 8%;
    width: 39%;
  }
}
.sub-mv-area-inner .sub-title-area .sub-title-en {
  color: black !important;
}
.sub-mv-area-inner .sub-title-area .sub-title-en::before {
  color: #f41959 !important;
}
.sub-mv-area-inner .sub-title-area .sub-title-jp {
  color: black !important;
}

.mv-color {
  background-color: #ffe7ed;
}

.people-title {
  width: 69.1666666667%;
  padding-bottom: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .people-title {
    width: 90%;
  }
}
.people-title > p {
  font-size: 26px;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .people-title > p {
    font-size: 22px;
  }
}

.people-area {
  width: 69.1666666667%;
  display: grid;
  grid-template-columns: 45.406626506% auto 45.406626506%;
  grid-template-rows: auto;
  margin: 0 auto;
  row-gap: 50px;
  padding-bottom: 100px;
}
@media screen and (max-width: 800px) {
  .people-area {
    width: 90%;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    row-gap: 65px;
  }
}
.people-area .people01 {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  aspect-ratio: 603/523;
}
@media screen and (max-width: 800px) {
  .people-area .people01 {
    aspect-ratio: 680/330;
  }
}
.people-area .people01 .people01-txtbox {
  position: absolute;
  bottom: 4.9751243781%;
  left: 16.583747927%;
  width: 83.416252073%;
}
@media screen and (max-width: 800px) {
  .people-area .people01 .people01-txtbox {
    position: absolute;
    bottom: 5%;
    left: 9.5588235294%;
    width: 79.1176470588%;
  }
}
.people-area .people01 .people01-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 32.3383084577%;
}
@media screen and (max-width: 800px) {
  .people-area .people01 .people01-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 17.6470588235%;
  }
}
.people-area .people02 {
  grid-column: 3/4;
  grid-row: 1/2;
  position: relative;
}
@media screen and (max-width: 800px) {
  .people-area .people02 {
    grid-column: 1/2;
    grid-row: 2/3;
    aspect-ratio: 680/318;
  }
}
.people-area .people02 .people02-txtbox {
  position: absolute;
  bottom: 14.2620232172%;
  left: 16.583747927%;
  width: 83.416252073%;
}
@media screen and (max-width: 800px) {
  .people-area .people02 .people02-txtbox {
    position: absolute;
    bottom: 5%;
    right: 0;
    left: unset;
    width: 80.8823529412%;
  }
}
.people-area .people02 .people02-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 29.0215588723%;
}
@media screen and (max-width: 800px) {
  .people-area .people02 .people02-img {
    position: absolute;
    top: 0;
    left: 11.7647058824%;
    width: 16.6176470588%;
  }
}
.people-area .people03 {
  grid-column: 1/2;
  grid-row: 2/3;
  position: relative;
  aspect-ratio: 603/601;
}
@media screen and (max-width: 800px) {
  .people-area .people03 {
    grid-column: 1/2;
    grid-row: 3/4;
    aspect-ratio: 680/363;
  }
}
.people-area .people03 .people03-txtbox {
  position: absolute;
  bottom: 22.8855721393%;
  left: 4.1459369818%;
  width: 83.416252073%;
}
@media screen and (max-width: 800px) {
  .people-area .people03 .people03-txtbox {
    position: absolute;
    bottom: 5%;
    left: 5.8823529412%;
    width: 80.8823529412%;
  }
}
.people-area .people03 .people03-img {
  position: absolute;
  bottom: 9.9502487562%;
  right: 0;
  width: 27.3631840796%;
}
@media screen and (max-width: 800px) {
  .people-area .people03 .people03-img {
    position: absolute;
    bottom: 0;
    right: 5.8823529412%;
    width: 16.1764705882%;
  }
}
.people-area .people04 {
  grid-column: 3/4;
  grid-row: 2/3;
  position: relative;
}
@media screen and (max-width: 800px) {
  .people-area .people04 {
    grid-column: 1/2;
    grid-row: 4/5;
    aspect-ratio: 680/341;
  }
}
.people-area .people04 .people04-txtbox {
  position: absolute;
  bottom: 12.4378109453%;
  left: 4.1459369818%;
  width: 83.416252073%;
}
@media screen and (max-width: 800px) {
  .people-area .people04 .people04-txtbox {
    position: absolute;
    bottom: 5%;
    left: 10.1470588235%;
    width: 80.8823529412%;
  }
}
.people-area .people04 .people04-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26.2023217247%;
}
@media screen and (max-width: 800px) {
  .people-area .people04 .people04-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
  }
}

.p-box {
  width: 100%;
  background-color: #ecf1f4;
  border-radius: 25px;
  box-sizing: border-box;
}
.p-box .p-box-inner {
  padding: 7% 0;
}

.p-txtbox-left {
  width: 100%;
  padding: 0 19% 0 6%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .p-txtbox-left {
    padding: 0 12% 0 5%;
  }
}

.p-txtbox-right {
  width: 100%;
  padding: 0 4% 0 19%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .p-txtbox-right {
    padding: 0 5% 0 12%;
  }
}

.p-txtarea > p {
  font-size: 15px;
  line-height: 1.4;
}
@media screen and (max-width: 1300px) {
  .p-txtarea > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  .p-txtarea > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 960px) {
  .p-txtarea > p {
    font-size: 11px;
  }
}
@media screen and (max-width: 860px) {
  .p-txtarea > p {
    font-size: 10px;
  }
}
@media screen and (max-width: 800px) {
  .p-txtarea > p {
    font-size: 15px;
  }
}
@media screen and (max-width: 650px) {
  .p-txtarea > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 550px) {
  .p-txtarea > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .p-txtarea > p {
    font-size: 11px;
  }
}
.p-txtarea > p:first-child {
  padding-bottom: 15px;
}

.discussion-area {
  width: 57.2916666667%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .discussion-area {
    width: 90%;
  }
}
.discussion-area .q-svg-title {
  width: 43.2727272727%;
}
@media screen and (max-width: 800px) {
  .discussion-area .q-svg-title {
    width: 59.5%;
  }
}
.discussion-area .q-txt-title {
  padding: 60px 0;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
}
@media screen and (max-width: 800px) {
  .discussion-area .q-txt-title {
    padding: 40px 0;
  }
}
.discussion-area .q-txt-title > p {
  font-size: 26px;
  line-height: 1.6;
}
@media screen and (max-width: 800px) {
  .discussion-area .q-txt-title > p {
    font-size: 22px;
  }
}
.discussion-area .q-txt-title > p:first-child {
  width: -webkit-fit-content;
  width: fit-content;
}
.discussion-area .q-txt-title > p:last-child {
  flex-shrink: 1;
}
.discussion-area .discussion-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  padding: 0 0 80px 0;
}
@media screen and (max-width: 800px) {
  .discussion-area .discussion-box {
    padding: 0 0 80px 0;
  }
}
.discussion-area .discussion-box > div {
  display: flex;
  column-gap: 25px;
}
.discussion-area .discussion-box > div .box-icon {
  width: 90px;
}
@media screen and (max-width: 800px) {
  .discussion-area .discussion-box > div .box-icon {
    width: 80px;
  }
}
.discussion-area .discussion-box > div .box-icon > p {
  font-size: 14px;
  text-align: center;
  padding-top: 3px;
}
.discussion-area .discussion-box > div .box-txt {
  flex: 1;
  padding-top: 10px;
}
@media screen and (max-width: 800px) {
  .discussion-area .discussion-box > div .box-txt {
    padding-top: 0;
  }
}
.discussion-area .discussion-box > div .box-txt > p {
  font-size: 16px;
  line-height: 1.8;
}

.q1-img-area {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 80px;
}
.q1-img-area > div {
  width: 62.5%;
}
@media screen and (max-width: 800px) {
  .q1-img-area > div {
    width: 100%;
  }
}

.q2-img-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .q2-img-area {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    row-gap: 100px;
  }
}
.q2-img-area > div:nth-child(1) {
  width: 62.2916666667%;
}
@media screen and (max-width: 800px) {
  .q2-img-area > div:nth-child(1) {
    width: 87.5%;
    align-self: flex-start;
  }
}
.q2-img-area > div:nth-child(2) {
  width: 27.7604166667%;
  padding-top: 10.4166666667%;
}
@media screen and (max-width: 800px) {
  .q2-img-area > div:nth-child(2) {
    width: 66.75%;
    align-self: flex-end;
    padding-top: 0;
  }
}

.q3-img-area {
  width: 57.2916666667%;
  padding-bottom: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .q3-img-area {
    width: 90%;
  }
}

.q5-img-area {
  width: 62.2395833333%;
  padding-bottom: 60px;
}
@media screen and (max-width: 800px) {
  .q5-img-area {
    width: 100%;
  }
}

.q-caption {
  padding-bottom: 190px;
}
.q-caption > p {
  font-size: 16px;
  text-align: center;
}

.chart-area {
  width: 52.6041666667%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .chart-area {
    width: 90%;
  }
}
.chart-area .chart-title {
  width: 100%;
  background-color: #edf1f2;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 18px 0;
}
.chart-area .chart-img {
  padding-top: 80px;
}