@charset "utf-8";

/*
 * File    : rwd-solutions.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* MAIN */
    .solution-collection { margin-top: 100rem; gap: 68rem 46rem; }
    .solution-collection__content { padding-top: 30rem; }

    /* SINGLE */
    body:is(.single-by-industry, .single-by-applications) .article-visual__content { gap: 55rem; }

    .solution-particular { gap: 100rem; margin-top: 100rem; }

    .solution-related { gap: 100rem; margin-top: 100rem; }

    .solution-banner { margin-top: 100rem; padding: 100rem 0 120rem; }
    .solution-banner__inner { gap: 45rem; }
    .solution-banner a { padding-left: 76rem; padding-right: 76rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* MAIN */
    .solution-collection { margin-top: 88rem; gap: 60rem 32rem; }
    .solution-collection__content { padding-top: 24rem; }

    /* SINGLE */
    body:is(.single-by-industry, .single-by-applications) .article-visual__content { gap: 50rem; }

    .solution-particular { gap: 85rem; margin-top: 85rem; }

    .solution-related { gap: 85rem; }

    .solution-banner { margin-top: 85rem; padding: 85rem 0 108rem; }
    .solution-banner__inner { gap: 42rem; }
    .solution-banner a { padding: 14rem 70rem 16rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* MAIN */
    .solution-collection { margin-top: 80rem; gap: 48rem 24rem; }
    .solution-collection__content { padding-top: 20rem; }

    /* SINGLE */
    body:is(.single-by-industry, .single-by-applications) .article-visual__content { gap: 40rem; }

    .solution-particular { grid-template-columns: 1fr; gap: 80rem; margin-top: 80rem; }
    .solution-particular__reference:not(:has(.solution-particular__reference-list)) { display: none; }
    .solution-particular__reference-list b { gap: 8rem; }
    .solution-particular__reference-list b > .jt-accent-icon { width: 16rem; }

    .solution-banner { margin-top: 80rem; padding: 80rem 0 100rem; }
    .solution-banner__inner { gap: 40rem; }
    .solution-banner a { padding: 15rem 60rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* MAIN */
    .solution-collection { margin-top: 60rem; grid-template-columns: 1fr; gap: 45rem; }
    .solution-collection__content { padding-top: 16rem; }
    .solution-collection__desc { margin-top: 8rem; }

    /* SINGLE */
    .solution-particular { gap: 60rem; margin-top: 60rem; }

    .solution-related { gap: 80rem; margin-top: 80rem; }

    .solution-banner { margin-top: 60rem; padding: 60rem 0; }
    .solution-banner__inner { gap: 30rem; }
    .solution-banner a { width: 100%; }

}