@charset "UTF-8";
/* ========== ========== ==========
個別部
========== ========== ========== */
body {
  counter-reset: number-counter;
}

.FVSubPage2 {
  height: initial;
  margin-top: clamp(100px, calc(200 / var(--base-width-pc) * 100vw), 200px);
  margin-bottom: clamp(116.67px, calc(175 / var(--base-width-pc) * 100vw), 175px);
}
.FVSubPage2 .sectionWrap2 {
  inset: initial;
  transform: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .FVSubPage2_title {
    padding-left: 8px;
    margin-bottom: 30px;
  }
}
.FVSubPage2_body {
  position: relative;
}
.FVSubPage2_body_title {
  background-color: #41B25D;
}
@media screen and (max-width: 1200px) {
  .FVSubPage2_body_text2 {
    padding: 0;
  }
}
.FVSubPage2_image {
  position: absolute;
}
.FVSubPage2_image.-n01 {
  left: 0;
  top: 55%;
  transform: translate(0, -50%);
  width: clamp(48.5px, calc(97 / var(--base-width-pc) * 100vw), 97px);
}
@media screen and (max-width: 1200px) {
  .FVSubPage2_image.-n01 {
    top: initial;
    transform: none;
    left: 10px;
    top: initial;
    bottom: calc(clamp(40px, calc(80 / var(--base-width-pc) * 100vw), 80px) * -1);
  }
}
.FVSubPage2_image.-n02 {
  top: -20px;
  right: 0;
  width: clamp(103px, calc(206 / var(--base-width-pc) * 100vw), 206px);
}
@media screen and (max-width: 500px) {
  .FVSubPage2_image.-n02 {
    top: 0;
  }
}
.FVSubPage2_image.-n03 {
  bottom: calc(clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px) * -1);
  right: clamp(33.33px, calc(50 / var(--base-width-pc) * 100vw), 50px);
  width: clamp(74.5px, calc(149 / var(--base-width-pc) * 100vw), 149px);
}

.survey {
  margin-bottom: 120px;
}
.survey_title {
  position: absolute;
  top: 0;
  left: min(calc(100 / var(--base-width-pc) * 100vw), 100px);
  right: min(calc(100 / var(--base-width-pc) * 100vw), 100px);
  max-width: 1200px;
  margin-inline: auto;
  background-color: white;
  border: solid 2px #41B25D;
  color: #41B25D;
  padding: clamp(10px, calc(15 / var(--base-width-pc) * 100vw), 15px) clamp(10px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  font-size: clamp(18px, calc(22 / var(--base-width-pc) * 100vw), 22px);
  transform: translate(0, -50%);
  counter-increment: number-counter;
  display: flex;
}
.survey_title .number {
  flex-shrink: 0;
  margin-right: clamp(10px, calc(70 / var(--base-width-pc) * 100vw), 70px);
}
.survey_title .number::after {
  content: counter(number-counter);
}
@media screen and (max-width: 768px) {
  .survey_title .number {
    margin-right: calc(15 / var(--base-width-sp) * 100vw);
  }
}
.survey_body {
  background-color: #F0EEE4;
  padding: 82px min(calc(50 / var(--base-width-pc) * 100vw), 50px) clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  position: relative;
}
.survey_body:first-of-type:not(:last-of-type) {
  padding-bottom: calc(clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px) + clamp(40px, calc(60 / var(--base-width-pc) * 100vw), 60px));
}
.survey_body_inner {
  max-width: 1200px;
  margin-inline: auto;
}
.survey_category {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(16px, calc(18 / var(--base-width-pc) * 100vw), 18px);
  font-weight: 600;
}
.survey_categoryWrap {
  display: flex;
  justify-content: space-between;
  gap: 20px 10px;
  margin-bottom: 40px;
  margin-inline: auto;
}
.survey_categoryWrap:where(.q4 *, .q7 *, .q8 *) {
  justify-content: flex-start;
  gap: clamp(40px, calc(80 / var(--base-width-pc) * 100vw), 80px);
}
@media screen and (max-width: 1000px) {
  .survey_categoryWrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.survey_category_span {
  display: inline-block;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.survey_category:nth-of-type(1) .survey_category_span {
  background-color: #009BA8;
}
.survey_category:nth-of-type(2) .survey_category_span {
  background-color: #1476FB;
}
.survey_category:nth-of-type(3) .survey_category_span {
  background-color: #6E5FE5;
}
.survey_category:nth-of-type(4) .survey_category_span, .survey_category:last-of-type .survey_category_span {
  background-color: #7693BA;
}
.survey_category:nth-of-type(5) .survey_category_span {
  background-color: #ADB1B5;
}
.survey_percent {
  color: white;
  width: 25%;
  text-align: center;
  font-size: clamp(12px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  padding: 3px 0;
  letter-spacing: 0.04rem;
  position: relative;
}
.survey_percents {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-inline: auto;
}
.survey_percent, .survey_percent * {
  font-weight: 500;
}
.survey_percent:nth-of-type(1) {
  background-color: #009BA8;
}
.survey_percent:nth-of-type(1):where(.q1 *) {
  width: 7%;
}
.survey_percent:nth-of-type(1):where(.q2 *) {
  width: 2%;
}
.survey_percent:nth-of-type(1):where(.q3 *) {
  width: 11%;
}
.survey_percent:nth-of-type(1):where(.q4 *) {
  width: 82%;
}
.survey_percent:nth-of-type(1):where(.q5 *) {
  width: 50%;
}
.survey_percent:nth-of-type(1):where(.q6 *) {
  width: 27%;
}
.survey_percent:nth-of-type(1):where(.q7 *) {
  width: 25%;
}
.survey_percent:nth-of-type(1):where(.q8 *) {
  width: 82%;
}
.survey_percent:nth-of-type(2) {
  background-color: #1476FB;
}
.survey_percent:nth-of-type(2):where(.q1 *) {
  width: 61%;
}
.survey_percent:nth-of-type(2):where(.q2 *) {
  width: 52%;
}
.survey_percent:nth-of-type(2):where(.q3 *) {
  width: 11%;
}
.survey_percent:nth-of-type(2):where(.q4 *) {
  width: 9%;
}
.survey_percent:nth-of-type(2):where(.q5 *) {
  width: 30%;
}
.survey_percent:nth-of-type(2):where(.q6 *) {
  width: 51%;
}
.survey_percent:nth-of-type(2):where(.q7 *) {
  width: 71%;
}
.survey_percent:nth-of-type(2):where(.q8 *) {
  width: 17%;
}
.survey_percent:nth-of-type(3) {
  background-color: #6E5FE5;
}
.survey_percent:nth-of-type(3):where(.q1 *) {
  width: 30%;
}
.survey_percent:nth-of-type(3):where(.q2 *) {
  width: 22%;
}
.survey_percent:nth-of-type(3):where(.q3 *) {
  width: 45%;
}
.survey_percent:nth-of-type(3):where(.q4 *) {
  width: 7%;
}
.survey_percent:nth-of-type(3):where(.q5 *) {
  width: 11%;
}
.survey_percent:nth-of-type(3):where(.q6 *) {
  width: 17%;
}
.survey_percent:nth-of-type(3):where(.q7 *) {
  width: 3%;
}
.survey_percent:nth-of-type(3):where(.q8 *) {
  width: 1%;
}
.survey_percent:nth-of-type(4), .survey_percent:last-of-type {
  background-color: #7693BA;
}
.survey_percent:nth-of-type(4):where(.q1 *), .survey_percent:last-of-type:where(.q1 *) {
  width: 2%;
}
.survey_percent:nth-of-type(4):where(.q2 *), .survey_percent:last-of-type:where(.q2 *) {
  width: 24%;
}
.survey_percent:nth-of-type(4):where(.q3 *), .survey_percent:last-of-type:where(.q3 *) {
  width: 28%;
}
.survey_percent:nth-of-type(4):where(.q4 *), .survey_percent:last-of-type:where(.q4 *) {
  width: 2%;
}
.survey_percent:nth-of-type(4):where(.q5 *), .survey_percent:last-of-type:where(.q5 *) {
  width: 9%;
}
.survey_percent:nth-of-type(4):where(.q6 *), .survey_percent:last-of-type:where(.q6 *) {
  width: 5%;
}
.survey_percent:nth-of-type(4):where(.q7 *), .survey_percent:last-of-type:where(.q7 *) {
  width: 1%;
}
.survey_percent:nth-of-type(5) {
  background-color: #ADB1B5;
}
.survey_percent:nth-of-type(5):where(.q3 *) {
  width: 5%;
}
.survey_percent_span {
  position: absolute;
  top: 0;
  transform: translate(0, -115%);
  color: #7693BA;
  display: flex;
  gap: clamp(5px, calc(11 / var(--base-width-pc) * 100vw), 11px);
  width: 70px;
  justify-content: flex-end;
}
.survey_percent_span:has(.-p1) {
  right: clamp(2px, calc(6 / var(--base-width-pc) * 100vw), 6px);
}
.survey_percent_span:has(.-p2) {
  right: clamp(4px, calc(12 / var(--base-width-pc) * 100vw), 12px);
}
.survey_percent_span:has(.-p3) {
  right: clamp(6px, calc(18 / var(--base-width-pc) * 100vw), 18px);
}
.survey_percent_span:has(.-p4) {
  right: clamp(8px, calc(24 / var(--base-width-pc) * 100vw), 24px);
}
.survey_percent_span:has(.-p5) {
  right: clamp(10px, calc(30 / var(--base-width-pc) * 100vw), 30px);
}
.survey_percent_span:where(*.-left *) {
  flex-direction: row-reverse;
  transform: translate(0%, -115%);
  right: initial;
  left: min(calc(15 / var(--base-width-pc) * 100vw), 15px);
  color: #009BA8;
}
.survey_percent_span:where(*.-gray *) {
  color: #ADB1B5;
}
.survey_percent_span:where(*.-bottom *) {
  top: initial;
  transform: translate(2%, 115%);
}
.survey_percent_span_text {
  line-height: 1;
  display: block;
  flex-shrink: 0;
}
.survey_percent_image {
  position: relative;
  top: clamp(8px, calc(13 / var(--base-width-pc) * 100vw), 13px);
  width: 13px;
  height: 25px;
  display: block;
  flex-shrink: 0;
}
.survey_percent_image:where(*.-left *) {
  transform: rotate3d(0, 1, 0, 180deg);
}
.survey_percent_image:where(*.-bottom *) {
  top: initial;
  bottom: clamp(15px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  transform: rotate3d(1, 0, 0, 180deg);
}
.survey_text1 {
  font-size: 16px;
  line-height: 2;
}

.environment {
  background-color: transparent;
}

/* 個別部ここまで
---------- ---------- */