*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

:where(figure) {
  margin: 0;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul,
li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

address {
  font-style: normal;
}

summary {
  display: block;
}

summary::-webkit-details-marker {
  display: none;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  background: linear-gradient(252deg, #A1C4FD 2.62%, #C2E9FB 58.2%, #D1EFFC 97.37%);
  height: 100vh;
  height: 100svh;
}
@media (width >= 1200px) {
  body {
    min-height: 780px;
  }
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.sp-hidden {
  display: none;
}
@media (width >= 768px) {
  .sp-hidden {
    display: block;
  }
}

.sp-hidden--lg {
  display: none;
}
@media (width >= 900px) {
  .sp-hidden--lg {
    display: block;
  }
}

@media (width >= 768px) {
  .pc-hidden {
    display: none;
  }
}

@media (width >= 600px) {
  .pc-hidden--sm {
    display: none;
  }
}

@media (width >= 900px) {
  .pc-hidden--lg {
    display: none;
  }
}

@media (width >= 1200px) {
  .pc-hidden--xl {
    display: none;
  }
}

@media (width >= 1400px) {
  .pc-hidden--xxl {
    display: none;
  }
}

.header {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
@media (width >= 768px) {
  .header {
    position: fixed;
    inset: 0;
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}

@media (width >= 768px) {
  .header__inner {
    width: 768px;
    margin-inline: auto;
    padding-top: 10px;
    padding-left: 10px;
  }
}
@media (width >= 1200px) {
  .header__inner {
    width: min(1640px, 100%);
    padding-top: 20px;
    padding-left: 20px;
    margin-inline: auto;
  }
}

@media (width >= 768px) {
  .header__logo img {
    width: 105.5px;
  }
}
@media (width >= 1200px) {
  .header__logo img {
    width: 211px;
  }
}

.survey__wrapper {
  height: 100vh;
  height: 100svh;
}
@media (width >= 768px) {
  .survey__wrapper::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    height: 100svh;
    aspect-ratio: 1600/1024;
    background: url(../img/bg-pc.webp) no-repeat center center/cover;
  }
}

@media (width >= 768px) {
  .survey__inner {
    width: 768px;
    height: 100%;
    margin-inline: auto;
    position: relative;
  }
}
.survey__left-container {
  display: none;
}
@media (width >= 1200px) {
  .survey__left-container {
    display: block;
    position: fixed;
    top: min(191px, 18.65vh);
    top: min(191px, 18.65svh);
    left: calc(50% - clamp(432px, 162px + 22.5vw, 522px));
    translate: -50%;
  }
  .survey__left-container img {
    width: clamp(320px, -265px + 48.75vw, 515px);
  }
}

.survey__right-container {
  display: none;
}
@media (width >= 768px) {
  .survey__right-container {
    display: block;
    position: absolute;
    top: 10vh;
    left: 410px;
  }
}
@media (width >= 1200px) {
  .survey__right-container {
    position: fixed;
    top: min(160px, 15.65vh);
    top: min(160px, 15.65svh);
    left: 70.5vw;
  }
}

.survey__img-person img {
  width: 320px;
}
@media (width >= 1200px) {
  .survey__img-person img {
    width: clamp(320px, 71px + 20.75vw, 403px);
  }
}

.survey__img-list {
  margin-top: 26px;
  padding-left: 10px;
}
.survey__img-list img {
  width: 304px;
}
@media (width >= 1200px) {
  .survey__img-list img {
    width: clamp(304px, 85px + 18.25vw, 377px);
  }
}

.survey__swiper-container,
.survey__swiper,
.survey__swiper-wrapper,
.survey__swiper-slide {
  position: relative;
}

.survey__swiper-container {
  overflow: hidden;
  height: 100vh;
  background: -webkit-gradient(linear, right top, left top, from(#48C6EF), to(#6F86D6));
  background: linear-gradient(270deg, #48C6EF 0%, #6F86D6 100%);
  padding-bottom: calc(65 / 510 * 100vw);
  position: relative;
  margin-inline: auto;
}
.survey__swiper-container::before {
  content: "";
  position: absolute;
  top: calc(-166 / 510 * 100vw);
  left: calc(-143 / 510 * 100vw);
  width: calc(670 / 510 * 100vw);
  height: auto;
  aspect-ratio: 670/835;
  background: url(../img/person-bg.webp) no-repeat center center/cover;
}
@media (width >= 768px) {
  .survey__swiper-container {
    position: fixed;
    top: 45px;
    width: 510px;
    height: calc(200vh - 45px);
    height: calc(200svh - 45px);
    padding-bottom: 65px;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    scale: 0.75;
  }
  .survey__swiper-container::before {
    top: -166px;
    left: -143px;
    width: 670px;
  }
}
@media (width >= 1200px) {
  .survey__swiper-container {
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50%;
    width: 510px;
    height: 120vh;
    height: 120svh;
    scale: 0.9;
  }
}
@media (width >= 1400px) {
  .survey__swiper-container {
    scale: 1;
  }
}
@media (width >= 1400px) and (height < 908px) {
  .survey__swiper-container {
    top: 0;
    height: 100vh;
    height: 100svh;
  }
}
@media (width >= 1400px) and (height >= 908px) {
  .survey__swiper-container {
    top: clamp(30px, 30px + (100vh - 908px) * 45 / (1024 - 908), 75px);
    height: min(95vh, 907px);
    height: min(95svh, 907px);
  }
}
.survey__swiper-container.is-over {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width >= 768px) {
  .survey__swiper-container.is-over {
    display: block;
  }
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  padding: 0;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
}

.swiper-button-prev,
.swiper-button-next {
  width: calc(25 / 510 * 100vw);
  height: calc(25 / 510 * 100vw);
  -webkit-transition: opacity 0.3s ease !important;
  transition: opacity 0.3s ease !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  position: absolute;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
}
@media (width >= 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 25px;
    height: 25px;
  }
}
@media (any-hover: hover) {
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.swiper-button-prev {
  top: calc(656 / 510 * 100vw);
  left: calc(8 / 510 * 100vw);
}
.swiper-button-prev::after {
  width: 100%;
  height: 100%;
  inset: 0;
  background: url(../img/arrow-prev.svg) no-repeat center center/cover;
}
@media (width >= 768px) {
  .swiper-button-prev {
    top: 656px;
  }
}
@media (width >= 1200px) {
  .swiper-button-prev {
    top: 72vh;
    left: 8px;
  }
}
@media (width >= 1400px) {
  .swiper-button-prev {
    top: 64vh;
    left: 8px;
  }
}

.swiper-button-next {
  top: calc(656 / 510 * 100vw);
  right: calc(8 / 510 * 100vw);
}
.swiper-button-next::after {
  width: 100%;
  height: 100%;
  inset: 0;
  background: url(../img/arrow-next.svg) no-repeat center center/cover;
}
@media (width >= 768px) {
  .swiper-button-next {
    top: 656px;
  }
}
@media (width >= 1200px) {
  .swiper-button-next {
    top: 72vh;
    right: 8px;
  }
}
@media (width >= 1400px) {
  .swiper-button-next {
    top: 64vh;
    right: 8px;
  }
}

.survey-container {
  position: relative;
}
.survey-container::before {
  content: "";
  position: absolute;
  top: calc(1 / 510 * 100vw);
  width: 100%;
  height: calc(668 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey-container::before {
    top: 1px;
    height: 668px;
  }
}

.survey__container--1::before {
  background: url(../img/slide1-person.webp) no-repeat center center/cover;
}

.survey__container--2::before {
  background: url(../img/slide2-person.webp) no-repeat center center/cover;
}

.survey__container--3::before {
  background: url(../img/slide3-person.webp) no-repeat center center/cover;
}

.survey__container--4::before {
  background: url(../img/slide4-person.webp) no-repeat center center/cover;
}

.survey__container--5::before {
  background: url(../img/slide5-person.webp) no-repeat center center/cover;
}

.survey__container--6::before {
  background: url(../img/slide6-person.webp) no-repeat center center/cover;
}

.survey-container__inner {
  position: relative;
  width: calc(510 / 510 * 100vw);
  padding-top: calc(500 / 510 * 100vw);
  padding-inline: calc(47 / 510 * 100vw);
  margin-inline: auto;
}
@media (width >= 768px) {
  .survey-container__inner {
    width: 510px;
    padding-top: 500px;
    padding-inline: 47px;
  }
}
@media (width >= 1200px) and (height < 850px) {
  .survey-container__inner {
    padding-top: 55vh;
    padding-top: 55svh;
  }
}
@media (width >= 1400px) and (height < 865px) {
  .survey-container__inner {
    padding-top: 55vh;
    padding-top: 55svh;
  }
}

.survey__title {
  position: absolute;
}

.survey__title--1 {
  top: calc(33 / 510 * 100vw);
  right: 0;
}
.survey__title--1 img {
  width: calc(377 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--1 {
    top: 28px;
  }
  .survey__title--1 img {
    width: 377px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--1 {
    top: 1vh;
    top: 1svh;
  }
  .survey__title--1 img {
    width: 42.5vh;
    width: 42.5svh;
  }
}

.survey__title--2 {
  top: 0;
  left: 0;
}
.survey__title--2 img {
  width: calc(438 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--2 img {
    width: 438px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--2 {
    top: -2vh;
    top: -2svh;
  }
  .survey__title--2 img {
    width: 50.7vh;
    width: 50.7svh;
  }
}

.survey__title--3 {
  top: 0;
  left: 0;
}
.survey__title--3 img {
  width: calc(431 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--3 img {
    width: 431px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--3 {
    top: -2vh;
    top: -2svh;
  }
  .survey__title--3 img {
    width: 50vh;
    width: 50svh;
  }
}

.survey__title--4 {
  top: 0;
  left: 0;
}
.survey__title--4 img {
  width: calc(431 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--4 img {
    width: 431px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--4 {
    top: -1vh;
    top: -1svh;
  }
  .survey__title--4 img {
    width: 49vh;
    width: 49svh;
  }
}

.survey__title--5 {
  top: 0;
  right: 0;
}
.survey__title--5 img {
  width: calc(380 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--5 img {
    width: 380px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--5 {
    top: -2vh;
    top: -2svh;
  }
  .survey__title--5 img {
    width: 44vh;
    width: 44svh;
  }
}

.survey__title--6 {
  top: 0;
  right: 0;
}
.survey__title--6 img {
  width: calc(431 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__title--6 img {
    width: 431px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__title--6 {
    top: -1vh;
    top: -1svh;
  }
  .survey__title--6 img {
    width: 49.8vh;
    width: 49.8svh;
  }
}

.survey__badge {
  position: absolute;
}

.survey__badge--1 {
  top: calc(365 / 510 * 100vw);
  right: calc(51 / 510 * 100vw);
}
.survey__badge--1 img {
  width: calc(266 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__badge--1 {
    top: 365px;
    right: 51px;
  }
  .survey__badge--1 img {
    width: 266px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__badge--1 {
    top: 39vh;
    top: 39svh;
  }
  .survey__badge--1 img {
    width: 30.65vh;
    width: 30.65svh;
  }
}

.survey__badge--4 {
  top: calc(348 / 510 * 100vw);
  right: calc(6 / 510 * 100vw);
}
.survey__badge--4 img {
  width: calc(152 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__badge--4 {
    top: 348px;
    right: 6px;
  }
  .survey__badge--4 img {
    width: 152px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__badge--4 {
    top: 37vh;
    top: 37svh;
  }
  .survey__badge--4 img {
    width: 17.5vh;
    width: 17.5svh;
  }
}

.survey__badge--6 {
  top: calc(263 / 510 * 100vw);
  left: calc(38 / 510 * 100vw);
}
.survey__badge--6 img {
  width: calc(420 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__badge--6 {
    top: 263px;
    left: 38px;
  }
  .survey__badge--6 img {
    width: 420px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__badge--6 {
    top: 28.5vh;
    top: 28.5svh;
    left: 55px;
  }
  .survey__badge--6 img {
    width: 380px;
  }
}

.survey__list {
  position: absolute;
}

.survey__list--2 {
  top: calc(303 / 510 * 100vw);
  left: calc(17 / 510 * 100vw);
}
.survey__list--2 img {
  width: calc(353 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__list--2 {
    top: 303px;
    left: 17px;
  }
  .survey__list--2 img {
    width: 353px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__list--2 {
    top: 33vh;
    top: 33svh;
  }
  .survey__list--2 img {
    width: 40vh;
    width: 40svh;
  }
}

.survey__list--3 {
  top: calc(315 / 510 * 100vw);
  left: calc(17 / 510 * 100vw);
}
.survey__list--3 img {
  width: calc(364 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__list--3 {
    top: 315px;
    left: 17px;
  }
  .survey__list--3 img {
    width: 364px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__list--3 {
    top: 33.5vh;
    top: 33.5svh;
  }
  .survey__list--3 img {
    width: 40vh;
    width: 40svh;
  }
}

.survey__list--4 {
  top: calc(315 / 510 * 100vw);
  left: calc(17 / 510 * 100vw);
}
.survey__list--4 img {
  width: calc(360 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__list--4 {
    top: 315px;
    left: 17px;
  }
  .survey__list--4 img {
    width: 360px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__list--4 {
    top: 33.5vh;
    top: 33.5svh;
  }
  .survey__list--4 img {
    width: 40vh;
    width: 40svh;
  }
}

.survey__list--5 {
  top: calc(279 / 510 * 100vw);
  right: calc(22 / 510 * 100vw);
}
.survey__list--5 img {
  width: calc(301 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__list--5 {
    top: 279px;
    right: 22px;
  }
  .survey__list--5 img {
    width: 301px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__list--5 {
    top: 29.275vh;
    top: 29.275svh;
  }
  .survey__list--5 img {
    width: 34.7vh;
    width: 34.7svh;
  }
}

.survey__text {
  position: absolute;
  top: calc(466 / 510 * 100vw);
  right: calc(30 / 510 * 100vw);
  color: #FFF;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(12 / 510 * 100vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: calc(-0.6 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey__text {
    top: 466px;
    right: 30px;
    font-size: 1.2rem;
    letter-spacing: -0.6px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__text {
    top: 50.525vh;
    top: 50.525svh;
  }
}

.survey-form {
  position: relative;
  padding: calc(22 / 510 * 100vw) calc(28 / 510 * 100vw) calc(23 / 510 * 100vw);
  z-index: 1;
}
.survey-form::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url(../img/question-box.webp) no-repeat center center/cover;
}
@media (width >= 768px) {
  .survey-form {
    padding: 22px 28px 23px;
  }
}

.survey-form__inner {
  position: relative;
  z-index: 1;
}

.survey-form__title {
  color: #FFF;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(20 / 510 * 100vw);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(1 / 510 * 100vw);
  text-align: center;
  padding-bottom: calc(11 / 510 * 100vw);
  position: relative;
}
.survey-form__title::after {
  content: "";
  position: absolute;
  width: calc(200 / 510 * 100vw);
  height: calc(7 / 510 * 100vw);
  bottom: 0;
  left: 50%;
  translate: -50%;
  background: url(../img/title-border.svg) no-repeat center center/cover;
}
@media (width >= 768px) {
  .survey-form__title {
    font-size: 2rem;
    letter-spacing: 1px;
    padding-bottom: 11px;
  }
  .survey-form__title::after {
    width: 200px;
    height: 7px;
  }
}

.survey-form__list {
  margin-top: calc(10 / 510 * 100vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(8 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey-form__list {
    margin-top: 10px;
    gap: 8px;
  }
}

.survey-form__option {
  display: block;
  border-radius: calc(4 / 510 * 100vw);
  border: 1px solid #C5A96C;
  background-color: #FFF;
  padding-block: calc(17 / 510 * 100vw) calc(15 / 510 * 100vw);
  padding-inline: calc(15 / 510 * 100vw);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.survey-form__option input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.survey-form__option span {
  display: block;
  color: #2C4E88;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(16 / 510 * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(0.8 / 510 * 100vw);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.survey-form__option span::after {
  content: "";
  position: absolute;
  top: calc(50% - 2 / 510 * 100vw);
  right: 0;
  translate: 0 -50%;
  width: calc(9.5 / 510 * 100vw);
  height: calc(12.5 / 510 * 100vw);
  background: url(../img/icon-btn.svg) no-repeat center center/cover;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.survey-form__option:has(input:checked) {
  background-color: #C5A96C;
}
@media (width >= 768px) {
  .survey-form__option {
    border-radius: 4px;
    padding-block: 18px 14px;
    padding-inline: 15px;
  }
  .survey-form__option span {
    font-size: 1.6rem;
    letter-spacing: 0.8px;
  }
  .survey-form__option span::after {
    top: calc(50% - 2px);
    width: 9.5px;
    height: 12.5px;
  }
}
@media (any-hover: hover) {
  .survey-form__option:not(:has(input:checked)):hover {
    cursor: pointer;
    opacity: 0.7;
  }
}

.survey-form__text {
  margin-top: calc(8 / 510 * 100vw);
  color: rgba(255, 255, 255, 0.7);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(12 / 510 * 100vw);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: calc(-0.6 / 510 * 100vw);
}
.survey-form__text.survey-form__text--1 {
  margin-top: calc(6 / 510 * 100vw);
}
.survey-form__text.survey-form__text--2 {
  padding-left: calc(3 / 510 * 100vw);
}
.survey-form__text.survey-form__text--3 {
  padding-left: calc(5 / 510 * 100vw);
}
.survey-form__text.survey-form__text--4 {
  padding-left: calc(5 / 510 * 100vw);
}
.survey-form__text.survey-form__text--5 {
  padding-left: calc(5 / 510 * 100vw);
}
.survey-form__text.survey-form__text--6 {
  padding-left: calc(5 / 510 * 100vw);
}
@media (width >= 768px) {
  .survey-form__text {
    margin-top: 8px;
    font-size: 1.2rem;
    letter-spacing: -0.6px;
  }
  .survey-form__text.survey-form__text--1 {
    margin-top: 6px;
  }
  .survey-form__text.survey-form__text--2 {
    padding-left: 3px;
  }
  .survey-form__text.survey-form__text--3 {
    padding-left: 5px;
  }
  .survey-form__text.survey-form__text--4 {
    padding-left: 5px;
  }
  .survey-form__text.survey-form__text--5 {
    padding-left: 5px;
  }
  .survey-form__text.survey-form__text--6 {
    padding-left: 5px;
  }
}

.survey__btn-wrapper {
  position: absolute;
  width: calc(408 / 510 * 100vw);
  top: calc(423 / 510 * 100vw);
  left: 50%;
  translate: -50%;
  -webkit-animation: floatUpDown 2s ease-in-out infinite;
  animation: floatUpDown 2s ease-in-out infinite;
}
@media (width >= 768px) {
  .survey__btn-wrapper {
    width: 408px;
    top: 423px;
  }
}
@media (width >= 1200px) and (height < 865px) {
  .survey__btn-wrapper {
    top: 46vh;
    top: 46svh;
  }
}
.survey__btn-wrapper.survey__btn-wrapper--small {
  position: static;
  padding-inline: 16px 19px;
  width: auto;
  translate: 0;
}

@-webkit-keyframes floatUpDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes floatUpDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.survey__btn {
  display: block;
  text-align: center;
  padding-block: calc(12 / 510 * 100vw) calc(9 / 510 * 100vw);
  border-radius: calc(8.467 / 510 * 100vw);
  border: calc(2.117 / 510 * 100vw) solid #004D20;
  background: #04C854;
  -webkit-box-shadow: 0 calc(4.234 / 510 * 100vw) 0 0 #004D20;
          box-shadow: 0 calc(4.234 / 510 * 100vw) 0 0 #004D20;
  color: #FFF;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(20 / 510 * 100vw);
  font-weight: 700;
  line-height: 2;
  padding-left: calc(43 / 510 * 100vw);
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.survey__btn::before {
  content: "";
  position: absolute;
  width: calc(37 / 510 * 100vw);
  height: calc(35 / 510 * 100vw);
  top: 50%;
  left: calc(68 / 510 * 100vw);
  translate: 0 -50%;
  background: url(../img/icon-line.svg) no-repeat center center/cover;
}
@media (width >= 768px) {
  .survey__btn {
    padding-block: 12px 9px;
    border-radius: 8.467px;
    border: 2.117px solid #004D20;
    -webkit-box-shadow: 0 4.234px 0 0 #004D20;
            box-shadow: 0 4.234px 0 0 #004D20;
    font-size: 2rem;
    padding-left: 43px;
  }
  .survey__btn::before {
    width: 37px;
    height: 35px;
    left: 68px;
  }
}
.survey__btn.survey__btn--small {
  padding-block: 12px 9px;
  border-radius: 8.467px;
  border: 2.117px solid #004D20;
  -webkit-box-shadow: 0 4.234px 0 0 #004D20;
          box-shadow: 0 4.234px 0 0 #004D20;
  padding-left: 45px;
  font-size: clamp(1.7rem, 11.654px + 0.696vw, 2rem);
}
.survey__btn.survey__btn--small::before {
  width: 37px;
  height: 35px;
  left: clamp(24px, -65.095px + 11.601vw, 74px);
}
@media (width >= 768px) {
  .survey__btn.survey__btn--small {
    font-size: clamp(1.7rem, 8px + 0.75vw, 2rem);
  }
  .survey__btn.survey__btn--small::before {
    left: clamp(24px, -51px + 6.25vw, 49px);
  }
}
@media (any-hover: hover) {
  .survey__btn:hover {
    cursor: pointer;
    -webkit-transform: translateY(4.234px);
            transform: translateY(4.234px);
    -webkit-box-shadow: 0 0 0 0 #004D20;
            box-shadow: 0 0 0 0 #004D20;
  }
}

.swiper-progress {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(5.44 / 510 * 100vw);
  top: calc(13 / 510 * 100vw);
  left: 50%;
  translate: -50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(5.4 / 510 * 100vw);
}
@media (width >= 768px) {
  .swiper-progress {
    height: 5.44px;
    top: 13px;
    gap: 5.4px;
  }
}

.swiper-progress__bar {
  width: calc(74.8 / 510 * 100vw);
  height: calc(5.44 / 510 * 100vw);
  background-color: #FFF;
  position: relative;
}
.swiper-progress__bar::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0px;
  height: 100%;
  background-color: #112558;
}
.swiper-progress__bar.is-active::after {
  width: 100%;
}
@media (width >= 768px) {
  .swiper-progress__bar {
    width: 74.8px;
    height: 5.44px;
  }
}