@charset "utf-8";

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



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

}



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

}



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

}



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

    /* OFFICE */
    .office-location__list > li { gap: 40rem; }

}



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

    /* OFFICE */
    .office-location__list > li { flex-flow: column; gap: 12rem; padding: 40rem; align-items: start; }
    .office-location__item-title { width: 100%; }
    .office-location__item-title br { display: none; }
    .office-location__item-content { flex: auto; }
    .office-location__item-link { margin-top: 28rem; }

}



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

    /* OFFICE */
    .office-location__map { display: none; }
    .office-location__list > li { gap: 8rem; padding: 30rem; }
    .office-location__list > li + li { margin-top: 12rem; }
    .office-location__item-title { width: 100%; }
    .office-location__item-link { margin-top: 18rem; }
    .office-location__item-content ul > li { padding-left: 16rem; }
    html.ios .office-location__item-content ul > li:before { margin-top: -.5rem; }

}