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

.news_d .cate-wrap {
    flex: 0 0 200px;
    position: sticky;
    top: 150px;
    align-self: flex-start;
	margin-left: 0;
}
.news_d .cate-wrap .webgene-blog .webgene-item a.on{
	padding: 3px 15px;
}
.news_d .contents .webgene-blog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 50px 20px;
}
.news_d .contents .webgene-blog .webgene-item {
    width: calc(100% / 2 - 30px / 2);
    background: #fff;
    border: #D0D0D0 solid 1px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); 
}
.news_d .contents .webgene-blog .webgene-item .imgbox {
    overflow: hidden;
}
.news_d .contents .webgene-blog .webgene-item .imgbox imgbox{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
}
.news_d .webgene-blog .webgene-item .catetxt {
    line-height: 1;
	background-color: #D9D7ED;
	padding: 4px 12px;
	border-radius: 200px;
}
.news_d .webgene-blog .webgene-item .date {
    color: #222222;
    font-weight: 400;
}
.news_d .contents .webgene-blog .webgene-item .txtbox {
    padding: 20px;
}
.news_d .contents .webgene-blog .webgene-item .txtbox > .flex {
    justify-content: flex-start;
    gap: 20px;
}


.news_d .cate-wrap .titlebox {
    border-bottom: #D9D7ED 1px solid;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.news_d .cate-wrap .webgene-blog .webgene-item a::before {
    content: none;
}
.news_d .cate-wrap .webgene-blog .webgene-item a {
    position: relative;
    padding: 0px;
}
.news_d .cate-wrap .webgene-blog {
    gap: 20px;
}
.news_d .webgene-pagination ul a{
	border: 1px solid #B5B5B5;
	font-family: "Outfit", "serif";
	color: #0E0E0F
}
.news_d .webgene-pagination ul a:hover{
}
.news_d .webgene-pagination ul .selected a{
	pointer-events: none;
	background-color: #222222;
	border-color: #222222;
	border: none;
	color: #fff;
}
.news_d .webgene-pagination {
	margin-top: 100px;
}
/* ---------- newspage_a ---------- */
.newspage_a .webgene-blog .webgene-item .date {
    color: #222222;
    font-weight: 400;
}
.newspage_a .webgene-blog .webgene-item .catetxt {
    line-height: 1;
	background-color: #D9D7ED;
	padding: 4px 12px;
	border-radius: 200px;
}
.newspage_a .webgene-blog .webgene-item img {
    border-radius: 10px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.news_d .webgene-pagination {
		margin-top: 80px;
	}
	.news_d .contents .webgene-blog .webgene-item {
		width: 100%;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.news_d .webgene-pagination {
		margin-top: 50px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.news_d{
		flex-wrap: wrap!important;
	}
	.news_d .contents.news_list{
		flex: auto;
	}
	.news_d .cate-wrap {
		position: static;
		margin-bottom: 0;
		width: 100%!important;
	}
	.news_d .contents{
		width: 100%!important;
	}
	.news_d .contents .webgene-blog {
		gap: 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}