@charset "utf-8";

/*
 * File       : rwd-portfolio.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1800px
 * 02) 1480px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 */



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

    /* LAYOUT */
    body.page-template-portfolio .article-title span {padding-right: 118rem;font-size: 92rem;}
    body.page-template-portfolio .article-title span:after {width: 64rem;height: 64rem;right: 40rem;margin-top: -32rem;font-size: 64rem;}

    /* PROLOGUE */
    .portfolio-prologue p {font-size: 40rem;}

    /* PROTOCOL */
    .portfolio-protocol__name:after {right: -11%;}
    .portfolio-protocol__data {padding-left: 10%;}
    .portfolio-protocol__data b {font-size: 23rem;}
    .portfolio-protocol__data b br {display: none;}
    .portfolio-protocol__data p br {display: none;}

}



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

    /* LAYOUT */
    body.page-template-portfolio .article-title span {padding-right: 105rem;font-size: 82rem;}
    body.page-template-portfolio .article-title span:after {width: 58rem;height: 58rem;right: 35rem;margin-top: -29rem;font-size: 58rem;}

    .portfolio-section {padding-top: 180rem;}
    .portfolio-section__title {margin-bottom: 70rem;}
    .portfolio-section__title h2 {font-size: 70rem;}
    .portfolio-section__title p {margin-top: 22rem;font-size: 19rem;}

    /* PROLOGUE */
    .portfolio-prologue {padding-top: 60rem;}
    .portfolio-prologue p {margin-bottom: 160rem;font-size: 34rem;}

    /* PROTOCOL */
    .portfolio-protocol__name {width: 44%;}
    .portfolio-protocol__name:after {right: -9%;margin-top: -6rem;}
    .portfolio-protocol__name b {padding: 44rem 0 28rem;font-size: 76rem;}

    .portfolio-protocol__data {width: 56%;padding-left: 100rem;padding-right: 50rem;top: 62rem;}
    .portfolio-protocol__data figure {width: 245rem;}
    .portfolio-protocol__data b {font-size: 20rem;}
    .portfolio-protocol__data p {font-size: 18rem;}

}



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

    /* LAYOUT */
    body.page-template-portfolio .article-title span {padding-right: 95rem;font-size: 72rem;}
    body.page-template-portfolio .article-title span:after {width: 50rem;height: 50rem;margin-top: -25rem;font-size: 50rem;}

    .portfolio-section {padding-top: 140rem;}
    .portfolio-section__title h2 {font-size: 56rem;}
    .portfolio-section__title span {margin-bottom: 18rem;font-size: 23rem;}
    .portfolio-section__title p {margin-top: 16rem;font-size: 17rem;}

    /* PROLOGUE */
    .portfolio-prologue {padding-top: 0;}
    .portfolio-prologue p {margin-bottom: 100rem;font-size: 28rem;}
    .portfolio-prologue p br {display: none;}

    /* PROTOCOL */
    .portfolio-protocol__list {margin-bottom: 350rem;}

    .portfolio-protocol__name b {padding: 34rem 0 18rem;font-size: 62rem;}
    .portfolio-protocol__name:after {width: 8rem;height: 8rem;right: -42rem;margin-top: -5rem;}

    .portfolio-protocol__data {top: 46rem;padding-left: 76rem;padding-right: 0rem;}
    .portfolio-protocol__data figure {width: 210rem;}
    .portfolio-protocol__data b {margin-top: 26rem;font-size: 18rem;}
    .portfolio-protocol__data p {margin-top: 22rem;font-size: 16rem;}
    .portfolio-protocol__data .jt-btn--underline {margin-top: 32rem;}

    /* BACKERS */
    .portfolio-backers__partners-list {margin: -10rem -11rem;}
    .portfolio-backers__partners-list > li {padding: 10rem 11rem;}
    .portfolio-backers__logo {width: auto;}

}



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

    /* LAYOUT */
    body.page-template-portfolio .article-title span {padding-right: 75rem;font-size: 56rem;}
    body.page-template-portfolio .article-title span:after {width: 40rem;height: 40rem;right: 27rem;margin-top: -20rem;font-size: 40rem;}

    .portfolio-section {padding-top: 120rem;}
    .portfolio-section__title {margin-bottom: 60rem;}
    .portfolio-section__title h2 {font-size: 46rem;}
    .portfolio-section__title span {margin-bottom: 16rem;font-size: 20rem;}
    .portfolio-section__title p {font-size: 15rem;}

    /* PROLOGUE */
    .portfolio-prologue p {margin-bottom: 80rem;font-size: 22rem;}

    /* PROTOCOL */
    .portfolio-protocol__list {margin-bottom: 120rem;}

    .portfolio-protocol__name {width: 100%;text-align: left;}
    .portfolio-protocol__name:after {display: none;}
    .portfolio-protocol__name b {padding: 22rem 0 8rem;font-size: 56rem;}

    .portfolio-protocol__data {width: 100%;padding-left: 0;position: relative;top: inherit;right: inherit;overflow: hidden;height: 0;}
    .portfolio-protocol__data-inner {padding: 20rem 0 50rem;}
    .portfolio-protocol__item:last-child .portfolio-protocol__data-inner {padding-bottom: 0;}
    .portfolio-protocol__data figure {width: 160rem;}
    .portfolio-protocol__item.portfolio-protocol__item--active .portfolio-protocol__data {height: auto;}

}



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

    /* LAYOUT */
    body.page-template-portfolio .article-title span {padding-right: 48rem;font-size: 38rem;}
    body.page-template-portfolio .article-title span:after {width: 28rem;height: 28rem;right: 15rem;margin-top: -14rem;font-size: 28rem;}

    .portfolio-section {padding-top: 80rem;}
    .portfolio-section__title {margin-bottom: 38rem;}
    .portfolio-section__title h2 {font-size: 32rem;line-height: 1.2;}
    .portfolio-section__title h2 br {display: none;}
    .portfolio-section__title span {margin-bottom: 12rem;font-size: 16rem;}

    /* PROLOGUE */
    .portfolio-prologue {margin-top: -10rem;}
    .portfolio-prologue p {margin-bottom: 0;font-size: 15rem;line-height: 1.77;}

    /* PROTOCOL */
    .portfolio-protocol__list {margin-bottom: 40rem;}

    .portfolio-protocol__name b {padding: 18rem 0 7rem;font-size: 36rem;}

    .portfolio-protocol__data figure {width: 116rem;}
    .portfolio-protocol__data-inner {padding-top: 14rem;}
    .portfolio-protocol__data b {font-size: 15rem;line-height: 1.6;}
    .portfolio-protocol__data p {margin-top: 18rem;font-size: 13rem;}
    .portfolio-protocol__data .jt-btn--underline {margin-top: 24rem;}

    /* BACKERS */
    .portfolio-backers__partners-list {margin: -6rem 0;}
    .portfolio-backers__partners-list > li {width: 50%;padding: 6rem 0;}

}