@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,300italic,400,400italic,500,500italic,700,700italic");

@media (min-width: 768px) {

    /** category title
========================================================================== */

    #categoryTitleWrapper {
        margin: 0 0 40px;
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg.jpg");
        background-position: center center;
        background-repeat: no-repeat;
    }

    #categoryTitleWrapper #categoryTitle {
        margin: 0 auto;
        padding-top: 70px;
        padding-left: 15px;
        width: 100%;
        height: 110px;
        font-family: 'Fira Sans', sans-serif;
        font-size: 4.5em;
        font-weight: 700;
        font-style: italic;
        line-height: 1;
        letter-spacing: 5px;
        color: #fff;
    }


    /** design top page
========================================================================== */

    #container {
        background-color: #fff;
    }

    #main {
        float: none;
        width: 100%;
    }

    #conts {
        overflow: hidden;
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    #conts .contentTitleA01 {
        margin-bottom: 30px;
        padding: 0 10px;
        font-size: 4em;
        font-weight: bold;
        line-height: 1.2;
    }

    #conts .contentsBox {
        overflow: hidden;
        margin: 40px auto 0;
        padding: 0 10px;
    }

    #conts .contentsBox p {
        margin: 0 0 50px 0;
        font-size: 1.6em;
        line-height: 1.6;
    }

    #conts .contentsBox ul li {
        font-size: 1.4em;
        line-height: 1.2;
    }

    #conts .contentsBox .contentsLeftBox {
        float: left;
        width: 730px;
    }

    #conts .contentsBox .contentsRightBox {
        float: right;
        width: 730px;
    }

    #conts .designSection {
        overflow: hidden;
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/cotent_bg.png");
        background-position: center top;
        background-repeat: repeat-y;
    }

    #conts .contentTitleA01 {
        margin: 0 auto;
    }

    #conts .designTitleWrapper {
        position: relative;
        overflow: hidden;
        height: 460px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #444;
    }

    #conts .designTitleWrapper.no01 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_01.jpg");
    }

    #conts .designTitleWrapper.no02 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_02.jpg");
    }

    #conts .designTitleWrapper.no03 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_03.jpg");
    }

    #conts .designTitleWrapper.no04 img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin: -370px 0 0 -650px;
    }

    #conts .designTitleWrapper .designTitle {
        padding-top: 185px;
        font-size: 3.0em;
        font-weight: bold;
        line-height: 1.4;
        color: #fff;
        text-align: center;
    }

    #conts .designTitleWrapper .designTitle .number {
        display: block;
        font-size: 1.8em;
        font-style: italic;
        line-height: 1;
    }

    #conts .speaker {
        font-weight: bold;
    }

    #conts .storyteller {
        font-style: italic;
        color: #787878;
    }

    #conts .contentPhotoR {
        overflow: hidden;
        margin: 0 0 10px;
    }

    #conts .contentPhotoR .photo {
        float: right;
        margin: 0 0 40px 40px;
    }

    #conts .contentPhotoR .desc p {
        margin: 0 0 40px 0;
    }

    #conts .contentPhotoL {
        overflow: hidden;
        margin: 0 0 10px;
    }

    #conts .contentPhotoL .photo {
        float: left;
        margin: 0 40px 40px 0;
    }

    #conts .contentPhotoL .desc p {
        margin: 0 0 40px 0;
    }

    #conts .profileSection {
        padding: 20px 20px;
        background-color: #171717;
    }

    #conts .profileSection .contentsBox {
        margin: 0;
        padding: 0;
    }

    #conts .profileTitle {
        margin-bottom: 25px;
        font-size: 1.6em;
        font-weight: normal;
        font-style: italic;
        line-height: 1.2;
        color: #fff;
        text-align: left;
    }

    #conts .profileWrapper {
        overflow: hidden;
    }

    #conts .profileWrapper .profileL {
        float: left;
        width: 440px;
    }

    #conts .profileWrapper .profileR {
        float: right;
        width: 440px;
    }

    #conts .profileWrapper p {
        margin: 0 0 30px 0;
        font-size: 1.4em;
        line-height: 1.4;
        color: #fff;
    }

    #conts .profileWrapper .profileName {
        margin-bottom: 20px;
        font-size: 3.0em;
        font-weight: normal;
        line-height: 1;
        color: #fff;
    }

    #conts .profileWrapper .photoA02 {
        margin: 30px 0 0 0;
    }

    #conts .profileWrapper .photoA02 .caption {
        color: #fff;
    }

    #conts .linkListA01 {
        float: right;
    }

    #conts .linkListA01>li {
        display: block;
        margin-bottom: 10px;
        padding-left: 12px;
    }

    #conts .linkListA01>li>a {
        position: relative;
    }

    #conts .linkListA01>li>a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -12px;
        margin-top: -4px;
        border-left: solid 5px #000;
        border-top: solid 3px transparent;
        border-bottom: solid 3px transparent;
    }

    #conts .linkListA01>li>a:hover {
        color: #ac0e0d;
    }

}

@media (max-width: 767px) {


    /** category title
========================================================================== */

    #categoryTitleWrapper {
        margin-bottom: 20px;
        background-size: auto 100px;
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg.jpg");
        background-position: center center;
        background-repeat: no-repeat;
    }

    #categoryTitleWrapper #categoryTitle {
        margin: 0 auto;
        padding-top: 35px;
        padding-left: 10px;
        height: 65px;
        font-family: 'Fira Sans', sans-serif;
        font-size: 2.6em;
        font-weight: 700;
        font-style: italic;
        line-height: 1;
        letter-spacing: 5px;
        color: #fff;
    }


    /** design top page
========================================================================== */

    #main {
        background-color: #fff;
    }

    #main .contentsBox {
        overflow: hidden;
        margin: 25px 10px 0;
    }

    #main .contentsBox p {
        margin: 0 0 25px 0;
        font-size: 1.4em;
        line-height: 1.4;
    }

    #main .contentsBox img {
        width: 100%;
        height: auto;
    }

    #main .contentsBox ul li {
        font-size: 1.4em;
        line-height: 1.2;
    }

    #main .contentTitleA01 {
        margin-bottom: 15px;
        padding: 0 10px;
        font-size: 2.6em;
        font-weight: bold;
        line-height: 1.2;
    }

    #main .designSection {
        overflow: hidden;
    }

    #main .designTitleWrapper {
        position: relative;
        overflow: hidden;
        height: 210px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #444;
        background-size: cover;
    }

    #main .designTitleWrapper.no01 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_01.jpg");
    }

    #main .designTitleWrapper.no02 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_02.jpg");
    }

    #main .designTitleWrapper.no03 {
        background-image: url("/wp-content/themes/inpresx2013/img/products/design/title_bg_03.jpg");
    }

    #main .designTitleWrapper.no04 {
        height: auto;
    }

    #main .designTitleWrapper.no04 img {
        display: block;
        width: 100%;
        height: auto;
    }

    #main .designTitleWrapper .designTitle {
        padding-top: 80px;
        font-size: 1.8em;
        font-weight: 500;
        line-height: 1.2;
        color: #fff;
        text-align: center;
    }

    #main .designTitleWrapper.no02 .designTitle {
        padding-top: 70px;
    }

    #main .designTitleWrapper .designTitle .number {
        display: block;
        font-size: 1.6em;
        font-style: italic;
        line-height: 1;
    }

    #main .speaker {
        font-weight: 500;
    }

    #main .storyteller {
        font-style: italic;
        color: #787878;
    }

    #main .contentPhotoR {
        overflow: hidden;
        margin: 0 0 5px;
    }

    #main .contentPhotoR .photo {
        float: right;
        margin: 0 0 20px 20px;
    }

    #main .contentPhotoR .desc p {
        margin: 0 0 20px 0;
    }

    #main .contentPhotoL {
        overflow: hidden;
        margin: 0 0 5px;
    }

    #main .contentPhotoL .photo {
        float: left;
        margin: 0 20px 20px 0;
    }

    #main .contentPhotoL .desc p {
        margin: 0 0 20px 0;
    }

    /*#main .profileSection {
        display: none;
    }*/

    #main .mobileSize40 {
        width: 40%;
    }

    #main .mobileSize60 {
        width: 60%;
    }

    #main .mobileSize100 {
        width: 100%;
    }

    #main .linkListA01 {
        float: right;
        padding-bottom: 25px;
    }

    #main .linkListA01>li {
        display: block;
        margin-bottom: 10px;
        padding-left: 12px;
    }

    #main .linkListA01>li>a {
        position: relative;
    }

    #main .linkListA01>li>a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -12px;
        margin-top: -4px;
        border-left: solid 5px #000;
        border-top: solid 3px transparent;
        border-bottom: solid 3px transparent;
    }

    #main .linkListA01>li>a:hover {
        color: #ac0e0d;
    }

}<!--0.00017595291137695-->