@charset "utf-8";
/****************************************************************************************************



****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************


****************************************************************************************************/
@media print, screen and (min-width:1200px){
.contents__main.-news{
    margin: 0 auto;
    width: 100%;
}
}
.contents__main.-news .contents__mainInner{
    padding: 0;
}
@media print, screen and (min-width:1000px){
.contents__main.-news .contents__mainInner{
    width: 100%;
}
}
/****************************************************************************************************


****************************************************************************************************/
.news__main{
}
@media print, screen and (min-width:737px){
.news__main{
}
}


.news__mainInner{
    padding: 0 10px;
}
@media print, screen and (min-width:1140px){
.news__mainInner{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1140px;
}
}
/****************************************************************************************************


****************************************************************************************************/
.news__include{
}
@media print, screen and (min-width:737px){
.news__include{
}
}
/****************************************************************************************************


****************************************************************************************************/
.newsList{
    margin-bottom: 10px;
}
@media print, screen and (min-width:737px){
.newsList{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
}
/****************************************************************************************************


****************************************************************************************************/
.newsList__item{
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
}
@media print, screen and (min-width:737px){
.newsList__item{
    position: relative;
    margin-left: calc( 20 / 1140 * 100% );
    margin-right: calc( 20 / 1140 * 100% );
    margin-bottom: 30px;
    padding: 0;
    width: calc( 340 / 1140 * 100% );
    overflow: hidden;
}
    .newsList__item:last-child{
        margin-bottom: 30px !important;
    }
}
/****************************************************************************************************


****************************************************************************************************/
.newsList__itemAnchor{
    text-decoration: none;
}
a.newsList__itemAnchor:link,
a.newsList__itemAnchor:visited{ color: #333; }

     /*--------------------------------------------------
    ライン
    --------------------------------------------------*/
@media print, screen and (min-width:737px){
   .newsList__itemAnchor::before{
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        width: 1px;
        height: calc( 100% - 20px );
        background-color: #333;
    }
        .newsList__item.-industry .newsList__itemAnchor::before{ background-color: #E6454C; }
        .newsList__item.-chiiki .newsList__itemAnchor::before{ background-color: #DEA40C; }
        .newsList__item.-koudai .newsList__itemAnchor::before{ background-color: #9133C8; }
        .newsList__item.-innovation .newsList__itemAnchor::before{ background-color: #008FFF; }
        .newsList__item.-naniwa .newsList__itemAnchor::before{ background-color: #F69F27; }
        .newsList__item.-mpes .newsList__itemAnchor::before{ background-color: #008D56; }
        .newsList__item.-cnrc .newsList__itemAnchor::before{ background-color: #008e94; }
}
/****************************************************************************************************


****************************************************************************************************/
.newsList__org{
    margin-bottom: 5px;
    font-size: 1.0rem;
}
    .newsList__item.-industry .newsList__org{ color: #E6454C; }
    .newsList__item.-chiiki .newsList__org{ color: #DEA40C; }
    .newsList__item.-koudai .newsList__org{ color: #9133C8; }
    .newsList__item.-innovation .newsList__org{ color: #008FFF; }
    .newsList__item.-naniwa .newsList__org{ color: #F69F27; }
    .newsList__item.-mpes .newsList__org{ color: #008D56; }
    .newsList__item.-cnrc .newsList__org{ color: #008e94; }

@media print, screen and (min-width:737px){
.newsList__org{
    position: absolute;
    top: 0;
    left: 32px;
    margin: 0;
    padding: 0;
    width: 500px;
    font-size: 1.4rem;
    transform-origin:left top;
    transform:rotate(90deg) translate3d(0, 0, 0);
}
    /*--------------------------------------------------
    センター名
    --------------------------------------------------*/
    .newsList__org span{
        position: relative;
        padding: 0 10px;
        background-color: #fff;
        color: #333;
    }
}
/****************************************************************************************************


****************************************************************************************************/
.newsList__main{
    display: flex;
}
@media print, screen and (min-width:737px){
.newsList__main{
    display: block;
    margin-left: 40px;
    font-size: 1.4rem;
    line-height: 1.5;
}
}

.newsList__mainInner{
    flex: 1;
    margin-left: 10px;
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.newsList__mainInner{
    flex: auto;
    margin-left: 0;
    padding: 0 10px 10px 0;
    line-height: 2.0;
}
}

/****************************************************************************************************


****************************************************************************************************/
.newsList__thum{
    width: 100px;
}
@media print, screen and (min-width:737px){
.newsList__thum{
    margin-bottom: 20px;
    width: 100%;
}
}


.newsList__thumImg{
    width: 100px;
    /* height: 66px; */
}
@media print, screen and (min-width:737px){
.newsList__thumImg{
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}
}


@media print, screen and (min-width:737px){
.newsList__thumImg .cms__img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: none;
}
}


.newsList__date{
    margin-bottom: 5px;
    color: #333;
}
@media print, screen and (min-width:737px){
.newsList__date{
}
}


.newsList__body{
    color: #333;
}