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

/* ---------- main ---------- */
.newsdetail{
	padding: 150px 30px 100px 30px;
}
.labelbox{
	justify-content: space-around;
	position: relative;
	height: auto;
}
.labelbox::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	height: 10px;
	background-image: radial-gradient(#BA1A23 20%, transparent 21%);
	background-size: 8px 8px;
	background-repeat: repeat-x;
}
.labelbox .cate{
	padding: 5px 8px;
	border-radius: 50px;
	border: 1.8px solid #333;
	width: fit-content;
	margin-right: auto;
}
.webgene-item .img-box{
}
.webgene-item .img-box img{
	border-radius: 10px;
}
.webgene-item h1 {
    font-size: 30px;
    line-height: 2;
    letter-spacing: 0.03em;
}
/* ---------- 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){
	.newsdetail{
		padding: 80px 30px 30px 30px;
	}
	.webgene-item h1 {
		font-size: 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}