@charset "UTF-8";

@media only screen and (min-width:1080px){

    /* listBnr
    -------------------------------------------------*/
    .listBnr {
        font-size: 0;
        margin: 0 -2.2%;
    }
    .listBnr li {
        width: 33.333%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 2.2% 9%;
        color: #000;
    }
    .listBnr li .tit {
        font-weight: bold;
        border-bottom: #a3a3a3 2px solid;
        display: inline-block;
        line-height: 1.2;
        margin: 0.6em 0 0.2em;
    }
    .listBnr li span {
        display:inline-block;
        line-height: 1.4;
        margin:10px 0;
    }
    .listBnr li div {
        line-height: 1.6;
    }
    
    /* projectList
    -------------------------------------------------*/
    .projectList {
        padding: 3.875em 0 1.2em;
        overflow: hidden;
    }

    /* producerList
    -------------------------------------------------*/
    .producerList {
        padding: 3.875em 0;
        background: #ffebc9;
        overflow: hidden;
    }
    
    #media .listBnr li {
        width: 200px;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin-bottom:35px;
        padding: 0 0% 0%;
        color: #000;
        margin-right:16px;
    }
    #media .listBnr li:last-child {
        margin-right:0px;
    }
    #media .listBnr {
        margin: 0;
    }
    #media .listBnr li .tit {
        border-bottom: 0;
        line-height: 1.4;
    }
    #media .text {
        margin-top:10px;
    }
    #media .text a {
        color:#000;
		text-decoration: underline;
    }
}

@media only screen and (min-width:751px) and (max-width:1079px){
    .listBnr {
        width: 96%;
        margin:0 auto;
    }
    .listBnr li {
        float:left;
        width: 48%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 0% 9%;
        color: #000;
    }
    .listBnr li:nth-child(2n+1) {
        margin-right:3%;
    }
    .listBnr li img{
        width: 100%;
        height:auto;
    }
    #media .listBnr li {
        float:left;
        width: 32%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 0% 0%;
        color: #000;
        margin-right:2%;
        margin-bottom:25px;
    }
    #media .listBnr li:nth-child(3n) {
        margin-right:0px;
    }
    #media .listBnr {
        margin: 0;
    }
    #media .listBnr li .tit {
        border-bottom: 0;
        line-height: 1.4;
        font-weight: bold;
    }
    #media .listBnr li a {
        color:#000;
    }
    
    #media .btn {
        margin-top:10px;
    }
    #media .btn a {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #17288b;
        color:#FFF !important;
        text-align: center;
        line-height: 40px;
        font-size:14px;
    }
}

@media only screen and (min-width:769px) and (max-width:1079px){/*タブレット横持*/
    .listBnr li {
        width: 32%;
        min-height: 45VW;
        padding: 0 0% 0%;
        margin-right:2%;
    }
    .listBnr li:nth-child(2n+1) {
        margin-right:2%;
    }
    .listBnr li:nth-child(3n) {
        margin-right:0%;
    }
}

@media only screen and (max-width:750px){

    /* listBnr
    -------------------------------------------------*/
    .listBnr {
        width: 100%;
        margin: 0 auto;
    }
    .listBnr li {
        width: 94%;
        padding: 0 0 13.8%;
        font-size: 3.8vw;
        margin:0 auto;
    }
    .listBnr li:nth-child(2n) {
    }
    .listBnr li .tit {
        display:inline-block;
        font-size: 4.5vw;
        margin: 1em 0 0.5em;
        line-height: 1.4!important;
        font-weight: bold;
        margin: 0.6em 0 0.2em;
    }
    .listBnr li div {
        line-height: 1.4;
    }
    /* projectList
    -------------------------------------------------*/
    .projectList {
        padding: 7.7vw 0 4vw;
    }

    /* producerList
    -------------------------------------------------*/
    .producerList {
        padding: 3vw 0 0.5vw;
    }
    
    #media .listBnr li {
        float:left;
        width: 48%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 0% 0%;
        color: #000;
        margin-right:4%;
        margin-bottom:25px;
    }
    #media .listBnr li:nth-child(2n) {
        margin-right:0px;
    }
    #media .listBnr {
        margin: 0;
    }
    #media .listBnr li .tit {
        border-bottom: 0;
        line-height: 1.4;
    }
    #media .listBnr li p {
        line-height: 1.5;
    }
    #media .listBnr li a {
        color:#000;
    }
    
    #media .btn {
        margin-top:10px;
    }
    #media .btn a {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #17288b;
        color:#FFF !important;
        text-align: center;
        line-height: 40px;
        font-size:14px;
    }
    
}