@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.page_ttl{background-image: url("images/page_ttl.jpg");background-position-y: 30%;}

#block01 .inner .block_inner_bg .news_list{padding-top: calc(var(--inner_p) / 2);}
#block01 .inner .block_inner_bg .news_list .news{text-align: left;padding: calc(var(--inner_p) / 2) 0;box-sizing: border-box;}
#block01 .inner .block_inner_bg .news_list .news:not(:last-child){border-bottom: solid 1px #ebe2d9;}
#block01 .inner .block_inner_bg .news_list .news .date{font-size: 1.4em;line-height: 2em;color: var(--green02);}
#block01 .inner .block_inner_bg .news_list .news .topic{font-size: 1.4em;line-height: 2em;}
#block01 .inner .block_inner_bg .news_list .news a{text-decoration: underline;}
#block01 .inner .block_inner_bg .news_list .news a:hover{text-decoration: none;}
#block01 .inner .block_inner_bg .pagination{margin: -5px;padding-top: var(--inner_p);display: flex;justify-content: center;}
#block01 .inner .block_inner_bg .pagination .pagination_btn{padding: 5px;display: inline-block;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a{font-size: 1.8em;color: #fff;background-color: var(--green04);border-radius: 5px;transition: background-color .3s;position: relative;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a::before{content: "";width: 0.5em;height: 0.5em;background-color: #fff;position: absolute;top: 0.75em;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a.prev{padding: 0.5em 0.5em 0.5em 1.5em;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a.prev::before{clip-path: polygon(0 50%, 100% 0, 100% 100%);left: 0.5em;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a.next{padding: 0.5em 1.5em 0.5em 0.5em;}
#block01 .inner .block_inner_bg .pagination .pagination_btn a.next::before{clip-path: polygon(0 0, 100% 50%, 0 100%);right: 0.5em;}
#block01 .inner .block_inner_bg .pagination .pagination_list{display: flex;flex-wrap: wrap;}
#block01 .inner .block_inner_bg .pagination .pagination_list .pagination_item{padding: 5px;}
#block01 .inner .block_inner_bg .pagination .pagination_list .pagination_item a{min-width: 2em;height: 2em;font-size: 1.8em;color: #fff;background-color: var(--green04);border-radius: 5px;padding: 0.5em;box-sizing: border-box;transition: background-color .3s;}
#block01 .inner .block_inner_bg .pagination .pagination_list .pagination_item.selected a{background-color: var(--green02);}
@media only screen and (min-width: 768px) {
    #block01 .inner .block_inner_bg .pagination .pagination_btn a:hover,
    #block01 .inner .block_inner_bg .pagination .pagination_list .pagination_item a:hover{background-color: var(--green01)!important;}
}
@media only screen and (max-width: 999px) {
    #block01 .inner .block_inner_bg .news_list .news{padding: calc(var(--inner_p) / 2) 0;}
    #block01 .inner .block_inner_bg .pagination .pagination_btn a,
    #block01 .inner .block_inner_bg .pagination .pagination_list .pagination_item a{font-size: 1.4em;}
}
@media only screen and (max-width: 767px) {
    #block01 .inner .block_inner_bg{padding: 0;}
    #block01 .inner .block_inner_bg .block_ttl01{padding: var(--inner_p) var(--inner_p) 0 var(--inner_p);}
    #block01 .inner .block_inner_bg .news_list .news .topic{font-size: 1.2em;}
    #block01 .inner .block_inner_bg .pagination .pagination_list{flex-wrap: nowrap;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
    #block01 .inner .block_inner_bg .pagination .pagination_list::-webkit-scrollbar{display:none;}
}