@charset "utf-8";
.p-top-fv {
  -webkit-padding-before: 4.375rem;
          padding-block-start: 4.375rem;
}
@media (min-width: 768px) {
  .p-top-fv {
    -webkit-padding-before: 6.25rem;
            padding-block-start: 6.25rem;
  }
}

.p-top-fv__inner {
  width: 100%;
  max-width: 650px;
  padding: 0 1.5625rem;
  margin-inline: auto;
  height: inherit;
}
@media (min-width: 768px) {
  .p-top-fv__inner {
    width: 100%;
    max-width: 85.375rem;
    padding: 0 0 0 2.5rem;
  }
}

.p-top-fv__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-fv__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-top-fv__swiper {
  width: 100%;
  aspect-ratio: 1/0.7;
}
@media (min-width: 768px) {
  .p-top-fv__swiper {
    width: 50%;
    aspect-ratio: 1/1;
  }
}

.p-top-fv__info {
  width: 100%;
  -webkit-margin-before: 1.875rem;
          margin-block-start: 1.875rem;
}
@media (min-width: 768px) {
  .p-top-fv__info {
    width: 50%;
    padding-inline: clamp(1.25rem, 6vw, 5rem);
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}

.p-top-fv__read {
  font-size: clamp(2.25rem, 6.9vw, 3.3125rem);
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.p-top-fv__read--img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1.125rem;
  -moz-column-gap: 1.125rem;
  column-gap: 1.125rem;
}

.p-top-fv__read--img img {
  border-radius: 0.3125rem;
  aspect-ratio: 112/67;
  width: 6.25rem;
}

@media (min-width: 768px) {
  .p-top-fv__read--img img {
    width: clamp(5rem, 8vw, 7rem);
    width: 7rem;
  }
}

@media (min-width: 768px) {
  .p-top-fv__read {
    font-size: clamp(1.5rem, 3.87vw, 3.3125rem);
    line-height: 1.3;
  }
}


.p-top-fv__read + .p-top-fv__read {
  -webkit-margin-before: 0.625rem;
          margin-block-start: 0.625rem;
}
@media (min-width: 768px) {
  .p-top-fv__read + .p-top-fv__read {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
}

.p-top-fv__text {
  font-size: 0.875rem;
  line-height: 1.875rem;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}
@media (min-width: 768px) {
  .p-top-fv__text {
    -webkit-margin-before: 2.1875rem;
            margin-block-start: 2.1875rem;
    font-size: 1rem;
    line-height: 1.875rem;
  }
}

.p-top-fv__btn {
  -webkit-margin-before: 1.875rem;
          margin-block-start: 1.875rem;
  margin-inline: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .p-top-fv__btn {
    -webkit-margin-before: 4.375rem;
            margin-block-start: 4.375rem;
    margin-inline: unset;
  }
}