@media (max-width: 576px) {
  .fv {
    height: 110vw;
  }
  .fv-contents {
    flex-direction: column;
  }
  .fv-bg img {
    object-position: 70%;
  }
  .fv-logo {
    width: 34.8vw;
  }
  .fv-main-title {
    font-size: 4.2vw;
    margin-top: 0;
  }
  .fv-sub-title {
    font-size: 2.5vw;
    margin-top: 1.75vw;
  }
  .fv-textwrap {
    width: 60vw;
  }
  .fv-box {
    padding: 2vw;
    margin-top: 2vw;
  }
  .fv-box li {
    font-size: 2.75vw;
  }

  .fv-box li span {
    font-size: 3vw;
  }
  .fv-box li img {
    width: 3vw;
  }
  .fv-contents {
    transform: translate(-50%, 0);
    top: 17vw;
    width: 95vw;
  }
  .fv-img {
    position: absolute;
    top: -65vw;
    width: 85vw;
    right: -20vw;
    z-index: -1;
  }
  .fv-imgwrap {
    position: relative;
    margin-top: 5vw;
    width: 90vw;
  }
  .fv-badge p {
    font-size: 2.5vw;
  }
  .fv-badge span {
    font-size: 2.75vw;
  }
  .fv-badge img {
    width: 5vw;
  }

  .main-top-box {
    font-size: 2vw;
    width: 35vw;
    box-shadow: 0 0 0 4vw rgba(255, 228, 232, 0.5);
  }
  .main-top-box h2 {
    font-size: 4.2vw;
  }
  .main-top-img {
    width: 100%;
    margin: 0 auto;
  }
  .main-top {
    margin-top: 8vw;
  }
  .reason-top-box {
    width: 20vw;
    font-size: 3.5vw;
    top: 0;
    aspect-ratio: 1/1;
  }
  .reason-top {
    padding-top: 6vw;
  }
  .pc-none {
    display: block;
  }
  .reason-top-text {
    font-size: 3.5vw;
    margin-top: 6vw;
  }
  .reason-top-text-big {
    font-size: 5vw;
  }
  .reason {
    padding-top: 0;
  }
  .reason-num {
    font-size: 6vw;
  }
  .reason-bg {
    font-size: 3.5vw;
  }
  .reason-item h2 p {
    margin-top: 3vw;
  }
  .reason-item h2 {
    font-size: 3.75vw;
  }
  .reason-contents {
    max-width: 80.5687vw;
  }
  .reason-lists {
    flex-wrap: wrap;
    justify-content: center;
  }
  .reason-lists li {
    width: 32vw;
    margin: 2vw;
  }
  .reason-lists li h3 {
    font-size: 3vw;
    height: 25vw;
  }
  .reason-lists-img {
    padding-top: 0;
    height: 30vw;
  }
  .reason-sub-lists li {
    width: 24vw;
    aspect-ratio: 1/1;
    margin: 1vw;
  }
  .reason-lists li img {
    width: 13vw;
  }
  .reason-sub-img img {
    width: 7vw;
  }
  .reason-sub-lists li h4 {
    height: 10vw;
    font-size: 2.2vw;
    line-height: 1.3;
    padding: 1vw;
  }
  .reason-sub-img {
    height: 10vw;
  }
  .reason-textwrap {
    margin: 6vw auto 0;
    width: 95%;
  }

  .reason-text-bold {
    font-size: 3vw;
  }
  .guidance {
    padding: 15vw 0;
  }
  .guidance h2 {
    font-size: 5.3vw;
  }
  .guidance-dots {
    line-height: 0.5;
    font-size: 3vw;
  }
  .guidance-badge {
    font-size: 3vw;
  }
  .guidance-badge img {
    width: 8vw;
  }
  .guidance h3 {
    font-size: 4vw;
  }
  .guidance-lists {
    flex-direction: column;
    align-items: center;
  }
  .guidance-lists li {
    width: 80vw;
    padding: 5vw;
  }
  .guidance-lists li + li {
    margin-top: 13vw;
  }
  .guidance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .guidance-item-img {
    position: static;
    width: 22vw;
  }
  .guidance-item-title {
    width: 20vw;
    left: -7vw;
  }
  .guidance-item-title h4 {
    font-size: 2.5vw;
  }
  .guidance-num {
    left: -2vw;
    top: -5vw;
    transform: rotate(-15deg);
    font-size: 5vw;
  }
  .guidance-item-textwrap {
    width: calc(100% - 30vw);
  }
  .guidance-item-textwrap p {
    font-size: 2.8vw;
  }
  .guidance-bg img {
    object-position: 70%;
  }
  .qa h2 {
    font-size: 4.3vw;
  }
  .qa span.qa-title-span span {
    width: 5vw;
  }
  .qa span.qa-title-span {
    font-size: 3vw;
  }
  .qa-contents {
    max-width: 80.5687vw;
  }
  .qa-item-q {
    padding: 3.5vw 7vw 3.5vw 4vw;
  }
  .qa-item-a {
    padding: 3.5vw 3.5vw 3.5vw 3vw;
    font-size: 2.5vw;
  }
  .dli-chevron-down {
    right: 3vw;
    width: 2vw;
    height: 2vw;
  }
  .qa-item h3 {
    font-size: 2.75vw;
  }
  .qa-item-q h3::before {
    margin-right: 3vw;
    font-size: 3vw;
  }
  .qa-item-a p::before {
    margin-right: 3vw;
    font-size: 3vw;
  }
  .footer-logo img {
    width: 30vw;
  }
  .floating {
    height: 15vw;
  }
  .floating a {
    padding: 5vw 15vw;
    top: -3vw;
    font-size: 3.5vw;
  }
  .dli-arrow-right {
    width: 5vw;
    height: 0.3vw;
    margin-left: 4vw;
  }

  .dli-arrow-right::before {
    content: "";
    width: 2vw;
    height: 2vw;
    border: 0.5vw solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.2vw;
    box-sizing: border-box;
  }
  footer{
    padding-bottom: 20vw;
  }
}