@charset "UTF-8";

.under_mv{
    background: url("../img/mv.png") center;
    -webkit-background-size: cover;
    background-size: cover;
}
.news {
    max-width: 1024px;
    width: 90%;
    margin: auto;
    padding-top: 60px;
}
.news_midashi {
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    color: #F5863F;
}
.news_list {
    max-width: 824px;
    width: 100%;
    margin: auto;
    margin-top: 40px;
    border-top: 1px solid #E7E7E7;
}
.news_row {
    display: flex;
    padding: 20px 60px;
    border-bottom: 1px solid #E7E7E7;
    position: relative;
}
.news_row.new::before{
    content: 'NEW';
    position: absolute;
    left: 0;
    display: inline-flex;
    width: 50px;
    justify-content: center;
    align-items: center;
    text-align:center;
    background: #f00;
    color: #fff;
}
.news_category {
    display: inline-flex;
    width: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #ccc;
    color: #fff;
    margin-right: 25px;
}
.news_category.news_category--ig {
    background: #065CA7;
}
.news_category.news_category--aib {
    background: #F5863F;
}
.news_date {
    margin-right: 25px;
    width: 232px;
}

.page_nation {
    max-width: 1024px;
    width: 100%;
    margin: 80px auto 0;
    display: flex;
    justify-content: center;
}
a.page-numbers,.page-numbers.current {
    display: flex;
    min-width: 40px;
    height: 40px;
    margin: 10px;
    background: #fff;
    border: 1px solid #F44D40;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #F44D40;
    box-sizing: border-box;
}
a.page-numbers.prev ,a.page-numbers.next {
    padding: 0 5px;
    min-width: 40px;
}

.page-numbers.current  {
    pointer-events: none;
    background: #F44D40;
    color: #fff;
    
}

.guide {
    display: flex;
    justify-content: center;
    margin: 70px auto 0;
    max-width: 824px;
    border: 1px solid #BEBEBE;
    padding: 25px 0;
}
.guide .news_category {
    margin-right: 15px;
}
.guide_row {
    width: 290px;
  text-align: center;
}



@media screen and (max-width: 767px) {
.sec_title {
    max-width: 90%;
    margin: auto;
}
.news_row {
    flex-wrap: wrap;
    padding: 20px 5%;
}
.news_cont {
    width: 100%;
    margin-top: 10px;
}
.news_row.new::before {
    left: 215px;
}
.news_category {
    margin-right: 10px;
}
.guide {
    flex-direction: column;
    align-items: center;
}
.guide_row {
    margin: 10px auto;
    max-width: 90%;
}
}