@media screen and (max-width: 1280px) {

    .inner {

        margin: 0 2%;
    }
} 


@media screen and (max-width: 1024px) {


.main-visual__float-image--warehouse {
    bottom: 0%;
    left: 2%;
}

.process-section__step-text--bg-image01 {
    background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image01--sp.png);
  }

  .process-section__step-text--bg-image02 {
    background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image02--sp.png);
  }

  .process-section__step-text--bg-image07 {
    background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image07--sp.png);
  }

  .content {
    margin-top: 3rem !important;
}

.contact .headline {
    margin: 0 15%;
}

}

@media screen and (max-width: 820px) {
.main-visual__text-group {
    max-width: 50%;
}  

.main-visual__lead.content {
    margin-top: 1rem !important;
}

.action {
    margin-top: 2rem;
}

h3 {
    font-size: 1.2rem;
}

.strength-section__subheading, .strength-section__testimonial--heading h3, .strength-section__case-heading {
    font-size: 1em;
}


.process-section__step-description {
    width: 50%;   
}

.process-section__step-text--bg-image01 {
    background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image01--sp02.png);
  }

  .process-section__step-text--bg-image07 {
    background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image07--sp02.png);
  }

  .usecase-section__card--type1 .usecase-section__badge {
    width: 64px;
    height: 64px;
    font-size: 1.2em;
  }

  .contact .action {
    margin-left: 15%;
    margin-right: 15%;
}

.main-visual__float-image--warehouse {
    left: 0%;
}

.main-visual__float-image--buillding {
    right: 1%;
}
  
}

@media screen and (max-width: 768px) {
    .process-section__step-description {
        font-size: 0.9em;
    }

    .process-section__step {
        padding: 40px;
    }

    .process-section__step-description {
        width: 55%;
    }

    

}

@media screen and (max-width: 430px) {
    .process-section__step-description {
        font-size: 0.9em;
    }

    .process-section__step {
        padding: 40px;
    }
    
    .process-section__step-description {
        width: 100%;
    }

    .main-visual__background-image {
        background: url(/wp-content/themes/wavee-plus-theme/images/custommade/main-visual__background-image.png) no-repeat center / 100% 100%;
    }
    
    .main-visual__text-group {
        max-width: 60%;
    }

    .main-visual__text-group {
        top: 20%;
        left: 22%;
        transform: none;
    }

    .action a.button-fill {
        font-size: 1rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .headline {
        margin: 0 6%;
    }

    .intro-section__badge {
        width: 40px;
        height: 40px;
        font-size: 0.7em;
    }

    .flex-item.col-3 li {
        width: 49.3%;
    }

    .intro-section__about {
        padding: 40px;
    }

    .inner {
        margin: 0px 6%;
    }

    br.sp {
        display: block;
    }

    br.pc {
        display: none;
    }

    .flex-item.col-2 li {
        width: 100%;
    }

    .strength-section__column--after {
        margin-top: 3em;
    }

    .strength-section__arrow-wrapper {
        position: absolute;
        top: 45%;
        left: 48%;
        transform: rotate(90deg);
    }

    .strength-section__testimonial-img {
        margin: 0 auto 24px auto;
    }

    .strength-section__testimonial-bubble {
        flex: auto;
    }

    .strength-section__testimonial-bubble::before {
        transform: rotate(90deg);
        top: -6%;
        left: 47%;
    }

    .strength-section__testimonial {
        margin-bottom: 2em;
    }

    .process-section__step-text--bg-setting {
        background-position: bottom;
    }

    .process-section__step {
        padding: 40px 40px 220px 40px;
        background-position: right bottom;
        background-size: 140%;
    }

    .process-section__step-text--bg-image01 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image01.png);
        background-size: 150%;
      }

      .process-section__step-text--bg-image02 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image02.png);
        background-size: 140%;
      }

      .process-section__step-text--bg-image03 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image03.png);
        background-size: 50%;
        background-position: center bottom;
        padding: 40px 40px 180px 40px;
      }

      .process-section__step-text--bg-image04 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image04.png);
        background-size: 50%;
        background-position: center bottom;
        padding: 40px 40px 180px 40px;
      }

      .process-section__step-text--bg-image05 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image05.png);
        background-size: 45%;
        background-position: center bottom;
        padding: 40px 40px 180px 40px;
      }

      .process-section__step-text--bg-image06 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image06.png);
        background-size: 60%;
        background-position: center bottom;
        padding: 40px 40px 180px 40px;
      }

      .process-section__step-text--bg-image07 {
        background-image: url(/wp-content/themes/wavee-plus-theme/images/custommade/faq-section__item__image07.png);
        background-size: 100%;
      }

      .usecase-section__card.usecase-section__card--type2 {
        width: 100%;
        padding: 16px;
      }

      .usecase-section__list {
       
        padding:0 20px 0 40px;
     }

     .faq-section__item {
        padding: 20px;
     }

     .contact .headline {
        margin: 0 6%;
    }
    
    .trength-section__content-wrapper {
        padding: 20px;
    }
}

@media screen and (max-width: 375px) {


.strength-section__arrow-wrapper {
    top: 46%
}
}