.mv {
  background: unset;
}

.inner {
  position: relative;
  background: #f8f7f5;
  padding-top: 0;
}

.intro__lead {
  font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .intro__lead {
    text-align: left;
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey__list {
  border: 1px solid #fff;
  padding: calc(24 / var(--base-full-width) * var(--inner-width) * 1px) calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
  width: calc(988 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey__list {
    width: 100%;
  }
}

.intro-nav {
  margin-left: 0;
}

.intro-nav__link {
  padding: calc(12 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1;
}
@media only screen and (max-width: 47.9375em) {
  .intro-nav__link {
    font-size: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey__title {
  font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 1.25;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey__title {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
    gap: calc(8 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-bottom: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey__title::before {
  display: block;
  content: "";
  width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  height: 1px;
  background: #333;
}
@media only screen and (max-width: 47.9375em) {
  .survey__title::before {
    width: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.about {
  width: calc(988 / var(--base-full-width) * var(--inner-width) * 1px);
  padding: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: calc(56 / var(--base-full-width) * var(--inner-width) * 1px);
  border: 1px solid #fff;
}
@media only screen and (max-width: 47.9375em) {
  .about {
    width: 100%;
    padding: 0;
    margin-bottom: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.about > img {
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}

.about .survey__title {
  font-size: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .about .survey__title {
    font-size: calc(18 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey-inner {
  margin: calc(80 / var(--base-full-width) * var(--inner-width) * 1px) 0 calc(40 / var(--base-full-width) * var(--inner-width) * 1px) calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  width: calc(988 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-inner {
    width: 100%;
    margin: calc(80 / var(--base-full-width) * var(--inner-width) * 1px) 0;
  }
}
.survey-inner.end {
  padding-bottom: calc(80 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-bottom: 0;
}

.survey-contents + .survey-contents {
  margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-contents + .survey-contents {
    margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey-data {
  padding: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  border: 1px solid #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-data {
    padding: calc(24 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey-voice {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  margin-top: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-voice {
    margin-top: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-voice li {
  width: calc(444 / var(--base-full-width) * var(--inner-width) * 1px);
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
  padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px) calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  background: #fff;
}
@media only screen and (max-width: 47.9375em) {
  .survey-voice li {
    width: 100%;
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
    padding: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-voice li img {
  width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  height: auto;
}
@media only screen and (max-width: 47.9375em) {
  .survey-voice li img {
    width: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-voice li span {
  letter-spacing: -0.02em;
}

.survey-contents.survey-1data {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.survey-contents.survey-1data .survey-data {
  width: 100%;
}
.survey-contents.survey-1data .survey-data > img {
  width: calc(402 / var(--base-full-width) * var(--inner-width) * 1px);
  margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
  .survey-contents.survey-1data .survey-data > img {
    width: 100%;
  }
}

.survey-contents.survey-2data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-contents.survey-2data {
    flex-direction: column;
    gap: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey-contents__voice {
  padding: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
  border: 1px solid #fff;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-contents__voice {
    padding: calc(24 / var(--base-full-width) * var(--inner-width) * 1px) calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-contents__voice .survey-voice li {
  width: calc(290 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-contents__voice .survey-voice li {
    width: 100%;
  }
}

.survey-data07 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(40 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-data07 {
    flex-direction: column;
    align-items: center;
    gap: calc(16 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-data07 > img {
  width: calc(402 / var(--base-full-width) * var(--inner-width) * 1px);
  height: auto;
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-data07 > img {
    width: 100%;
    border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}
.survey-data07 .survey-voice {
  margin-top: 0;
}

.survey-note {
  font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
  line-height: 2;
  margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
}
@media only screen and (max-width: 47.9375em) {
  .survey-note {
    font-size: calc(14 / var(--base-full-width) * var(--inner-width) * 1px);
    margin-top: calc(24 / var(--base-full-width) * var(--inner-width) * 1px);
  }
}

.survey-data picture img,
.survey-data > img {
  border-radius: calc(4 / var(--base-full-width) * var(--inner-width) * 1px);
}/*# sourceMappingURL=survey.css.map */