@media print, screen and (max-width: 1280px) {
  #index {
    .fv-contents {
      padding-left: clamp(20px, 9.375vw, 120px);
    }
  }  
}

/* -1000px
------------------------------ */
@media screen and (max-width:999px) {
  #index {
    .fv-contents {
      padding-left: 20px;
    }
  }
}


/* 320px-
------------------------------ */
@media screen and (max-width:767px) {
  #index {
    .fv {
      padding-top: 50px;
    }  
    .fv-wrapper {
      display: block;
    }
    .fv-image-wrap {
      width: calc(100% - 20px);
      margin-left: auto;
      margin-top: 20px;
    }
    .gallery {
      .swiper-slide {
      width: clamp(126px, 31.29vw, 240px);
      }
    }
    .info {
      padding: 80px 0;
      .title {
        font-size: clamp(2rem, 2.86vw, 2.2rem);
      }
      .title::after {
          width: clamp(54px, 7.82vw, 60px);
      }
      .content {
        font-size: clamp(1.5rem, 2.08vw, 1.6rem);
      }
      .links {
        justify-content: center;
        margin-top: 40px;
      }
      .link-card-title {
        font-size: clamp(1.5rem, 2.08vw, 1.6rem);
      }
      .link-card-content {
        font-size: clamp(1.3rem, 1.82vw, 1.4rem);
      }
      .link {
        font-size: clamp(1.3rem, 1.82vw, 1.4rem);
      }
      .attention {
        font-size: clamp(1.6rem, 2.34vw, 1.8rem);
        margin-top: 40px;
      }    
    }
    .construct {
      padding: 60px 0;
      .title {
        font-size: clamp(2rem, 2.86vw, 2.2rem);
      }
      .title::after {
        width: clamp(54px, 7.82vw, 60px);
      }
      .content {
        font-size: clamp(1.5rem, 2.08vw, 1.6rem);
      }
      .flow {
        .description {
          font-size: clamp(1.5rem, 2.08vw, 1.6rem);
        }
        .description span {
          font-size: clamp(1.3rem, 1.82vw, 1.4rem);
        }
      }
      .link {
        font-size: clamp(1.6rem, 2.34vw, 1.8rem);
        padding: 18px 10px;
      }
    }
    .commitment {
      padding: 60px 0;
      .title {
        font-size: clamp(2rem, 2.86vw, 2.2rem);
      }
      .title::after {
        width: clamp(54px, 7.82vw, 60px);
      }
      .content {
        font-size: clamp(1.5rem, 2.08vw, 1.6rem);
      }
      .cards {
        justify-content: center;
      }
      .card-title {
        font-size: clamp(1.9rem, 2.76vw, 2.1rem);
      }
      .card-content {
        font-size: clamp(1.5rem, 2.08vw, 1.6rem);
      }
    }
  }
}