@charset "utf-8";

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



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

    /* DETAIL */
    .product-section { padding: 140rem 0; }

    .product-benefit__image { max-width: 60%; }

    .product-feature-banner__content { left: 60rem; }

}



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

    /* DETAIL */
    .product-section { padding: 120rem 0; }

    .product-benefit__content { padding:  20rem 60rem; }
    .product-benefit__title { margin-bottom: 20rem; }

    .product-benefit__btn { margin-top: 100rem; }

    .product-feature-banner__content { gap: 20rem; left: 50rem; }

}



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

    /* DETAIL */
    .product-section { padding: 100rem 0; }

    .product-section__desc { margin-top: 20rem; }

    .product-banner { margin-top: 60rem; }
    
    .product-section__header + .product-benefit { margin-top: 60rem; }
    .product-benefit__item { flex-direction: column; }
    .product-benefit__item + .product-benefit__item { margin-top: 80rem; }

    .product-benefit__image { max-width: 100%; }
    .product-benefit__content { padding: 0; width: 100%; margin-top: 20rem; text-align: center; }
    .product-benefit__title { margin-bottom: 10rem; font-size: 22rem; line-height: 38rem; }
    .product-benefit__title br:not(.smbr) { display: none; }
    .product-benefit__desc br:not(.smbr) { display: none; }
    .product-benefit__add br:not(.smbr) { display: none; }

    .product-benefit--reverse .product-benefit__content { order: 2; }
    .product-benefit--reverse .product-benefit__image { order: 1; }

    .product-benefit__btn { margin-top: 80rem; }
    .product-benefit__btn--pc { display: none; }
    .product-benefit__btn--mobile { display: block; }
    
    .product-caution { padding:  60rem 0; }

    .product-feature-banner { margin-top: 60rem; }
    .product-feature-banner__content { gap: 10rem; width: 360rem; left: 40rem; }
    .product-feature-banner__content p br:not(.mdbr, .smbr) { display: none; }

}



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

    /* DETAIL */
    .product-visual__desc br:not(.smbr) { display: none; }

    .product-section { padding: 80rem 0; }
    .product-section__desc br:not(.smbr) { display: none; }

    .product-banner { margin-top: 40rem; }

    .product-section__header + .product-benefit { margin-top: 40rem; }
    .product-benefit__item + .product-benefit__item { margin-top: 60rem; }

    .product-benefit__content { margin-top: 16rem; }
    .product-benefit__title { margin-bottom: 8rem; font-size: 20rem; line-height: 30rem; }

    .product-benefit__btn { margin-top: 60rem; }
    
    .product-caution { padding: 40rem 0; }

    .product-feature-banner { margin-top: 40rem; }
    .product-feature-banner__content { width: 100%; padding: 16rem 0 0; left: inherit; gap: 8rem; position: relative; text-align: center; color: var(--color-black); }
    .product-feature-banner__content > p br:not(.mdbr, .smbr) { display: none; }

}