@charset "utf-8";

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



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

    .company-intro.article__section { padding: 200rem 0; }

    .company-media .jt-marquee__item { width: 320rem; }

    .company-archive.article__section { padding: 180rem 0; --archive-padding: 60rem; --archive-height: 144rem; }
    .company-archive__head, .company-archive__body { gap: 28rem; }
    .company-archive__list { margin-top: 100rem; }
    .company-archive__sns { margin-top: 60rem; }
    .company-archive__column:nth-child(1) { width: 460rem; }
    .company-archive__column:nth-child(3) { width: 300rem; }

    .company-history__container { max-width: inherit; margin: 0 60rem; }
    .company-history__body { gap: 28rem; }
    .company-history__year:after { height: 300rem; }

    .company-location.article__section { padding: 200rem 0; }
    .company-location__list > li { gap: 28rem; }
    .company-location__label { width: 220rem; }
    .company-location__map { margin-top: 28rem; }

}



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

    .company-intro.article__section { padding: 160rem 0; }
    .company-intro__desc br { display: none; }

    .company-media .jt-marquee__item { width: 300rem; }

    .company-archive.article__section { padding: 160rem 0; --archive-padding: 56rem; --archive-height: 136rem; }
    .company-archive__head, .company-archive__body { gap: 24rem; }
    .company-archive__list { margin-top: 80rem; --svg-scale: 0.9; }
    .company-archive__sns { margin-top: 56rem; }
    .company-archive__control { width: 22rem; height: 22rem; }
    .company-archive__column:nth-child(1) { width: 340rem; }
    .company-archive__column:nth-child(3) { width: 280rem; }

    .company-history__container { margin: 0 40rem; --year-width: 180rem; }
    .company-history__body { gap: 24rem; }
    .company-history__year:after { height: 280rem; }
    .company-history__list { width: 480rem; }
    .company-history__content-list > li + li { margin-top: 12rem; }

    .company-location.article__section { padding: 160rem 0; }
    .company-location__list > li { padding: 40rem 0; }
    .company-location__label { width: 220rem; }

}



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

    .company-intro.article__section { padding: 140rem 0; }

    .company-media .jt-marquee__item { width: 280rem; }

    .company-archive.article__section { padding: 140rem 0; --archive-padding: 48rem; --archive-height: 120rem; }
    .company-archive__list { margin-top: 72rem; --svg-scale: 0.8; }
    .company-archive__sns { margin-top: 48rem; }
    .company-archive__column:nth-child(1) { width: 280rem; }
    .company-archive__column:nth-child(3) { width: 260rem; }

    .company-history__container { --year-width: 160rem; }
    .company-history__year:after { height: 260rem; }
    .company-history__list { width: 400rem; }

    .company-location.article__section { padding: 140rem 0; }
    .company-location__list { margin-top: 72rem; }
    .company-location__label { width: 200rem; }

}



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

    .company-intro.article__section { padding: 120rem 0; }

    .company-media .jt-marquee__item { width: 260rem; }

    .company-archive.article__section { padding: 120rem 0; --archive-padding: 40rem; --archive-height: auto; }
    .company-archive__head, .company-archive__body { flex-direction: column; justify-content: flex-start; gap: 0; }
    .company-archive__list { margin-top: 64rem; --svg-scale: 1; }
    .company-archive__head { padding: var(--archive-padding) 0; }
    .company-archive__logo { position: relative; top: auto; transform: none; }
    .company-archive__control { width: 20rem; height: 20rem; }
    .company-archive__control:before { height: 3rem; }
    .company-archive__control:after { width: 3rem; }
    .company-archive__thumb { width: 400rem; }
    .company-archive__sns { position: absolute; margin-top: 0; left: 0; bottom: var(--archive-padding); }
    .company-archive__column:nth-child(1) { width: 100%; margin-bottom: 30rem; }
    .company-archive__column:nth-child(3) { width: 100%; }

    .company-archive__head .company-archive__column:nth-child(2) { flex: none; padding-right: 32rem; }
    .company-archive__head .company-archive__column:nth-child(3) { position: absolute; bottom: var(--archive-padding); right: 0; width: auto; }

    .company-archive__body:has(.company-archive__sns) { padding-bottom: calc(var(--archive-padding) + 78rem); }
    .company-archive__body .company-archive__column:nth-child(3) { margin-top: 36rem; }

    .company-history.article__section { height: auto; max-height: inherit; }
    .company-history__title { margin-top: 0; }
    .company-history__container { flex-direction: column; gap: 48rem; padding: 120rem 0; margin: 0 24rem; height: auto; --year-width: auto; }
    .company-history__body { flex-direction: column; overflow: visible; gap: 40rem; }
    .company-history__year { width: auto; }
    .company-history__year:after { width: 160rem; left: auto; right: -24rem; height: 100%; background: linear-gradient(90deg, rgba(20, 20, 20, 0.00) 0%, var(--color-gray-900) 106.14%); }
    .company-history__year-list { overflow: visible; }
    .company-history__year-item { width: auto; margin-bottom: 0; margin-right: 16rem; }
    .company-history__year-item:last-child { margin-right: 0; }

    .company-history__list { width: 100%; }
    .company-history__content { position: relative; display: none; }
    .company-history__content-list { margin-top: 0; }
    .company-history__content.company-history--active { display: block; }

    .company-location.article__section { padding: 120rem 0; }
    .company-location__list { margin-top: 64rem; }
    .company-location__list > li { gap: 24rem; }
    .company-location__label { width: 180rem; }
    .company-location__map { margin-top: 24rem; }
    .company-location__map .jt-icon { width: 10rem; }

}



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

    .company-intro.article__section { padding: 96rem 0; }

    .company-media .jt-marquee__item { width: 240rem; }

    .company-archive.article__section { padding: 96rem 0; }
    .company-archive__list { margin-top: 60rem; }

    .company-archive__control { width: 16rem; height: 16rem; }
    .company-archive__thumb { width: 200rem; }

    .company-history__container { margin: 0 14rem; }
    .company-history__body { gap: 30rem; }
    .company-history__year:after { right: -14rem; }
    .company-history__year-item { margin-right: 12rem; }
    .company-history__content-list > li + li { margin-top: 8rem; }

    .company-location__bg-desktop { display: none; }
    .company-location__bg-mobile { display: block; }
    .company-location.article__section { padding: 96rem 0; }
    .company-location__list { margin-top: 60rem; }
    .company-location__list > li { flex-direction: column; }

}