.news_wrapper {
    max-width: 1200px;
    display:  block;
    margin:  0px auto;
}

.news_title h2 {
    position:  relative;
    font-size: 24px;
    color: #000;
    padding-left: 65px;
    margin-left: 22px;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.news_title h2:before {
    content:  "";
    position:  absolute;
    background: url("../../img/news/bg_title_recent.svg") no-repeat;
    top: -10px;
    left: 0;
    width: 64px;
    height: 45px;
}

.news_title {
    margin-top: 50px;
}

.news_categories {
    text-align:  right;
    margin-right: 108px;
}
.category {
    width: 190px;
    height:  30px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid #444;
    outline: 0;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #76c4aa url(../../img/news/icon_dropdown.png) no-repeat right 5px center;
    background-size: 10px;
    vertical-align: top;
    box-sizing:  border-box;
    padding-left: 10px;
}

.news_image {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}

.posts_contents {width: 56%;display: inline-block;vertical-align: text-bottom;color: #000;}

.posts_contents .news_tag {
    border: 0;
    padding-bottom: 0px;
}

.posts_contents a {
    color: #ff891f !important;
    font-size: 16px;
    font-size: 1.6rem;
    position:  relative;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight:  bold;
}

.posts_contents a:hover {
    opacity: .8;
}

.posts_contents a:after {
    content: '';
    position:  absolute;
    background: url("../../img/news/narrow_recent.svg")no-repeat;
    width: 17px;
    height: 17px;
    right: -21px;
    top: 0px;
}

.posts_contents h3 {
    display:  block;
     font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    margin-top: 4px;
    margin-bottom: 4px;
}

.posts_contents h3 a {
    color:  #000 !important;
    font-size: 30px;
    font-size: 3rem;
    font-family: 'KOZGOPR6N-HEAVY','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.posts_contents h3 a:hover {
    opacity: .8;
}

.posts_contents h3 a:after {
    display: none;
}

.post_excerpt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
}

.news_posts {
    overflow:  hidden;
    width: 1000px;
    display: block;
    margin: 0px auto;
    padding-top: 27px;
    padding-bottom: 27px;
    border-bottom: 2px solid #62af94;
}

.post_date {
    color: #ff891f;
    font-size: 18px;
    font-size: 1.8rem;
    display:  block;
    font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight:  normal;
}
.news_tag a:after{
    
display: none;
}
.tag {
    background: #76c4aa;
    padding: 2px 12px 2px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 6px;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
}
.news_pagination {
    overflow:  hidden;
    width:  1000px;
    display:  block;
    margin: 40px auto 60px;
    text-align:  center;
}

.news_pagination ul {
    display:  block;
    margin:  0px auto;
}

.news_pagination ul li {
    display:  inline-block;
    background: #76c4aa;
    margin: 0px 10px;
}

.news_pagination ul li#select_page {
    background: #ff891f;
}

li.narrow_left a:hover,li.narrow_right a:hover {
    background: transparent !important;
    opacity: .8;
}

li.narrow_left,li.narrow_right {
    background: transparent !important;
    padding:  0px !important;
    margin:  0px !important;
}

li.narrow_left a, li.narrow_right a {
    padding:  0px !important;
}

.news_pagination ul li a {
    display:  block;
    font-size:  16px;
    font-size:1.6rem;
    color: #fff;
    padding: 3px 12px;
}

.news_pagination ul li a:hover {
    background: #ff891f;
}

a:hover {
    text-decoration:  none !important;
}
.mb_menu{display:none;}

@media (max-width: 1199px) and (min-width: 992px){
    .mb_menu {display:none; }
    .news_wrapper,.news_posts,.news_pagination {width:  auto;margin: 0px 15px 0px 15px;}
    .news_pagination { margin-top: 50px; margin-bottom: 50px; }
    .news_categories {text-align:  right;margin-right: 10px;}
}
@media (max-width: 991px) and (min-width: 768px){   
    .mb_menu {display:none; }    
    .news_wrapper,.news_posts,.news_pagination { width:  auto;margin: 0px 15px 0px 15px;}
    .news_pagination {margin-top: 50px;margin-bottom: 50px;}
    .news_image {width: 40%;}
    .post_excerpt {font-size: 13px;font-size: 1.3rem;margin-bottom: 25px;}
    .posts_contents h3{padding:0px;margin: 8px 0px;}
    .posts_contents h3 a {font-size: 20px;font-size: 2rem;}

    .news_title h2 {margin:  0;padding-left: 67px;}

    .news_title {
        margin-left: 15px;
    }
    .news_categories {
        margin: 0;
        margin-right: 5px;
    }
    select.category {
        width:  auto;
    }
}
@media (max-width: 767px){
    .mb_menu {
        display:block;
        background:#e9f4d9;
        text-align:  center;
    }
    .mb_menu ul {
        clear: both;
        padding-bottom: 5px;
    }
    .mb_menu ul li a img {
        height: 15px;
        width: 15px;
        vertical-align:  middle;
    }
    .mb_menu ul li {
        display:  inline-block;
        margin: 4px;
    }
    .mb_menu ul li a {
        display:  block;
        border-radius: 50px;
        box-shadow: 3px 4px 0px 0px #999999;
        background:  #fff;
        width: 30px;
        height: 30px;
    }

    .mb_menu ul li a:hover {
        opacity: .8;
    }
    .news_wrapper,.news_posts, .news_pagination {
        width:  auto;
        /* max-width: 281px; */
        padding-bottom: 0px;
    }

.news_posts {
    padding-top: 0px;
    margin: 15px;
}

    .news_pagination ul li a {
        padding: 0px 8px;
    }

    .news_pagination ul li {
        margin: 0px 5px;
    }

    .news_posts a {
        display:  none;
    }


    .news_image {
        width:  100%;
        margin: 0px;
    }

    .posts_contents {
        width: 100%;
        margin: 15px 0px 0px 0px;
        position:  relative;
    }

    .posts_contents h3 a {
        display:  block;
        color: #000 !important;
        margin-bottom: 23px;
        font-size:15px;
        font-size: 1.5rem;
        /* font-size: 4.375vw; */
    }

    .posts_contents h3 a:hover {
        opacity: .8;
    }

    .post_excerpt {
        display: none;
    }

    .tag {
        font-size: 9px;
        font-size: 0.9rem;
        /* font-size: 2.8125vw; */
        padding: 5px 13px 5px 13px;
    }

span.post_date {
    font-size: 9px;
    font-size: 0.9rem;
    /* font-size: 2.8125vw; */
    padding: 0px 13px 0px 0px;
}

    .news_image img {
        width: 100%;
    }

    .news_title h2 {margin: 0px;padding: 0 30px;font-size: 12px;font-size: 1.2rem;/* font-size: 3.75vw; */}

    .news_title h2:before {
        content: "";
        position: absolute;
        background: url(../../img/news/bg_title_recent.svg) no-repeat;
        top: 0px;
        left: 0;
        width: 27px;
        height: 27px;
    }
    .news_title {
        width:  auto;
        margin: 15px 15px 0 15px;
    }

.news_categories {
    margin: 0px 15px 0 15px;
}
    select.category {
        width: 95px;
        font-size: 8px;
        font-size: 0.8rem;
        /* font-size: 2.5vw; */
        line-height: 15px;
        height: 15px;
        box-sizing:  border-box;
        padding-left: 5px;
    }
    .news_tag {
        position:  absolute;
        bottom: 0;
    }

.news_tag a {
    display: inline-block;
}
}