.sub-mv-area-inner .questionnaire-img-icon {
  position: absolute;
  bottom: 3%;
  right: 2%;
  width: 30%;
}
@media screen and (max-width: 800px) {
  .sub-mv-area-inner .questionnaire-img-icon {
    width: 43%;
  }
}
.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;
}

.q-title-box {
  max-width: 703px;
  width: 80%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 800px) {
  .q-title-box {
    max-width: none;
    width: 80%;
  }
}
.q-title-box > p {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  color: white;
  transform: translate(-50%, -30%);
  text-align: center;
}
@media screen and (max-width: 800px) {
  .q-title-box > p {
    width: 100%;
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  .q-title-box > p {
    font-size: 14px;
  }
}

.questionnaire-title {
  max-width: 820px;
  width: 80%;
  margin: 0 auto 130px auto;
}
@media screen and (max-width: 800px) {
  .questionnaire-title {
    max-width: none;
    width: 70%;
    margin: 0 auto 50px auto;
  }
}

.q01-area {
  width: 58.8020833333%;
  display: grid;
  grid-template-columns: 31.7094774136% 34.8981399469% auto;
  grid-template-rows: auto;
  margin: 80px auto;
}
@media screen and (max-width: 800px) {
  .q01-area {
    width: 80%;
    grid-template-columns: 50% 50%;
    gap: 20px;
  }
}
.q01-area .q01-item01 {
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.q01-area .q01-item02 {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item02 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.q01-area .q01-item03 {
  grid-column: 3/4;
  grid-row: 1/2;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item03 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.q01-area .q01-item04 {
  grid-column: 1/2;
  grid-row: 2/3;
  padding-top: 20px;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item04 {
    grid-column: 2/3;
    grid-row: 2/3;
    display: flex;
    align-items: center;
    padding-top: 0;
  }
}
.q01-area .q01-item05 {
  grid-column: 3/4;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item05 {
    grid-column: 1/3;
    grid-row: 3/4;
    display: flex;
    justify-content: center;
  }
  .q01-area .q01-item05 > div {
    width: calc(50% - 20px);
  }
}
.q01-area .q01-item06 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .q01-area .q01-item06 {
    grid-column: 1/3;
    grid-row: 4/5;
    display: flex;
    justify-content: center;
  }
  .q01-area .q01-item06 > div {
    width: calc(50% - 20px);
  }
}

.q02-area {
  width: 100%;
  display: grid;
  grid-template-columns: 17.7083333333% auto 17.7083333333%;
  grid-template-rows: auto;
  min-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .q02-area {
    display: grid;
    grid-template-columns: 5% 90% 5%;
    grid-template-rows: auto;
  }
}
.q02-area .q02-bk-img {
  grid-column: 1/4;
  grid-row: 1/3;
}
@media screen and (max-width: 800px) {
  .q02-area .q02-bk-img {
    grid-column: 1/4;
    grid-row: 1/4;
  }
}
.q02-area .q02-bk-img > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.q02-area .q02-bk-img > picture > img {
  width: 100%;
  height: 100%;
  object-position: top left;
  object-fit: cover;
}
.q02-area .q02-title {
  grid-column: 1/4;
  grid-row: 1/2;
  padding-top: 7.8125%;
}
.q02-area .q02-graph {
  grid-column: 1/4;
  grid-row: 2/3;
  display: flex;
  justify-content: center;
  padding: 100px 0;
}
@media screen and (max-width: 800px) {
  .q02-area .q02-graph {
    padding: 50px 0 0 0;
  }
}
.q02-area .q02-graph > div {
  width: 34.8958333333%;
}
@media screen and (max-width: 800px) {
  .q02-area .q02-graph > div {
    max-width: 600px;
    width: 80%;
  }
}
.q02-area .q02-img01 {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
@media screen and (max-width: 800px) {
  .q02-area .q02-img01 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
.q02-area .q02-img01 > div {
  width: 18.5483870968%;
  padding-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .q02-area .q02-img01 > div {
    width: 150px;
    padding-bottom: 50px;
  }
}

.q03-area {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  min-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .q03-area {
    display: grid;
    grid-template-columns: 5% 90% 5%;
    grid-template-rows: auto;
  }
}
.q03-area .q03-bk-img {
  grid-column: 1/2;
  grid-row: 1/6;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-bk-img {
    grid-column: 1/4;
    grid-row: 1/6;
  }
}
.q03-area .q03-bk-img > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.q03-area .q03-bk-img > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.q03-area .q03-title {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-top: 7.8125%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-title {
    grid-column: 1/4;
    grid-row: 1/2;
  }
}
.q03-area .q03-box01 {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  justify-content: center;
  padding-top: 4.1666666667%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box01 {
    grid-column: 2/3;
    grid-row: 2/3;
    display: flex;
    justify-content: center;
    padding-top: 50px;
  }
}
.q03-area .q03-box01 .q03-box01-inner {
  width: 47.65625%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box01 .q03-box01-inner {
    width: 100%;
  }
}
.q03-area .q03-box01 .q03-box01-inner .q03-item01 {
  width: 50.289017341%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box01 .q03-box01-inner .q03-item01 {
    width: 50%;
  }
}
.q03-area .q03-box01 .q03-box01-inner .q03-item02 {
  width: 39.0751445087%;
  padding-bottom: 2.3121387283%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box01 .q03-box01-inner .q03-item02 {
    width: 40%;
  }
}
.q03-area .q03-box02 {
  grid-column: 1/2;
  grid-row: 3/4;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box02 {
    grid-column: 2/3;
    grid-row: 3/4;
    display: flex;
    justify-content: center;
  }
}
.q03-area .q03-box02 .q03-box02-inner {
  width: 67.7083333333%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box02 .q03-box02-inner {
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}
.q03-area .q03-box02 .q03-box02-inner .q03-item03 {
  width: 32.1884984026%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box02 .q03-box02-inner .q03-item03 {
    width: 48%;
  }
}
.q03-area .q03-box02 .q03-box02-inner .q03-item04 {
  width: 30.9904153355%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box02 .q03-box02-inner .q03-item04 {
    width: 48%;
    margin-left: auto;
  }
}
.q03-area .q03-box02 .q03-box02-inner .q03-item05 {
  width: 26.357827476%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box02 .q03-box02-inner .q03-item05 {
    width: 45%;
    margin: 0 auto;
  }
}
.q03-area .q03-box03 {
  grid-column: 1/2;
  grid-row: 4/5;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box03 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
.q03-area .q03-box03 .q03-box03-inner {
  width: 43.1770833333%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  transform: translateY(-15px);
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box03 .q03-box03-inner {
    width: 100%;
  }
}
.q03-area .q03-box03 .q03-box03-inner .q03-item06 {
  width: 45.1145958987%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box03 .q03-box03-inner .q03-item06 {
    width: 46%;
  }
}
.q03-area .q03-box03 .q03-box03-inner .q03-item07 {
  width: 47.5271411339%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-box03 .q03-box03-inner .q03-item07 {
    width: 48%;
  }
}
.q03-area .q03-space {
  grid-column: 1/2;
  grid-row: 5/6;
  padding-top: 31.25%;
}
@media screen and (max-width: 800px) {
  .q03-area .q03-space {
    grid-column: 1/4;
    grid-row: 5/6;
    padding-top: 31.25%;
  }
}

.q04-area {
  width: 100%;
  display: grid;
  grid-template-columns: 23.2291666667% 12.4479166667% 4.4270833333% 14.0625% 6.40625% auto 23.2291666667%;
  grid-template-rows: auto;
  position: relative;
}
@media screen and (max-width: 800px) {
  .q04-area {
    width: 100%;
    display: grid;
    grid-template-columns: 6% 1fr 1fr 6%;
    grid-template-rows: auto;
    column-gap: 6%;
    row-gap: 20px;
  }
}
.q04-area .q04-line01 {
  position: absolute;
  width: 7.5520833333%;
  top: 4.5833333333%;
  left: 32.2916666667%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line01 {
    display: none;
  }
}
.q04-area .q04-line02 {
  position: absolute;
  width: 7.5520833333%;
  top: 5.3645833333%;
  right: 21.9791666667%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line02 {
    display: none;
  }
}
.q04-area .q04-line03 {
  position: absolute;
  width: 7.5520833333%;
  top: 14.8958333333%;
  left: 14.4270833333%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line03 {
    display: none;
  }
}
.q04-area .q04-line04 {
  position: absolute;
  width: 7.5520833333%;
  top: 24.7395833333%;
  right: 12.5%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line04 {
    display: none;
  }
}
.q04-area .q04-line05 {
  position: absolute;
  width: 7.5520833333%;
  top: 33.6979166667%;
  left: 7.8125%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line05 {
    display: none;
  }
}
.q04-area .q04-line06 {
  position: absolute;
  width: 7.5520833333%;
  top: 35.6770833333%;
  right: 4.6875%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line06 {
    display: none;
  }
}
.q04-area .q04-line07 {
  position: absolute;
  width: 7.5520833333%;
  top: 49.84375%;
  left: 12.34375%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line07 {
    display: none;
  }
}
.q04-area .q04-line08 {
  position: absolute;
  width: 7.5520833333%;
  top: 50.1041666667%;
  right: 11.71875%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-line08 {
    display: none;
  }
}
.q04-area .q04-bk-img {
  grid-column: 1/-1;
  grid-row: 1/7;
  background-image: url(../img/questionnaire/q4_awa.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-bk-img {
    grid-column: 1/-1;
    grid-row: 1/9;
  }
}
.q04-area .q04-title {
  grid-column: 1/-1;
  grid-row: 1/2;
  padding: 9.0625% 0 4.4270833333% 0;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-title {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}
.q04-area .q04-item01 {
  grid-column: 2/4;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item01 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.q04-area .q04-item01 > div {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item01 > div {
    width: 90%;
  }
}
.q04-area .q04-item02 {
  grid-column: 4/6;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item02 {
    grid-column: 3/4;
    grid-row: 2/3;
    display: flex;
    align-items: center;
  }
}
.q04-area .q04-item02 > div {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item02 > div {
    width: 100%;
  }
}
.q04-area .q04-item03 {
  grid-column: 6/7;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item03 {
    grid-column: 3/4;
    grid-row: 3/4;
  }
}
.q04-area .q04-item03 > div {
  width: 87%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item03 > div {
    width: 100%;
  }
}
.q04-area .q04-item04 {
  grid-column: 3/5;
  grid-row: 3/4;
  transform: translateY(-50px);
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item04 {
    grid-column: 2/3;
    grid-row: 3/4;
    transform: none;
  }
}
.q04-area .q04-item04 > div {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item04 > div {
    width: 100%;
  }
}
.q04-area .q04-item05 {
  grid-column: 5/7;
  grid-row: 3/4;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item05 {
    grid-column: 1/-1;
    grid-row: 7/8;
    display: flex;
    justify-content: center;
  }
}
.q04-area .q04-item05 > div {
  width: 85%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item05 > div {
    width: 43%;
  }
}
.q04-area .q04-item06 {
  grid-column: 2/4;
  grid-row: 4/5;
  transform: translateY(-50px);
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item06 {
    grid-column: 2/3;
    grid-row: 4/5;
    transform: none;
  }
}
.q04-area .q04-item07 {
  grid-column: 4/6;
  grid-row: 4/5;
  display: flex;
  justify-content: flex-end;
  transform: translateY(-30px);
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item07 {
    grid-column: 3/4;
    grid-row: 4/5;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none;
  }
}
.q04-area .q04-item07 > div {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item07 > div {
    width: 100%;
  }
}
.q04-area .q04-item08 {
  grid-column: 6/7;
  grid-row: 4/5;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item08 {
    grid-column: 3/4;
    grid-row: 6/7;
    display: flex;
    justify-content: center;
  }
}
.q04-area .q04-item08 > div {
  width: 90%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item08 > div {
    width: 100%;
  }
}
.q04-area .q04-item09 {
  grid-column: 2/4;
  grid-row: 5/6;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item09 {
    grid-column: 2/3;
    grid-row: 5/6;
    padding-top: 0;
    display: flex;
    align-items: center;
  }
}
.q04-area .q04-item10 {
  grid-column: 4/6;
  grid-row: 5/6;
  display: flex;
  justify-content: center;
  transform: translateY(-40px);
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item10 {
    grid-column: 3/4;
    grid-row: 5/6;
    transform: none;
  }
}
.q04-area .q04-item10 > div {
  width: 80%;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item10 > div {
    width: 100%;
  }
}
.q04-area .q04-item11 {
  grid-column: 6/7;
  grid-row: 5/6;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-item11 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
}
.q04-area .q04-space {
  grid-column: 1/-1;
  grid-row: 6/7;
  aspect-ratio: 1920/750;
}
@media screen and (max-width: 800px) {
  .q04-area .q04-space {
    grid-column: 1/-1;
    grid-row: 8/9;
    aspect-ratio: 800/300;
  }
}

.q05-area {
  width: 100%;
  display: grid;
  grid-template-columns: 18.4375% 13.1770833333% 7.8645833333% 16.40625% 5.46875% auto 18.4375%;
  grid-template-rows: auto;
}
@media screen and (max-width: 800px) {
  .q05-area {
    grid-template-columns: 5% 1fr 1fr 5%;
    grid-template-rows: auto;
    column-gap: 5%;
  }
}
.q05-area .q05-title {
  grid-column: 1/-1;
  grid-row: 1/2;
  padding-bottom: 3.4895833333%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-title {
    grid-column: 1/-1;
    grid-row: 1/2;
    padding-bottom: 10%;
  }
}
.q05-area .q05-item01 {
  grid-column: 2/4;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item01 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.q05-area .q05-item01 > div {
  width: 90%;
}
.q05-area .q05-icon01 {
  grid-column: 4/5;
  grid-row: 2/3;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon01 {
    grid-column: 3/4;
    grid-row: 2/3;
    display: flex;
    align-items: flex-start;
  }
}
.q05-area .q05-icon01 > div {
  width: 60%;
}
.q05-area .q05-item02 {
  grid-column: 5/7;
  grid-row: 2/3;
  padding-left: 4.6875%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item02 {
    grid-column: 3/4;
    grid-row: 3/4;
    padding-left: 0;
    transform: translateY(-50px);
  }
}
.q05-area .q05-item02 > div {
  width: 85%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item02 > div {
    width: 95%;
  }
}
.q05-area .q05-item03 {
  grid-column: 2/4;
  grid-row: 3/4;
  padding-top: 60px;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item03 {
    grid-column: 2/3;
    grid-row: 4/5;
    padding-top: 0;
  }
}
.q05-area .q05-item03 > div {
  width: 80%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item03 > div {
    width: 100%;
  }
}
.q05-area .q05-item04 {
  grid-column: 4/6;
  grid-row: 3/4;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item04 {
    grid-column: 2/3;
    grid-row: 6/7;
    padding-top: 40px;
  }
}
.q05-area .q05-icon02 {
  grid-column: 6/7;
  grid-row: 3/4;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon02 {
    grid-column: 2/3;
    grid-row: 5/6;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.q05-area .q05-icon02 > div {
  width: 60%;
}
.q05-area .q05-icon03 {
  grid-column: 2/3;
  grid-row: 4/5;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon03 {
    grid-column: 2/3;
    grid-row: 3/4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.q05-area .q05-icon03 > div {
  width: 60%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon03 > div {
    width: 50%;
  }
}
.q05-area .q05-item05 {
  grid-column: 3/5;
  grid-row: 4/5;
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item05 {
    grid-column: 3/4;
    grid-row: 6/7;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
  }
}
.q05-area .q05-item05 > div {
  width: 95%;
}
.q05-area .q05-icon04 {
  grid-column: 5/6;
  grid-row: 4/5;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50px);
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon04 {
    grid-column: 3/4;
    grid-row: 4/5;
  }
}
@media screen and (max-width: 800px) {
  .q05-area .q05-icon04 > div {
    width: 50%;
  }
}
.q05-area .q05-item06 {
  grid-column: 6/7;
  grid-row: 4/5;
  transform: translateY(-60px);
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-item06 {
    grid-column: 3/4;
    grid-row: 5/6;
  }
}
.q05-area .q05-item06 > div {
  width: 96%;
}
.q05-area .q05-img {
  grid-column: 1/-1;
  grid-row: 5/6;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-img {
    grid-column: 1/-1;
    grid-row: 7/8;
  }
}
.q05-area .q05-img > div {
  width: 72.7604166667%;
}
@media screen and (max-width: 800px) {
  .q05-area .q05-img > div {
    width: 90%;
  }
}

.q06-area {
  width: 100%;
  display: grid;
  grid-template-columns: 19.7916666667% 14.0625% auto 19.7916666667%;
  grid-template-rows: auto;
  min-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .q06-area {
    grid-template-columns: 5% auto 5%;
    grid-template-rows: auto;
  }
}
.q06-area .q06-bk-img {
  grid-column: 1/5;
  grid-row: 1/3;
}
@media screen and (max-width: 800px) {
  .q06-area .q06-bk-img {
    grid-column: 1/4;
    grid-row: 1/4;
  }
}
.q06-area .q06-bk-img > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.q06-area .q06-bk-img > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.q06-area .q06-title {
  grid-column: 1/5;
  grid-row: 1/2;
  padding-top: 15.625%;
}
@media screen and (max-width: 800px) {
  .q06-area .q06-title {
    grid-column: 1/4;
    grid-row: 1/2;
    padding-top: 22.5%;
  }
}
.q06-area .q06-img {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .q06-area .q06-img {
    grid-column: 2/3;
    grid-row: 3/4;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
  }
  .q06-area .q06-img > div {
    width: 35%;
  }
}
.q06-area .q06-item {
  grid-column: 3/4;
  grid-row: 2/3;
  padding: 0 4.9479166667%;
}
@media screen and (max-width: 800px) {
  .q06-area .q06-item {
    grid-column: 2/3;
    grid-row: 2/3;
    padding: 20px 0 10px 0;
  }
}

.q07-title {
  padding: 8.8541666667% 0 4.1666666667% 0;
}

.q07-area {
  width: 55.5729166667%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 40px;
  margin: 0 auto;
  padding-bottom: 70px;
}
@media screen and (max-width: 800px) {
  .q07-area {
    width: 90%;
    padding: 0 3% 70px 3%;
  }
}
.q07-area > div {
  width: calc((100% - 120px) / 3);
}
@media screen and (max-width: 800px) {
  .q07-area > div {
    width: calc((100% - 30px) / 2);
  }
}

.data-area {
  width: 100%;
  display: grid;
  grid-template-columns: auto 67.1875% auto;
  grid-template-rows: auto;
  min-height: 0;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .data-area {
    grid-template-columns: 2% auto 2%;
    grid-template-rows: auto;
  }
}
.data-area .data-bk-img {
  grid-column: 2/3;
  grid-row: 1/4;
}
@media screen and (max-width: 800px) {
  .data-area .data-bk-img {
    grid-column: 1/4;
    grid-row: 1/4;
  }
}
.data-area .data-bk-img > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.data-area .data-bk-img > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.data-area .data-title {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 7.7519379845% 0 7.7519379845% 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 40px;
}
@media screen and (max-width: 800px) {
  .data-area .data-title {
    padding: 60px 0;
    column-gap: 5px;
  }
}
.data-area .data-title .data-icon {
  width: 80px;
}
@media screen and (max-width: 800px) {
  .data-area .data-title .data-icon {
    width: 50px;
  }
}
.data-area .data-title .data-txt {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .data-area .data-title .data-txt {
    font-size: 24px;
  }
}
.data-area .data-area {
  grid-column: 2/3;
  grid-row: 2/3;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 80px;
  padding: 0 3.1007751938%;
}
@media screen and (max-width: 800px) {
  .data-area .data-area {
    row-gap: 40px;
    padding: 0;
  }
}
.data-area .data-area .data-item {
  width: 33.3333333333%;
}
@media screen and (max-width: 800px) {
  .data-area .data-area .data-item {
    width: 50%;
  }
}
.data-area .data-caption {
  grid-column: 2/3;
  grid-row: 3/4;
  padding: 7.7519379845% 0 4.6511627907% 0;
}
@media screen and (max-width: 800px) {
  .data-area .data-caption {
    padding: 60px 0 40px 0;
  }
}
.data-area .data-caption > p {
  font-size: 16px;
  text-align: center;
}