@charset "utf-8";

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


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

    .life-mediwhalers__head { margin-bottom: 48rem; }
    .life-mediwhalers__list > li { padding: 60rem 48rem 72rem; }
    .life-mediwhalers__icon { width: 140rem; }
    .life-mediwhalers__content { margin-top: 36rem; }

    .life-our-team__content { margin-top: 28rem; }
    .life-our-team__control { margin-top: 72rem; }

    .open-roles__list > li > a { padding: 36rem 54rem; }

}



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

    .life-mediwhalers { padding-top: 100rem; }
    .life-mediwhalers__head { margin-bottom: 40rem; }
    .life-mediwhalers__list { gap: 16rem; }
    .life-mediwhalers__list > li { padding: 48rem 40rem 60rem; }
    .life-mediwhalers__content { margin-top: 32rem; }
    .life-mediwhalers__content p { margin-top: 12rem; }
    .life-mediwhalers__icon { width: 120rem; }
    
    .life-our-team__list { gap: 54rem 16rem; }
    .life-our-team__content { margin-top: 24rem; }
    .life-our-team__desc { margin-top: 8rem; }
    .life-our-team__control { margin-top: 64rem; }

    .open-roles__list > li + li { margin-top: 20rem; }
    .open-roles__list > li > a { padding: 32rem 48rem; }
    .open-roles__list-desc { margin-top: 18rem; }

}



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

    body.page-template-life-at-mediwhale .article__visual-desc br { display: none; }
    .life-mediwhalers__list > li { padding: 40rem 32rem 52rem; }

    .open-roles__list > li > a { padding: 28rem 42rem; }
}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
    
    .life-mediwhalers { padding-top: 80rem; }
    .life-mediwhalers__list > li { padding: 32rem 24rem 42rem; }
    .life-mediwhalers__content { margin-top: 28rem; }
    .life-mediwhalers__content p { margin-top: 10rem; }
    .life-mediwhalers__content p br { display: none; }
    .life-mediwhalers__icon { width: 100rem; }

    .life-our-team__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48rem 16rem; }
    .life-our-team__list > li:nth-child(n+3) { display: none; }
    .life-our-team__content { margin-top: 20rem; }
    .life-our-team__desc { margin-top: 6rem; }
    .life-our-team__control { margin-top: 56rem; }
    .life-our-team:has(.life-our-team__list > li:nth-child(n+3)) .life-our-team__control { display: block; }
    .life-our-team--open .life-our-team__list > li:nth-child(n+3) { display: block; }

    .open-roles__list > li + li { margin-top: 16rem; }
    .open-roles__list > li > a { padding: 24rem 36rem; }
    .open-roles__list-desc { margin-top: 16rem; }
    .open-roles__list-category { margin-right: 6rem; }

}



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

    .life-mediwhalers{ padding-top: 60rem; }
    .life-mediwhalers__head { margin-bottom: 36rem; }
    .life-mediwhalers__list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12rem; }
    .life-mediwhalers__list > li { padding: 28rem 24rem 36rem; }
    .life-mediwhalers__content { margin-top: 24rem; }
    .life-mediwhalers__content p { margin-top: 8rem; }
    .life-mediwhalers__icon { width: 80rem; }

    .life-our-team__list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 40rem; }
    .life-our-team__list > li:nth-child(n+2) { display: none; }
    .life-our-team__content { margin-top: 16rem; }
    .life-our-team__desc { margin-top: 4rem; }
    .life-our-team__control { margin-top: 48rem; }
    .life-our-team:has(.life-our-team__list > li:nth-child(n+2)) .life-our-team__control { display: block; }
    .life-our-team--open .life-our-team__list > li:nth-child(n+2) { display: block; }
    
    .open-roles__list > li + li { margin-top: 12rem; }
    .open-roles__list > li > a { padding: 20rem 24rem; }
    .open-roles__list-desc { margin-top: 12rem; }

}