@charset "utf-8";

/*
 * File    : rwd-company.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



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

    .company-about { padding: 120rem 0; }
    .company-about__head { padding-bottom: 120rem; }
    .company-about__title br { display: none; }
    .company-about__future { padding: 120rem 0; }

    .company-journey { padding: 120rem 0; }
    .company-journey__accordion-thumb { width: 35% }
    .company-journey__accordion-thumb p br { display: none; }

    .company-brand { padding: 120rem 0; }
    .company-brand__ci-image svg { width: 35%; }
    .company-brand__ci-bird { width: 30%; }

    .company-partners { padding: 120rem 0; }
    .company-partners__head { padding-bottom: 120rem; }
    .company-partners__gallery-item { width: 760rem; }
    .company-partners__logo { --minimize-height: 610rem; }

}



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

    .company-about { padding: 100rem 0; }
    .company-about__head { padding-bottom: 100rem; }
    .company-about__vision-content { padding: 40rem 0; }
    .company-about__future { padding: 100rem 0; }
    .company-about__feature .jt-feature { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .company-journey { padding: 100rem 0; }
    .company-journey__accordion-head > a { gap: 60rem; }
    .company-journey__accordion-body { padding: 0 40rem 40rem 180rem; }
    .company-journey__accordion-content { gap: 60rem; }
    .company-journey__accordion-list ul { padding-right: 40rem; }

    .company-brand { padding: 100rem 0; }
    .company-brand__ci { padding: 0 40rem; }
    .company-brand__assets .jt-feature { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .company-partners { padding: 100rem 0; }
    .company-partners__head { padding-bottom: 100rem; }
    .company-partners__gallery-item { width: 680rem; }
    .company-partners__gallery-item b { padding: 30rem; }
    .company-partners__logo { padding-top: 40rem; --minimize-height: 488rem; }

}



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

    .company-about { padding: 80rem 0; }
    .company-about__head { padding-bottom: 80rem; }
    .company-about__desc { margin-top: 16rem; }
    .company-about__vision-item { padding: 30rem; }
    .company-about__vision-content { padding: 30rem 0; }
    .company-about__vision-desc { margin-top: 16rem; }
    .company-about__vision-desc br { display: none; }
    .company-about__future { padding: 80rem 0; flex-direction: column; gap: 40rem; }
    .company-about__future-content p + p { margin-top: 16rem; }
    .company-about__future-partner { margin-top: 24rem; }

    .company-journey { padding: 80rem 0; }
    .company-journey__head { padding-bottom: 40rem; }
    .company-journey__accordion-head > a { padding: 30rem; gap: 30rem; }
    .company-journey__accordion-number { width: 60rem; }
    .company-journey__accordion-control > i { width: 30rem; height: 30rem; }
    .company-journey__accordion-body { padding: 0 30rem 30rem; }
    .company-journey__accordion-content { flex-direction: column; gap: 30rem; margin-top: 0; }
    .company-journey__accordion-content + .company-journey__accordion-content { margin-top: 30rem; }
    .company-journey__accordion-list > li { padding: 30rem 0; }
    .company-journey__accordion-list span { width: 100rem; }
    .company-journey__accordion-list ul { padding-right: 0; }
    .company-journey__accordion-thumb { width: 100%; padding-top: 0; display: flex; align-items: center; gap: 30rem; }
    .company-journey__accordion-thumb b { margin-top: 0; }
    .company-journey__accordion-image { width: 40%; order: 2; }
    .company-journey__accordion-info { flex: 1; order: 1; }

    .company-brand { padding: 80rem 0; }
    .company-brand__ci { padding: 0 30rem; }
    .company-brand__ci-image { aspect-ratio: 1 / 0.5; }
    .company-brand__ci-image svg { width: 50%; }
    .company-brand__ci-inner { padding: 30rem 0; }
    .company-brand__ci-desc { margin-top: 16rem }
    .company-brand__ci-bird { display: none; }

    .company-partners { padding: 80rem 0; }
    .company-partners__head { padding-bottom: 80rem; }
    .company-partners__desc { margin-top: 16rem; }
    .company-partners__gallery-head { padding-bottom: 40rem; }
    .company-partners__gallery-track { gap: 16rem; }
    .company-partners__gallery-item { width: 480rem; }
    .company-partners__gallery-item b { padding: 20rem; }
    .company-partners__logo { padding-top: 20rem; --minimize-height: 386rem; }
    .company-partners__logo-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }

}



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

    .company-about { padding: 60rem 0; }
    .company-about__head { padding-bottom: 60rem; }
    .company-about__desc { margin-top: 12rem; }
    .company-about__desc br { display: none; }
    .company-about__vision { flex-direction: column; }
    .company-about__vision-item { padding: 0; border-right: 0; }
    .company-about__vision-content { padding: 20rem 0 40rem; }
    .company-about__vision-desc { margin-top: 12rem; }
    .company-about__future { padding: 60rem 0; gap: 32rem; }
    .company-about__future-partner { margin-top: 20rem; gap: 10rem; }
    .company-about__future-partner li { padding: 16rem; }
    .company-about__future-partner b { margin-bottom: 6rem; }
    
    .company-about__feature .jt-feature { grid-template-columns: 1fr; }
    
    .company-journey { padding: 60rem 0; }
    .company-journey__head { padding-bottom: 32rem; }
    .company-journey__accordion-head > a { padding: 20rem; gap: 20rem; }
    .company-journey__accordion-body { padding: 0 20rem 20rem; }
    .company-journey__accordion-content { gap: 20rem; }
    .company-journey__accordion-content + .company-journey__accordion-content { margin-top: 20rem; }
    .company-journey__accordion-thumb { flex-direction: column; gap: 20rem; }
    .company-journey__accordion-image { width: 100%; }
    .company-journey__accordion-list > li { flex-direction: column; gap: 12rem; padding: 20rem 0; }
    .company-journey__accordion-list ul > li + li { margin-top: 12rem; }
    .company-journey__accordion-number { display: none; }
    .company-journey__accordion-control > i { width: 24rem; height: 24rem; }

    .company-brand { padding: 60rem 0; }
    .company-brand__ci { padding: 0 20rem; }
    .company-brand__ci-image { aspect-ratio: 1 / 1; padding: 0 20rem; }
    .company-brand__ci-image svg { width: 80%; }
    .company-brand__ci-inner { padding: 20rem 0; }
    .company-brand__ci-desc { margin-top: 12rem }
    .company-brand__assets { margin-top: 60rem; }
    .company-brand__assets .jt-feature { grid-template-columns: 1fr; }

    .company-partners { padding: 60rem 0; }
    .company-partners__head { padding-bottom: 60rem; }
    .company-partners__desc { margin-top: 12rem; }
    .company-partners__desc br { display: none; }
    .company-partners__gallery-head { padding-bottom: 32rem; }
    .company-partners__gallery-track { gap: 10rem; }
    .company-partners__gallery-item { width: 280rem; }
    .company-partners__gallery-desc br { display: none; }
    .company-partners__logo { padding-top: 0; }
    .company-partners__logo-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .company-partners__logo-more { margin-top: 40rem; }
    
}