@charset "utf-8";

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



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

}



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

    /* VISUAL */
    .main-visual__container { left: 50rem; right: 50rem; bottom: 50rem; }

    /* PRODUCT */
    .main-product__inner { margin: 0 50rem; }

}



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

    /* VISUAL */
    .main-visual__container { top: 80rem; left: 40rem; right: 40rem; bottom: 40rem; }

    /* ABOUT */
    .main-about { padding: 120rem 0 160rem; }
    .main-about__item { width: 280rem; }
    .main-about__item:nth-child(1) { margin-right: -20rem; }
    .main-about__item:nth-child(2) { margin-right: -10rem; }
    .main-about__item:nth-child(3) { margin-left: -10rem; }
    .main-about__item:nth-child(4) { margin-left: -20rem; }

    /* PRODUCT */
    .main-product { padding-bottom: 160rem; }
    .main-product__section { padding: 120rem 0 160rem; }
    .main-product__section + .main-product__section { padding-top: 0; }
    .main-product__sticky { display: none; }
    .main-product__list { width: 100%; }

}



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

    /* VISUAL */
    .main-visual__container { top: 72rem; }

    /* ABOUT */
    .main-about__item { width: 250rem; }
    .main-about__item:nth-child(1) { margin-right: -16rem; }
    .main-about__item:nth-child(2) { margin-right: -8rem; }
    .main-about__item:nth-child(3) { margin-left: -8rem; }
    .main-about__item:nth-child(4) { margin-left: -16rem; }

}



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

    /* VISUAL */
    .main-visual__container { left: 30rem; right: 30rem; bottom: 30rem; }

    /* ABOUT */
    .main-about { padding: 60rem 0 140rem; }
    .main-about__desc { margin-top: 24rem; }
    .main-about__desc br { display: none; }
    .main-about__content { padding: 0 30rem; }
    .main-about__list { flex-wrap: wrap; width: 100%; }
    .main-about__item { width: 50%; }
    .main-about__item:nth-child(1) { margin-right: 0; }
    .main-about__item:nth-child(2) { margin-right: 0; }
    .main-about__item:nth-child(3) { margin-left: 0; }
    .main-about__item:nth-child(4) { margin-left: 0; }
    .main-about__stroke { display: none; }

    /* PRODUCT */
    .main-product { padding-bottom: 140rem; }
    .main-product__inner { margin: 0; }
    .main-product__section { padding: 0 0 100rem; }
    .main-product__bg { padding-top: 44%; }
    .main-product__title br { display: none; }
    .main-product__content { flex-direction: column; margin: 60rem 30rem 0; }
    .main-product__info { width: 100%; }
    .main-product__category { margin-top: 80rem; }
    .main-product__category-list { margin-top: 8rem; }
    
}



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

    /* VISUAL */
    .main-visual__container { top: 72rem; left: 20rem; bottom: 20rem; right: 20rem; }

    /* ABOUT */
    .main-about { padding: 60rem 0 120rem; }
    .main-about__content { padding: 0 20rem; }

    /* PRODUCT */
    .main-product { padding-bottom: 120rem; }
    .main-product__bg { padding-top: 61.53%; }
    .main-product__bg--mobile { display: block; }
    .main-product__bg--desktop { display: none; }

    .main-product__content { margin: 60rem 20rem 0; }

}