@charset "utf-8";
/* CSS Document */
.bg-black {
    background-color: #0A183E;
}
.news_b.news_list .contents .webgene-blog .webgene-item .imgbox {
    border-radius: 0px;
}
.news_b .webgene-pagination ul a{
	background-color: #fff;
}
.news_b .cate-wrap .webgene-blog .webgene-item a {
    border: 1px solid #0A183E;
	background-color: #fff;
    padding: 5px 15px;
    border-radius: 100px;
    font-weight: 500;
}
.news_b .cate-wrap .webgene-blog .webgene-item a.on {
    color: #fff;
    background-color: #0A183E;
    pointer-events: none;
}
.newspage_a .webgene-blog .webgene-item .catename {
	border-radius: 50px;
	padding: 3px 15px;
    background-color: #0A183E;
}
.newspage_a .webgene-blog .webgene-item > .line-a {
	border-bottom: 1px solid #CACACC;
	padding-bottom: 15px;
}
.more2 > a,.more2 > div{
	gap: 20px;
	border-radius: 200px;
	padding: 10px 50px;
	background-color: #181818;
}
.more2 a,.more2 > div{
	background-color: transparent;
	border: 2px solid #181818;
	background-color: #181818;
}

.more2 a > div p,.more2 > div > div p{
	color: #fff;
	font-size: 18px;
}
.more2 a > div i,.more2 > div > div i{
	color: #fff;
	transition: ease 0.3s;
}
.more2 a:hover > div i,a:hover .more2 > div > div i,.more2 > div:hover > div i{
	transform: translateX(2px);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

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

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

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