#content .head
{
    padding-left:30px;
}

#content .head h3
{
    font-size:22px;
    font-weight:700;
    color:#004680;
    padding-left:10px;
}


#content .news
{
    padding-bottom:100px;
}

#content .news ul
{
    margin:0;
    padding:0;
}

#content .news li
{
    margin:0;
    padding:0;
    padding-bottom:15px;
    list-style: none;
}

#content .news .news_line
{
    position:relative;
    border:1.5px solid #1868b3;
    background-color:#fff;
    border-radius: 10px;
    padding:15px;
}

#content .news .news_line .date
{
    margin:0;
    padding-left:30px;
}


#content span.info_cat00
{
    background-color:#00764c;
    color:#fff;
}

#content span.info_cat01
{
    background-color:#004680;
    color:#fff;
}

#content span.info_cat02
{
    background-color:#F3E600;
    color:#004680;
}

#content span.info_cat03
{
    border:2px solid #004680;
    color:#004680;
}

#content span.icn_new
{
    background-color:#EA545D;
    color:#fff;
    padding-left:5px;
    padding-right:5px;
    margin-left:8px;
    font-size:13px;
    font-weight:600;
}









#content .news .news_line .full_title
{
    margin:0;
    padding-left:30px;
    font-size:20px;
    font-weight:600;
    line-height:2em;
    margin-top:5px;
}

#content .news .news_line .full_title a
{
    color:#0b3190;
}

#content .news .news_line .full_title a:hover
{
    text-decoration: underline;
}

#content .news .news_line .arrow
{
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
}


#content .news .news_line p.date
{
    font-size:13px;
    font-weight:600;
}

#content .news .news_line span.cat
{
    padding-left:10px;
    padding-right:10px;
    margin-left:10px;
    font-size:13px;
}




/* 個別ページ */
#content h2
{
    background-color:#2c6c9b;
    padding:15px;
    font-size:20px;
    font-weight:600;
    color:#fff;
}

#content .cat_date
{

}

#content .cat_date .cat
{
    font-size:13px;
    padding-left:10px;
    padding-right:10px;
}

#content .cat_date .date
{
    font-size:13px;
    font-weight:600;
}

#content .news_body
{
    padding-top:30px;
    padding-bottom:100px;
}

#content .news_body img
{
    max-width:100%;
    height:auto;
}

#content .news_body p
{
    margin:0;
    line-height:1.8em;
}


#content .btn_group
{
    padding-bottom:40px;
}

#content .btn_group .prev_next
{
    display:flex;
}

#content .btn_group .prev_next a
{

}

#content .btn_group .back_view
{
    margin-top:30px;
    margin-bottom:30px;
    width:90%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#content .btn_group .back_view img
{
    width:90%;
}


/* ページネーション */
#pagenation
{
    padding-top:50px;
}

#pagenation li
{

    display:flex;
    justify-content: center;
    align-items: center;
    padding:5px 15px 5px 15px !important;
    border:2px solid #666;
    margin-left:2px !important;
    margin-right:2px !important;
}

#pagenation li.prev
{
    font-size:20px !important;
    cursor: pointer;
}

#pagenation li.next
{
    font-size:20px !important;
    cursor: pointer;
}







/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    #content .btn_group .back_view
    {
        margin-top:30px;
        margin-bottom:30px;
        width:320px;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    #content .btn_group .back_view img
    {
        width:320px;
        margin-left:auto;
        margin-right:auto;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #content .btn_group
    {
        position:relative;
        height:34px;
        padding-bottom:100px;
    }

    #content .btn_group .prev_next
    {
        position:relative;
        height:34px;
        display:flex;
    }

    #content .btn_group .back_view
    {
        max-width:320px;
        position:absolute;
        left:0;
        right:0;
        top:-13px;
        margin:auto;
    }

    #content .btn_group .back_view img
    {
        max-width:320px;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}