@charset "utf-8";

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



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

    /* LAYOUT */
    body.home .main-container { padding-top: 180rem; }

    /* VISUAL */
    .main-visual__content { padding: 0 36rem 72rem; }
    .main-visual__info { margin-top: 14rem; }
    .main-visual__slider .swiper-control { bottom: 25rem; }

    /* COVER */
    .main-cover.jt-section { padding-top: 92rem; }

    /* ARTNOW */
    .main-artnow.jt-section { padding-top: 92rem; padding-bottom: 112rem; }
    .main-artnow .jt-section__head { margin-bottom: 44rem; }
    .main-artnow .jt-section__title i { width: 280rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 160rem; }

    /* VISUAL */
    .main-visual__content { padding: 0 32rem 64rem; }
    .main-visual__title { max-width: 620rem; }
    .main-visual__info { margin-top: 12rem; }
    .main-visual__slider .swiper-control { bottom: 21rem; }
    .main-visual__slider .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { width: 120rem; }

    /* COVER */
    .main-cover.jt-section { padding-top: 84rem; }

    /* ARTNOW */
    .main-artnow.jt-section { padding-top: 84rem; padding-bottom: 100rem; }
    .main-artnow .jt-section__head { margin-bottom: 40rem; }
    .main-artnow .jt-section__title i { width: 240rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 68rem; }

    /* VISUAL */
    .main-visual__slider .swiper-control { bottom: 19rem; }
    .main-visual__content { padding: 0 28rem 60rem; }

    /* COVER */
    .main-cover.jt-section { padding-top: 80rem; }

    /* ARTNOW */
    .main-artnow.jt-section { padding-top: 80rem; padding-bottom: 92rem; }
    .main-artnow .jt-section__head { margin-bottom: 36rem; }
    .main-artnow .jt-section__title i { width: 220rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 60rem; }

    /* VISUAL */
    .main-visual__slider .swiper-control { bottom: 17rem; }
    .main-visual__content { padding: 0 24rem 56rem; }
    .main-visual__title { max-width: 520rem; }
    .main-visual__info { margin-top: 10rem; }
    .main-visual__slider .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { width: 100rem; }

    /* COVER */
    .main-cover.jt-section { padding-top: 60rem; }

    /* ARTNOW */
    .main-artnow.jt-section { padding-top: 60rem; padding-bottom: 80rem; }
    .main-artnow .jt-section__head { margin-bottom: 32rem; }
    .main-artnow .jt-section__title i { width: 180rem; }

}



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

    /* VISUAL */
    .main-visual__slider { margin: 0 -14rem; }
    .main-visual__slider .swiper-control { bottom: 10rem; }
    .main-visual__item { aspect-ratio: auto; height: 487rem; }
    .main-visual__content { padding: 0 24rem 52rem; }
    .main-visual__title { max-width: inherit; }
    .main-visual__info { margin-top: 8rem; }
    .main-visual__slider .swiper-control { left: 40rem; right: 40rem; }
    .main-visual__slider .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { width: 53rem; }

    /* COVER */
    .main-cover.jt-section { padding-top: 0; }

    /* ARTNOW */
    .main-artnow.jt-section { padding-top: 52rem; padding-bottom: 60rem; }
    .main-artnow .jt-section__head { margin-bottom: 28rem; }
    .main-artnow .jt-section__title i { width: 160rem; }
    .main-artnow .jt-column__list .swiper-control { margin-top: 8rem; }

}