@charset "utf-8";

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



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

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

}



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){
    
    .about-why__content { padding: 60rem 30rem 60rem 60rem; }
    .about-why__content-inner { justify-content: start; overflow: auto; padding-right: 30rem; -webkit-overflow-scrolling: touch; overscroll-behavior: none; }
    html.win .about-why__content-inner { overflow: overlay; }
    html.win .about-why__content-inner::-webkit-scrollbar { width: 8rem; background: transparent; }
    html.win .about-why__content-inner::-webkit-scrollbar-track { background: var(--color-gray-300); border-radius: 99rem; }
    html.win .about-why__content-inner::-webkit-scrollbar-thumb { background: var(--color-gray-700); border-radius: 99rem; }
    html.ff .about-why__content-inner { scrollbar-width: thin; }

    .about-strength__content-inner { height: 626rem; }

}



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

    .journey__container { margin: 0 70rem; margin-top: -160rem; padding-right: 180rem; }
    .journey__navigator { padding-right: 0; right: 0; }

}



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

    body.page-template-about-us .article__visual { margin-bottom: 180rem; }

    .about-mission__container { padding: 0 calc(41.02% + 100rem) 0 50rem; }

    .about-why__content { padding: 50rem 25rem 50rem 50rem; }
    .about-why__content-inner { padding-right: 25rem; }

    .about-strength__content { padding: 100rem; }
    .about-strength__content-inner { height: 569rem; }
    .about-strength__head { padding: 36rem 0; }
    .about-strength__body { margin-top: -18rem; margin-bottom: 18rem; }
    .about-strength__body-inner { padding-bottom: 36rem; margin-bottom: -18rem; }

    .about-roadmap .jt-category { margin-bottom: 36rem; }
    .about-roadmap__content { margin: 32rem 32rem 32rem 0; }
    .about-roadmap__content-desc br { display: none; }

    .leadership-list > li + li { margin-top: 36rem; }
    .leadership-list__content { padding: 48rem 72rem; }
    .leadership-list__desc { margin-top: 32rem; }

    .leadership-core .leadership-list__content { padding-left: 72rem; }

    .journey__container { margin: 0 50rem; margin-top: -140rem; --journey-gap: 140rem; }
    .journey__sticky-title { font-size: 126rem; line-height: 110rem; }
    .journey__content-list > li { padding: 50rem 0 }
    .journey__content-sublist { margin-top: 20rem; }

}



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

    body.page-template-about-us .article__visual { margin-bottom: 160rem; }

    .about-mission__desc br { display: none; }
    .about-mission__container { padding: 0 calc(41.02% + 80rem) 0 40rem; }
    .about-mission__gallery .jt-marquee__item { margin-top: 16rem; }

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

    .about-why__container { gap: 16rem; }
    .about-why__slider { border-radius: 24rem; }
    .about-why__content { border-radius: 24rem; padding: 40rem 20rem 40rem 40rem; }
    .about-why__content-inner { gap: 20rem; padding-right: 20rem; }

    .about-strength__image { width: 45%; }

    .about-strength__content { padding: 80rem; }
    .about-strength__content-inner { height: 662rem; }
    .about-strength__head { padding: 32rem 0; }
    .about-strength__body { margin-top: -16rem; margin-bottom: 16rem; }
    .about-strength__body-inner { padding-bottom: 32rem; margin-bottom: -16rem; }

    .about-roadmap .jt-category { margin-bottom: 28rem; }
    .about-roadmap__slider { border-radius: 24rem; }
    .about-roadmap__model-marker { width: 32rem; height: 32rem; }
    .about-roadmap__content { margin: 24rem 24rem 24rem 0; padding: 32rem; aspect-ratio: 1 / 1.2; gap: 24rem; border-radius: 24rem; }
    .about-roadmap__content-desc { margin-top: 16rem; }

    .founder-component + .founder-component { padding-top: 140rem; }
    .founder-component__content { margin-top: 50rem; }
    .founder-component__content:has(.founder-component__title) { margin-top: 60rem; }
    .founder-component__title:has(+.founder-component__desc) { margin-bottom: 28rem; }
    .founder-component__desc p + p { margin-top: 20rem; }
    .founder-component__banner-caption { height: 100rem; }

    .leadership-list > li + li { margin-top: 32rem; }
    .leadership-list__image { width: 35%; }
    .leadership-list__content { padding: 40rem 60rem; }
    .leadership-list__desc { margin-top: 28rem; }
    .leadership-list__desc p + p { margin-top: 12rem; }
    .leadership-core .leadership-list__content { padding-left: 60rem; }

    .journey__container { margin: 0 40rem; margin-top: -120rem; --journey-gap: 120rem; padding-right: 160rem; }
    .journey__sticky-title { font-size: 110rem; line-height: 96rem; }
    .journey__item { gap: 80rem; }
    .journey__content { max-width: 530rem; }
    .journey__content-list > li { padding: 40rem 0; }
    .journey__content-sublist { margin-top: 16rem; }
    .journey__navigator-list { height: calc((var(--font-lineheight-primary-08) + 14rem + 4px) * 5 - 4rem); }
    .journey__navigator-item > a { min-width: 100rem; padding: 5rem 34rem; }

}



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

    body.page-template-about-us .article__visual { margin-bottom: 140rem; }
    body.page-template-about-us .article__visual-desc br { display: none; }

    .about-strength__content-inner { height: 647rem; }
    .about-strength__head { padding: 28rem 0; }
    .about-strength__body { margin-top: -14rem; margin-bottom: 14rem; }
    .about-strength__body-inner { padding-bottom: 28rem; margin-bottom: -14rem; }

    .about-roadmap__content { margin: 20rem 20rem 20rem 0; padding: 28rem; gap: 20rem; }

    .founder-component + .founder-component { padding-top: 120rem; }
    .founder-component__banner-caption { height: 84rem; }
    .founder-component__content:has(.founder-component__title) { margin-top: 50rem; }
    .founder-component__desc br { display: none; }

    .leadership-list > li + li { margin-top: 28rem; }
    .leadership-list__image { width: 40%; }
    .leadership-list__content { padding: 40rem 48rem; }
    .leadership-core .leadership-list__content { padding-left: 48rem; }

    .journey__container { margin-top: -100rem; padding-right: 0; --journey-gap: 100rem; }
    .journey__sticky-title { font-size: 100rem; line-height: 86rem; }
    .journey__item { gap: 60rem; }
    .journey__content-list > li { padding: 32rem 0; }
    .journey__content-sublist > li + li { margin-top: 10rem; }
    .journey__navigator { position: fixed; height: auto; top: auto; left: 0; bottom: 0; background: var(--color-white); z-index: 501; }
    .journey__navigator-sticky { height: auto; flex-direction: row; border-top: 1px solid var(--color-gray-400); }
    .journey__navigator-list { flex: 1; flex-direction: row; height: auto; align-items: center; width: calc(100% - 88rem); }
    .journey__navigator-item { flex-shrink: 0; width: calc((100% - 28rem) / 8); }
    .journey__navigator-item > a { width: 100%; min-width: inherit; padding: 4rem 16rem; }
    .journey__navigator-button { height: 60rem; width: 40rem; }
    .journey__navigator-button .jt-icon { rotate: -90deg }

}



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

    body.page-template-about-us .article__visual { margin-bottom: 120rem; }
    
    .about-mission__container { flex-direction: column; padding: 100rem 0 120rem; height: auto; gap: 40rem; }
    .about-mission__content { text-align: center; }
    .about-mission__gallery { position: relative; width: auto; max-width: inherit; margin: 0 -24rem; }
    .about-mission__gallery .jt-marquee__item { width: 360rem; margin-top: 0; margin-left: 16rem; }
    .about-mission__gallery .jt-marquee__item .jt-lazyload { padding-top: 64%; }

    .about-technology__video { border-radius: 16rem; }

    .about-why__slider { border-radius: 16rem; }
    .about-why__content { border-radius: 16rem; padding: 32rem 16rem 32rem 32rem; }
    .about-why__content-inner { gap: 12rem;padding-right: 16rem; }

    .about-strength__container { flex-direction: column; height: var(--full-height, 100vh); }
    .about-strength__image { width: 100%; max-width: inherit; padding-top: 40vh; }
    .about-strength__content { padding: 60rem 24rem 120rem; align-items: start; }
    .about-strength__content-inner { height: auto; }
    .about-strength__head { padding: 24rem 0; }
    .about-strength__body { margin-top: -12rem; margin-bottom: 12rem; }
    .about-strength__body-inner { padding-bottom: 24rem; margin-bottom: -12rem; }
    
    .about-roadmap .jt-category { margin-bottom: 24rem; }
    .about-roadmap__slider { border-radius: 16rem; }
    .about-roadmap__item { flex-direction: column; }
    .about-roadmap__model-image { width: 90%; padding-top: 85%; margin: 0 auto; }
    .about-roadmap__model-marker { width: 28rem; height: 28rem; }
    .about-roadmap__content { margin: 0 20rem 20rem; width: calc(100% - 40rem); max-width: inherit; aspect-ratio: 1 / 1; padding: 24rem; gap: 16rem; border-radius: 16rem; }
    .about-roadmap__content-desc { margin-top: 12rem; }

    .founder-component + .founder-component { padding-top: 100rem; }
    .founder-component__content { margin-top: 40rem; }
    .founder-component__content:has(.founder-component__title) { margin-top: 40rem; }
    .founder-component__title:has(+.founder-component__desc) { margin-bottom: 24rem; }
    .founder-component__desc p + p { margin-top: 16rem; }
    .founder-component__banner { gap: 16rem; }
    .founder-component__banner-caption { height: 73rem; padding: 10rem 16rem; }

    .leadership-list > li { border-radius: 16rem; }
    .leadership-list > li + li { margin-top: 24rem; }
    .leadership-list__content { padding: 32rem; min-height: inherit; }

    .leadership-team .leadership-list__image { border-radius: 16rem; }

    .leadership-core .leadership-list__content { padding-left: 32rem; }
    .leadership-core .leadership-list__image { border-radius: 16rem; }

    .journey__container { margin: 0 24rem; margin-top: -80rem; --journey-gap: 80rem; }
    .journey__sticky-title { font-size: 86rem; line-height: 74rem; }
    .journey__item { gap: 40rem; }
    .journey__content-list > li { padding: 28rem 0; }
    .journey__content-sublist { margin-top: 12rem; }
    .journey__navigator-item { width: calc((100% - 20rem) / 6); }

}



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

    body.page-template-about-us .article__visual { margin-bottom: 100rem; }

    .about-mission__container { gap: 36rem; padding: 80rem 0 100rem; }
    .about-mission__gallery { margin: 0 -20rem; }

    .about-why__container { grid-template-columns: auto; }
    .about-why__slider { height: 280rem; }
    .about-why__content { padding: 24rem; aspect-ratio: auto; }

    .about-strength__image { display: none; }
    .about-strength__content { padding: 40rem 20rem; align-items: center; }
    .about-strength__content-inner { height: 546rem; }

    .about-roadmap__content { padding: 20rem; margin: 0 12rem 12rem; width: calc(100% - 24rem); aspect-ratio: 1 / 1.5; gap: 12rem; }
    .about-roadmap__content-desc { margin-top: 8rem; }
    .about-roadmap__model-marker { width: 24rem; height: 24rem; }

    .founder-component + .founder-component { padding-top: 80rem; }
    .founder-component__content:has(.founder-component__title) { margin-top: 32rem; }
    .founder-component__banner { grid-template-columns: 1fr; gap: 12rem; }
    .founder-component__banner-bg--desktop { display: none; }
    .founder-component__banner-bg--mobile { display: block; }
    .founder-component__banner-item { aspect-ratio: 1 / 1.4285; }
    .founder-component__banner:has(.founder-component__banner-item:nth-child(2)) .founder-component__banner-item { aspect-ratio: 1 / 0.8767; }
    .founder-partnership .founder-component__banner-item { aspect-ratio: 1 / 0.8767; }

    .leadership-list > li { flex-direction: column; }
    .leadership-list > li + li { margin-top: 20rem; }
    .leadership-list__image { width: 100%; max-width: inherit; }
    .leadership-list__image .jt-lazyload { padding-top: 124.65%; }
    .leadership-list__content { padding: 32rem 24rem 40rem; min-height: inherit; }
    .leadership-list__desc { margin-top: 20rem; }

    .leadership-team .leadership-list__content { min-height: inherit; }
    .leadership-team .leadership-list > li:last-child .leadership-list__content { padding-bottom: 0; }
    .leadership-core .leadership-list__content { min-height: inherit; padding: 32rem 24rem 0; }

    body.page-template-journey .article__section-title { text-align: left; }
    .journey__container { margin: 0 20rem; margin-top: -72rem; --journey-gap: 60rem; }
    .journey__sticky { display: none; }
    .journey__sticky-title { font-size: 52rem; line-height: 65rem; }
    .journey__sticky-title > span { display: inline; }
    .journey__content { width: 100%; max-width: inherit; }
    .journey__content-list > li { padding: 24rem 0; }
    .journey__content-sublist { margin-top: 10rem; }
    .journey__content-sublist > li + li { margin-top: 8rem; }
    .journey__item { flex-direction: column; gap: 24rem; }
    .journey__item .journey__sticky { display: block; }
    .journey__item .journey__sticky-title { padding-left: 0; }
    .journey__navigator-item { width: calc((100% - 8rem) / 3); }
    .journey__navigator-button { width: 35rem; height: 54rem; }

}