@charset "utf-8";
/* CSS Document */
.cate_txt{
	padding: 3px 7px;
}

.news_detail .webgene-blog{
	max-width: 1000px;
	margin: 0 auto;
}
.news_detail .webgene-blog .webgene-item .cate-txt{
}
.news_detail .webgene-blog .webgene-item > .flex{
	gap: 50px;
}
.news_detail .webgene-blog .webgene-item .txt-box{
}


.news_list .webgene-blog{
	max-width: 1280px;
	margin: 0 auto;
}
.news_list .webgene-blog .webgene-item{
	padding: 20px 10px;
	border-bottom: 1px solid #D0D0D0;
}
.news_list .webgene-blog .webgene-item:first-of-type{
	padding-top: 0;
}
.news_list .webgene-blog .webgene-item .img-box{
	width: 240px;
}
.news_list .webgene-blog .webgene-item .txt-box{
	width: calc(100% - 240px);
	padding-left: 50px;
}
.news_list .webgene-blog .webgene-item .txt-box > .flex{
	gap: 20px;
}
.news_list .webgene-blog .webgene-item .txt-box > .flex p{
	font-family: "Poppins", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-weight: 500;
}

.news_list .webgene-blog .webgene-item .txt-box .cate-txt{
}
.news_list .webgene-blog .webgene-pagination{
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.news_detail .webgene-blog .webgene-item > .flex{
		gap: 40px;
	}

	.news_list .webgene-blog .webgene-item .img-box{
		width: 240px;
	}
	.news_list .webgene-blog .webgene-item .txt-box{
		width: calc(100% - 240px);
		padding-left: 30px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.news_list .webgene-blog .webgene-item .img-box{
		width: 200px;
	}
	.news_list .webgene-blog .webgene-item .txt-box{
		width: calc(100% - 200px);
		padding-left: 30px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.news_list .webgene-blog .webgene-item .img-box{
		width: 180px;
	}
	.news_list .webgene-blog .webgene-item .txt-box{
		width: calc(100% - 180px);
		padding-left: 30px;
	}
	.news_detail .webgene-blog .webgene-item > .flex{
		gap: 30px;
	}
	.news_detail .webgene-blog .webgene-item .cate-txt{
		padding: 4px 10px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.news_detail .webgene-blog .webgene-item > .flex{
		gap: 20px;
	}
	.news_detail .img-box .slide-navigation{
		gap: 10px;
		padding-top: 15px;
	}
	.news_detail .txt-box p{
		font-size: 14px;
	}
	.news_list .webgene-blog .webgene-item{
		padding: 15px 10px;
	}
	.news_list .webgene-blog .webgene-item .img-box{
		width: 100%;
		margin-bottom: 10px;
	}
	.news_list .webgene-blog .webgene-item .txt-box{
		width: 100%;
		padding-left: 0px;
	}
	.news_list .webgene-blog .webgene-item .txt-box .default_title3{
		font-size: 16px;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}