@charset "utf-8";

/*
 * File    : rwd-main.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 2000px
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){

    .main-strength__image { max-width: inherit; }

}


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

    .main-section { padding: 160rem 0 200rem; }
    .main-section__title i { width: 62rem; height: 62rem; top: -26rem; }

    .main-strength__head { padding: 120rem 40rem; }
    .main-strength__content { padding: 0 140rem; }
    .main-strength__section:nth-child(even) .main-strength__content { padding: 0 70rem 0 140rem; }

    .main-product { padding-top: 200rem; padding-bottom: 160rem; }
    .main-product__graphic-image { width: 45.83%; }
    .main-product__info { padding: 100rem 140rem; gap: 140rem; }
    .main-product__info-example-explain { left: 32rem; bottom: 22rem; }
    .main-product__public { padding: 48rem 140rem 38rem; }

    .main-customer__interview { margin-top: 140rem; }
    .main-customer__slider { padding: 80rem 120rem; }
    .main-customer__item { gap: 100rem; }

}



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

    .main-section { padding: 150rem 0 180rem; }
    .main-section__head { margin-bottom: 70rem; }
    .main-section__title i { width: 58rem; height: 58rem; top: -24rem; }
    .main-section__desc { margin-top:28rem; }

    .main-visual__content { bottom: 54rem; }

    .main-strength__head { padding: 100rem 0; }
    .main-strength__content { padding: 0 120rem; gap: 28rem; }
    .main-strength__section:nth-child(even) .main-strength__content { padding: 0 60rem 0 120rem; }

    .main-product { padding-top: 180rem; padding-bottom: 140rem; }
    .main-product__info { padding: 90rem 120rem; gap: 100rem; }
    .main-product__info-title { gap: 14rem; }
    .main-product__info-desc { margin-top: 28rem; }
    .main-product__info-example-explain { left: 28rem; bottom: 20rem; }
    .main-product__public { padding: 42rem 120rem 32rem; }

    .main-award__content { padding: 32rem 32rem 152rem; }
    .main-award__logo { right: 32rem; bottom: 32rem; width: 100rem; height: 100rem; }

}



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

    .main-section { padding: 140rem 0 160rem; }
    .main-section__head { margin-bottom: 60rem; }
    .main-section__title i { width: 54rem; height: 54rem; top: -22rem; }

    .main-visual__content { bottom: 48rem; }
    .main-visual__desc { margin-top: 20rem; }

    .main-technology__video { border-radius: 24rem; }
    .main-technology__video:after { border-width: 6rem; }

    .main-strength__head { padding: 80rem 0; border-radius: 24rem 24rem 0 0; }
    .main-strength__image { width: 45%; }
    .main-strength__content { padding: 0 100rem; gap: 24rem; }
    .main-strength__section { border-radius: 24rem; }
    .main-strength__desc br { display: none; }
    .main-strength__section:nth-child(even) .main-strength__content { padding: 0 50rem 0 100rem; }

    .main-product { padding-top: 160rem; padding-bottom: 120rem; }
    .main-product__info { padding: 80rem; border-radius: 24rem; }
    .main-product__info-title { gap: 12rem; }
    .main-product__info-desc { margin-top: 24rem; }
    .main-product__info-more .jt-icon { width: 24rem; height: 24rem; }
    .main-product__info-example-explain { left: 24rem; bottom: 18rem; }

    .main-product__public { padding: 36rem 80rem 24rem; gap: 60rem; }
    .main-product__public-data { gap: 60rem; }
    .main-product__public-item cite { margin-top: 12rem; }

    .main-customer__slider { padding: 60rem; border-radius: 24rem; }
    .main-customer__item { gap: 60rem; }
    .main-customer__interview { margin-top: 120rem; }
    .main-customer__source { margin-top: 20rem; }

    .main-award__content { padding: 28rem 28rem 124rem; border-radius: 24rem; }
    .main-award__logo { right: 24rem; bottom: 24rem; width: 80rem; height: 80rem; }

}



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

    .main-visual__bg--desktop { display: none; }
    .main-visual__bg--mobile { display: block; }

}



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

    .main-section { padding: 120rem 0 140rem; }
    .main-section__head { margin-bottom: 50rem; }
    .main-section__title i { width: 50rem; height: 50rem; top: -20rem; }

    .main-strength__head { padding: 60rem; }
    .main-strength__content { padding: 0 80rem; }

    .main-product { padding-top: 140rem; padding-bottom: 100rem; }
    .main-product__info { padding: 60rem; gap: 60rem; }
    .main-product__info-desc { margin-top: 20rem; }
    .main-product__info-example-explain { left: 20rem; bottom: 16rem; }


    .main-product__public { padding: 30rem 60rem 20rem; gap: 40rem; }
    .main-product__public-data { gap: 40rem; }

    .main-customer__interview { margin-top: 100rem; }
    .main-customer__slider { padding: 50rem; }
    .main-customer__item { gap: 50rem; }
    .main-customer__logo { width: 30%; }

    .main-award__content { padding: 24rem 24rem 120rem; }
    .main-award__logo { right: 24rem; bottom: 24rem; width: 80rem; height: 80rem; }

}



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

    .main-section { padding: 100rem 0 120rem; }

    .main-section__head { margin-bottom: 40rem; }
    .main-section__title i { width: 46rem; height: 46rem; top: -18rem; }
    .main-section__desc { margin-top: 24rem; }
    .main-section__desc br { display: none; }

    .main-visual__content { bottom: 40rem; }
    .main-visual__desc { margin-top: 16rem; }
    .main-visual__desc br { display: none; }

    .main-technology__video { border-radius: 16rem; }
    
    .main-strength__head { padding: 0 0 40rem; margin: 0 24rem; background: transparent; }
    .main-strength__container:after { display: none; }
    .main-strength__section { flex-direction: column; }
    .main-strength__section:nth-child(even) { flex-direction: column; }
    .main-strength__image { width: 100%; max-width: inherit; height: auto; }
    .main-strength__image .jt-lazyload { padding-top: 80%; }
    .main-strength__content { padding: 40rem 24rem 60rem; justify-content: start; gap: 20rem; }
    .main-strength__section:nth-child(even) .main-strength__content { padding: 40rem 24rem 60rem; }

    .main-product { padding-top: 120rem; padding-bottom: 100rem; }
    .main-product__graphic-image { width: 60%; }

    .main-product__info { flex-direction: column; padding: 48rem 32rem; gap: 28rem; border-radius: 16rem; }
    .main-product__info-data { order: 2; }
    .main-product__info-title { gap: 10rem; }
    .main-product__info-title > b { padding: 4rem 16rem; }
    .main-product__info-desc > b { margin-bottom: 6rem; }
    .main-product__info-desc > span { margin-top: 8rem; }
    .main-product__info-example { order: 1; width: 100%; }
    .main-product__info-example-inner:before { border-width: 4rem; }
    .main-product__info-example-inner:after { display: none; }
    .main-product__info-example-explain { left: 32rem; bottom: 22rem; }
    .main-product__info-more .jt-icon { width: 22rem; height: 22rem; }

    .main-product__public { padding: 0 32rem; flex-direction: column; gap: 20rem; margin-top: 36rem; }
    .main-product__public-data { grid-template-columns: 1fr; gap: 20rem; width: 100%; }
    .main-product__public-item cite { margin-top: 10rem; }

    .main-customer__interview { margin-top: 80rem; }
    .main-customer__slider { border-radius: 16rem; padding: 40rem; }
    .main-customer__item { flex-direction: column; gap: 24rem; align-items: start; }
    .main-customer__logo { width: 100%; max-width: 220rem; }
    .main-customer__logo .jt-lazyload { padding-top: 34.06%; }
    .main-customer__source { margin-top: 16rem; }

    .main-award__content { padding: 24rem 24rem 116rem; border-radius: 16rem; }
    .main-award__logo { width: 72rem; height: 72rem; }
    
    .main-trust__list { flex-wrap: wrap; gap: 16rem; }
    .main-trust__list > li { flex: none; width: calc((100% - 32rem) / 3); }
    .main-trust__list .jt-lazyload { padding-top: 71.42%; }

}



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

    .main-section { padding: 80rem 0 100rem; }
    .main-section__head { margin-bottom: 36rem; }
    .main-section__title i { display: none; }
    .main-section__title br { display: none; }

    .main-visual__content { bottom: 36rem; }
    .main-visual__desc { margin-top: 12rem; }

    .main-technology__video:after { border-width: 4rem; }
    .main-technology__video--desktop { display: none; }
    .main-technology__video--mobile { display: block; }

    .main-strength__head { padding: 0 0 36rem; margin: 0 20rem; }
    .main-strength__image--desktop { display: none; }
    .main-strength__image--mobile { display: block; }
    .main-strength__image .jt-lazyload { padding-top: 80%; }
    .main-strength__content { padding: 24rem; gap: 16rem; }
    .main-strength__section:nth-child(even) .main-strength__content { padding: 24rem; }

    .main-product__graphic-image { width: 100%; }
    .main-product__graphic-image--desktop { display: none; }
    .main-product__graphic-image--mobile { display: block; }

    .main-product__info { padding: 40rem 24rem; gap: 24rem; }
    .main-product__info-title { gap: 8rem; }
    .main-product__info-title > b { padding: 2rem 12rem; }
    .main-product__info-desc { margin-top: 16rem; }
    .main-product__info-example-slider { border-radius: 8rem; }
    .main-product__info-example-inner:before { border-width: 2rem; border-radius: 8rem; }
    .main-product__info-example-explain { left: 15rem; bottom: 12rem; font-size: 6rem; line-height: 14rem; }
    .main-product__info-more { gap: 4rem; }
    .main-product__info-more .jt-icon { width: 20rem; height: 20rem; }

    .main-product__public { padding: 0 24rem; gap: 16rem; margin-top: 32rem; }
    .main-product__public-data { gap: 16rem; }
    .main-product__public-item cite { margin-top: 8rem; }
    
    .main-customer__interview { margin-top: 60rem; }
    .main-customer__slider { padding: 32rem 24rem; }
    .main-customer__item { gap: 20rem; }
    .main-customer__logo { max-width: 182rem; }
    .main-customer__source { margin-top: 12rem; }

    .main-award__slider { margin: 0 -20rem; padding: 0 10rem; }
    .main-award__item { width: 300rem; }
    .main-award__content { padding: 20rem 20rem 94rem; }
    .main-award__desc { -webkit-line-clamp: 5; }
    .main-award__logo { width: 62rem; height: 62rem; right: 20rem; bottom: 20rem; }

    .main-trust__list { gap: 12rem; }
    .main-trust__list > li { width: calc((100% - 12rem) / 2); }

}